Ivan Bogachev

Можно совместить идею использования градиентов на ::before и ::after и старый хак с padding в процентах, чтобы получить универальную конструкцию, которая работает на любой ширине родительского элемента и при любом содержимом: codepen.

Также можно использовать calc для вычисления переходных точек этих градиентов (если вам нужно сохранять ширину полоски одинаковой при изменении ширины элемента), но нужно помнить про IE, который не очень это умеет, и в таком случае придется подставлять подпорку для него.

Можно делать фон, состоящий из нескольких градиентов:

background:
    radial-gradient(circle at center, #fff 50%, transparent 55%),
    linear-gradient(-45deg, #001510, #00bf8f);

codepen

Какие еще варианты?

Попробуйте поубивать процессы, которые windows запускает. Не знаю, как сейчас, а раньше такую проблему вызывал windows modules installer (грузил диск на 100%, все тормозило, а он сам при этом ничего полезного не делал) и еще один, названия которого не вспомню, что-то связанное с индексированием.

Есть ли какие-то риски?

Мне кажется в нашей стране уровень культуры населения еще не готов к такому. И я не про бюрократию, хотя без нее никуда. И не про бабушек у подъездов, у которых приступ случится, если с неба спустится летающая тарелка. Обязательно найдутся те, кто захочет обливать дронов краской, кидать в них бутылки, стрелять из пневматики или пытаться поймать в сеть и утащить к себе как трофей. Ведь вероятность получить битой в ответ минимальна, лицо прикрыл - и вперед. В этой стране вообще все воруют. У моего дедушки (в подмосковье) по ночам кто-то ворует дрова. Самые обычные березовые дрова. Куски дерева. Куски. Дерева. Думаю в таком обществе кража дрона - это подвиг, о котором местное население будет слагать легенды.

Но попробовать стоит. Рынок таких услуг пустой, если получится войти сейчас - можно захватить большую его часть.

Только вчера спрашивали - Какие есть сайты с практикой(для новичка)?

Да, теперь рекомендуется использовать let везде, где нельзя поиспользовать const. Это удобно. Но не стоит забывать про Babel, а то старым браузерам плевать на наши новые стандарты.

Какие есть сайты для новичков с практикой?

Тостер. Каждый день по темам, связанным с веб-разработкой задаются десятки вопросов, в которых описываются реальные задачи и проблемы, которые у кого-то возникли (в основном вопросы идут как раз от новичков). Можно просто наблюдать, читать ответы от более опытных разработчиков, разбирать их решения, ходить по ссылкам, которые они дают и изучать материалы там. А можно и самому пытаться отвечать по тем темам, в которых уже разобрались, приводить ссылки, делать работающие демки-иллюстрации, как-то аргументировать свое решение, а не просто копипастить. Это один из самых эффективных способов обучения.

А если например простые psd макеты?Где их можно найти?

Для начала можете сходить на psdrepo.com, там много красивых макетов.

Проще всего вытащить сами цифры абсолютным позиционированием, как в этом примере, а текст сам по себе выровняется. В качестве бонуса этот подход должен спокойно работать в IE9+ без полифиллов и костылей.

В целом такие анимации обычно не предполагают какую-то их поддержку (сделали, порадовались, на новый год сделали новую, с елочкой, а старую выбросили). Поэтому можно не заморачиваться и сделать все по-быстрому на чистом CSS (можно добавить пре/пост-процессор по вкусу). Пример вашей анимации (я не старался повторить один в один и не проверял в чем-то, отличном от хрома, но мысль должна быть ясна).

Сходите на psdrepo.com. Там много приятных глазу макетов (часть из них была замечена в рассылке htmlacademy). Есть целые страницы, есть просто наборы элементов интерфейса.

Может быть кто-то стоял перед подобным выбором? Кто что посоветует :-)

Вопрос "купить макбук или что-нибудь другое" на тостере появляется очень часто, поэтому я попробую разорвать шаблон стандартных ответов на него.

Если у вас планируются простые повседневные задачи (вы сами говорите, что тяжелых задач не планируется) и будущий владелец в состоянии не захламлять свой ноутбук браузером амиго, яндекс барами и прочей фигней, которая жрет ресурсы и мешает, то вполне сгодится любой бюджетный ноут за 15-20К. Ну за 25 максимум. Да, не понтово. Если вы на гироскутере приедете в барбершоп, вращая в одной руке спиннер, а в другой будет что-то без надкусанного яблока - окружающие не заценят. Но ведь главное, что этот кусок железа работает. Я половину всего времени верстаю на ноуте семилетней давности, а вторую половину - на нетбуке. Только заменил HDD на SSD. Стоят линуксы, ничего не тормозит, не виснет. И этого хватает для работы. Вполне. А учитывая небольшую близорукость, оставшуюся с детства, я с 40см ретину от не ретины вообще не отличаю. От обычных матовых мониторов, за которыми я сижу целыми днями уже много лет, зрение не то, что не садится, я даже не помню, когда глаза уставали в последний раз. А на оставшиеся 40-45К (от ваших 60) можно взять квадроцикл, который точно не устареет через пару лет и будет возить и радовать своего владельца. Или велосипед, чтобы хоть каким-то спортом заниматься. Или сайгу. Говорят, нервы успокаивает.

полноценно изучить все принципы и понять как думать в этом ключе?

(имхо) Лучше взять какой-нибудь простой лисп (Common Lisp например) и пописать недельку на нем что-нибудь для себя. Без разницы какие книжки брать, насколько они будут старые, не обязательно все запоминать или пытаться написать что-то нереально большое. Главное - попробовать и проникнуться общими подходами к делу, которые вы там увидите. А потом взять свой JS и посмотреть на него свежим взглядом.