Почитайте очень подробную статью на freeCodeCamp о том, как работают CSS псевдоклассы, с примерами кода и диаграммами.
→ Прямая ссылка ←
Robin Rendle на CSS-Tricks рассказывает и показывает как с помощью SVG и нехитрых CSS3 переходов можно сделать отличный «доступный» прогресс бар.
→ Прямая ссылка ←
Ahmad Shadeed на CSS-Tricks написал отличную статью о том как пользоваться функцией rgba() в ваших CSS файлах. Можно комбинировать разные степени прозрачности с разными цветами на фоне разных цветов.
На Codrops для нас приготовили занятную демку, которая показывает как сделать всплывающие изображения с помощью CSS масок и мягких переходов (transitions). Кстати, про CSS маски можете посмотреть наше видео: CSS Clipping & Masking (свойства clip-path и mask-image).
→ Прямая ссылка ←
Посмотрите демку на CodePen, на которой воспроизведён эффект грозы в дождливый вечер. Всё сделано с помощью уже избитой HTML5 Canvas, но всё равно красиво.
→ Прямая ссылка ←
Скорее спешите на PixelBuddha и скачивайте бесплатный шрифт Canyons Vintage. Подойдёт для заголовков и логотипов в стиле 50-60х годов XX века.
→ Прямая ссылка ←
Крис Койер в статье рассказывает нам о том, какими способами добавлять ID к `body` элементу. Например, средствами PHP и WordPress.
→ Прямая ссылка ←
Ребята из команды разработчиков WordPress выпустили сегодня релиз 4.7, который включает в себя большое количество нововведений, среди которых новая тема Twenty Seventeen и завершающие штрихи для REST API.
→ Прямая ссылка ←
Zell Liew, один из разработчиков Susy (фреймворка для построения секто с помощью Sass) написал отличную статью, в которой рассказал про все возможные варианты построения адаптивных сеток для вёрстки.
→ Прямая ссылка ←
Уже прошла эпоха «вау-эффектов» от демок на чистом CSS, но тем не менее всё ещё попадаются интересные экземпляры. Например, вот этот iPhone 6 с анимированными обоями.
→ Прямая ссылка ←
На западе рождество начинают праздновать с первого декабря, потому что канун (advent) и считают дни до наступления. На Smashing Magazine нам как раз предлагают иконки, которые символизируют основные действия во время этого ожидания.
→ Прямая ссылка ←
На CodePen есть отличное демо с Meshi The Dog, который анимирован с помощью CSS. Побольше бы таких «практических» примеров для наглядности.
→ Прямая ссылка ←
Только на этой неделе на Creative Market можно бесплатно скачать набор иллюстраций про Скандинавское Рождество. Всё в векторном формате, поэтому легко подойдёт для вывода в любом размере.
→ Прямая ссылка ←
Обратите внимание на интересный ролик со SpoonGraphics, в котором нас учат делать трендовый логотип с «подворотами», то есть в виде загнутой ленточки. Прям как у Medium.
→ Прямая ссылка ←
Хоть мы и не очень любим браузерные уведомления (desktop notifications), но некоторые люди их любят и поэтому мы делимся решением Notification Logger, которое позволяет выводить весь лог из консоли.
→ Прямая ссылка ←