Посмотрите маленький туториал о том, как из одной SVG картинки можно сделать целый адаптивный лендинг с варьирующейся высотой.
→ Прямая ссылка ←
На горизонте замаячил новый page builder плагин для WordPress, похоже на этот раз действительно быстрый и производительный.
→ Прямая ссылка ←
Посмотрите макет неплохого одностраничного сайта портфолио со слайдером. Мрачновато, но ничего лишнего. Попробуйте сверстать такой,потренируйтесь.
→ Прямая ссылка ←
Космонавты, привет! В этот августовский день вжариваем вам новым подкастом. Сегодня у нас много тем про UX, например про html формы и состояние наведения (hover state). Кроме этого много фундаментальных тем про программирование, такие как: преподавание и сложность программирования в освоении (в противовес маркетологам, которые думают, что это легко). Было весело и задорно, поэтому не забывайте ставить палец вверх и смотрите!
Посмотрите очень талантливое демо на Codepen, в котором реализован крутой музыкальный арпеджиатор. Даже с использованием ES6.
→ Прямая ссылка ←
Только на этой неделе скачивайте шрифт Carrig Refined на просторах Creative Market. Он с засечками и отлично подойдёт для «взрослых» и аккуратных «книжных» буклетов.
→ Прямая ссылка ←
Предлагайте свои темы для выпуска #94 в комментариях!
Смотрите интерактивный гайд про веб-дизайн от Jeremy Thomas. Гайд сделан с помощью базовых веб-технологий и напоминает нам о том, что мы забыли что такое настоящий веб-дизайн.
→ Прямая ссылка ←
PerfTool — это набор из трёх плагинов: Google PageSpeed Insights, dev-perf и w3cjs, которые помогут вам собрать всевозможную статистику по вашему сайту.
→ Прямая ссылка ←
Скорее скачивайте крутые бетонные текстуры от Криса Спунера для придания «гранжевости» (грязности) вашим дизайнам.
→ Прямая ссылка ←
Одной из самых важных особенностей современных браузеров является возможность хранить информацию на пользовательском компьютере или мобильном устройстве. Хоть большинство людей и смотрят в сторону облачных технологий, «клиентское» пространство поможет существенно сэкономить разработчикам. Эта книга рассказывает о нескольких API для работы с этим пространством. Вы узнаете об их плюсах и минусах, а также о пошаговых возможностях их использования. Также книга подскажет вам несколько библиотек с открытым исходным кодом для упрощённой работы с вышеупомянутыми API.
→ Ссылка для ознакомления ←
Посмотрите крутой список информации по Flexbox, на блоге the new code. Там и теория, и готовые примеры и даже большое количество ссылок по теме.
→ Прямая ссылка ←
Препроцессоры всё больше входят в повседневный обиход, а иногда уже и выходят (в пользу CSS in JavaScript и прочих PostCSS), но всё ещё иногда выходят любопытные проекты. Например, сегодня делимся проектом Progress Tracker — пошаговый прогресс бар с кучей разных стилей на Sass.
→ Прямая ссылка ←
Почитайте интересную историю ссылки URL, тут с самого основания времён и Тим Бёрнса Ли, который придумал Интернет.
→ Прямая ссылка ←
Посмотрите демо реализации крутого подчёркивания на CSS с помощью разных теней: text-shadow и box-shadow.