Смотрите на список из 51 демо на тему CSS эффекты с изображениями от Free Frontend. Для «вдохновения» — самое оно.
→ Прямая ссылка ←Чтобы понять окружающее нас в мире, мы всегда помещаем вещи и события в контекст. Все они зависят от окружений: физического, культурного и все это в комплексе. Теперь мы живем среди цифровых продуктов, приложений и мест, которые всегда находятся в сети, контекст играет наиболее важную роль для определения «кто» мы и «где» мы.
Эта книга предлагает мощный набор инструментов, чтобы помочь информационным архитекторам, UX профессионалам, а также разработчиком сетевых, в том числе веб, приложений понять и решить большое количество проблем, возникающих из-за контекстной неоднозначности. Вы поймете не только как дизайнить для определенного контекста, но и как сам дизайн участвует в определении этого контекста.
→ Ссылка для ознакомления ←Крис Койер рассуждает о том, если ли смысл в препроцессинге CSS переменных, или это начало конца препроцессинга как явления.
→ Прямая ссылка ←Посмотрите отличную подборку текстовых теней на CSS от ресурса Mixfont. А вы все еще такие делаете? Не страдает производительность от больших?
→ Прямая ссылка ←Посмотрите видео-туториал от Криса Спунера о том, как сделать векторный череп, который можно использовать и на футболках и в веб-дизайне.
→ Прямая ссылка ←Посмотрите очередной список от Free Frontend с примерами интересных CSS хедеров и футеров. Пригодятся чтобы взять и совсем чуть-чуть допилить.
→ Прямая ссылка ←Привет, космонавты! Сегодня получился довольно-таки хардкорный выпуск, потому что мы обсуждали функциональное программирование в 2017 году: предпосылки, применение, а также возможности реализации в JavaScript. Еще поговорили про будущее фронт-енд разработки, снова затронули «синдром самозванца» и решили как с этим жить. Кроме этого получилось много интересных статей в научпопе, поэтому скорее устраивайтесь поудобнее и смотрите подкаст!
Почитайте у Ричарда Зимермана о том, как подружить d3.js (d3geo) и react на примере крутых SVG карт (подгружаются через topojson client).
→ Прямая ссылка ←Ресурс serachlibs (Search JavaScript Libraries) предлагает нам удобный поиск по open source JavaScript библиотекам с различными параметрами. В том числе по времени с последнего коммита.
→ Прямая ссылка ←Предлагайте свои темы для выпуска #130 в комментариях!
Посмотрите статью на devbridge о том, как правильно использовать Sass и какие интересные методы и техники можно взять на вооружение.
→ Прямая ссылка ←Посмотрите библиотеку t-scroll, которая отвечает всем последним требованиям (не использует jQuery, а использует ES6), а также кастомизируется с помощью Sass.
→ Прямая ссылка ←Почитайте статью на freeCodeCamp о том как работать с методами fetch(), reduce() и форматировать данные со сторонних API.
На Codrops выложили неплохое демо с всплывающими подсказками. Очень технологичное: используется SVG, CSS гриды и flexbox.
→ Прямая ссылка ←Не далее чем этой весной в некоторых браузерах (Safari и Firefox) началась поддержка псевдо-класса :focus-within, который выбирает контейнер, даже если зафокусены дочерние элементы.