Martijn Brekelmans написал неплохую заметку о том, как он решил сделать анимацию сердца, состоящего из частиц и двигающихся по траекториям.
→ Прямая ссылка ←Очередной подгон с Pixel Buddha, на этот раз — абстрактные векторные текстуры. Похоже на бетон или мыльную воду.
→ Прямая ссылка ←Крис Спунер снял очередное образовательное видео о том, как сделать эффект «точечной» иллюстрации в Adobe Photoshop.
→ Прямая ссылка ←Desmond Ding делится своей интерпретацией полноэкранного приближения, реализованного с помощью плавных анимаций и JavaScript.
→ Прямая ссылка ←Срочно в номер! В продакшн выходит CSS свойство display: flow-root, которое позволит не использовать clearfix хаки.
На Pixel Buddha кроме иконок бывают и экшены для Adobe Photoshop, на этот раз тематические про винтажный рассвет. И несколько текстур в подарок.
→ Прямая ссылка ←Библиотека Accesslint после добавления на страницу будет выводить вам в консоли все ошибки с «доступностью», которые вы допустили на странице. Даже для контента, который динамически подгрузился с помощью AJAX.
→ Прямая ссылка ←Шикарные иконки-иллюстрации на тему космоса от Smashing Magazine, в которых собрали все, от звезд до Земли.
→ Прямая ссылка ←В выпуске «Суровый веб» #113 мы обсудили отличную тему в блоке «разработка», хотелось бы выделить её отдельно. Это очередная зарисовка от Марико Косако, в которой она нарисовала введение в Service Worker’ов, для того чтобы понимать принцип их работы.
→ Прямая ссылка ←Наш подписчик Вова Дудай продолжает рассказывать про методы деструктуризации структур данных в JavaScript последней редакции. На этот раз про объекты.
→ Прямая ссылка ←Bram Stein на ресурсе Performance Calendar написал отличную статью с реальными примерами о том, как реализовать асинхронную загрузку веб шрифтов. Довольно-таки насущная задача.
→ Прямая ссылка ←На портале Pixelbuddha с нами делятся бесплатной версии набора иконок Ballicons 3. Иконки, как нетрудно догадаться круглые, в векторе.
→ Прямая ссылка ←На Tuts+ показывают как сделать демо с «магическими» подсказками с использованием CSS и HTML атрибутов, без JavaScript.
→ Прямая ссылка ←Почитайте на CSS-Tricks о том, какие тонкости могут возникнуть при работе с transparent градиентом на iOS и Safari. Оказывается, не все так просто.
→ Прямая ссылка ←На ресурсе WhoIsHostingThis выложили огромный набор туториалов по Adobe Photoshop на самые различные темы.
→ Прямая ссылка ←