В прошлой рассылке я забыл представиться, исправляюсь — меня зовут Алексей. По всем вопросам рассылки, материалов, курсов и интенсива можете обращаться ко мне.

В этом выпуске вы найдёте: новый курс, много интересных ссылок о веб-разработке и три макета дизайна для совершенствования своих навыков вёрстки.

Кстати, я надеюсь уже все слышали о глобальной уязвимости большинства сайтов. Из-за этой уязвимости злоумышленники могли выкрасть ваш пароль. Мы, как и Яндекс, настоятельно рекомендуем сменить ваши пароли.

Инструменты и статьи

Архитектура CSS
CSS — это не просто средство визуального дизайна. Подходы вроде ООП, DRY, принцип открытости и закрытости, разделение ответственности и т.п. также применимы к CSS.

WTF, HTML and CSS?
Вроде всё просто — HTML и CSS. Но как же много проблем таят в себе эти аббревиатуры. Небольшой разбор типичных проблем от создателя Bootstrap.

Nobody Expects 3D
Анимация в CSS — это одна из самых крутых фич, но никто не думал, что 3D анимация станет настолько популярной.

Словарь терминов по фронтенду
Чтобы говорить на одном языке «Веб-стандарты» запустили словарь терминов по фронтенду. Что такое фронтенд и чем он отличается от клиентсайда, прозрачность или непрозрачность, фавиконка или фавыконка. Кажется, теперь всё понятно!

Техника создания текстурного текста
Заголовки, выполненные в такой технике, всегда смотрятся эффектно.

Srcset and sizes
Если вы ещё не сталкивались со всей болью адаптивных изображений, то рассуждения Эрика вам покажутся странными. Но лучше прочитать и понять.

Animated Navigation Icons with CSS Transforms
В предыдущей рассылке мы показывали, как иконка «гамбургер» может трансформироваться. Сара решила продолжить и попробовала такой эффект на других иконках.

Что такое DOM?
Куда ж нам без JavaScript? Хотя многим до сих пор кажется это слишком сложным. Например, что такое DOM? Не все правильно себе это представляют. Надеюсь, эта статья внесёт ясность.

Ribbon Badge in Pure CSS Tutorial
Мы как раз выпустили курс про линейные градиенты, а вот пример со стороны. Достаточно сложный пример. Но зато раскрывает всю мощь градиентов.

How to create a circular progress button
А вот ещё один хороший интерфейсный приём. Сделано красиво и реализация хорошая.

Form Invaders
И напоследок, а вы готовы противостоять вторжению форм? Потому что если не вы, то я даже не знаю кто.