Время с прошлой рассылки пролетело для нас незаметно. И в первую очередь из-за нашей большой активности. Мы написали всеобъемлющий пост на Хабре о тех методах геймификации, которые мы используем в Академии. Записали передачу о нашем проекте на Seopult.TV, как только монтаж видео будет закончен, обязательно с вами поделимся. Запустили два продвинутых курса и два мини-курса с дополнительными испытаниями.

Ещё в мае мы попробовали запустить конкурс, призами в котором были подписки. Конечно, конкурс прошёл не совсем таким, как мы задумывали, но попробовать стоило. Между прочим, если вы разбираетесь в конкурсах лучше нас, напишите нам, мы хотим запустить ещё конкурс, но на этот раз продуманный.

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

Почему стиль кода имеет значение
Руководства по стилю кода — важная часть написания кода профессионалами. Неважно какое именно вы выберете руководство, но сделать это нужно обязательно.

7 Things You Didn’t Know You Could Do with CSS
Давид собрал отличную подборку. Хотя бы один из этих приёмов вы точно не знаете. Мне вот очень нравится @supports и CSS-фильтры.

A CSS button library built using Sass and Compass
Невероятный конструктор кнопок. Можно создать свой стиль и у вас будут варианты кнопок на все случаи жизни.

Битва за базовую линию
Вертикальное выравнивание это боль. Те, кто с этим сталкивались, должны понимать о чём я. Роман захотел разобраться в этой проблеме и решить её раз и навсегда. Получилось красиво.

Customizing Phone Number Auto-Links with CSS
Интересный и подробный текст о том, что можно делать с номерами телефона, если на сайт зашли с мобильного устройства. Тут вам и селекторы по атрибутам, и медиавыражения, и другие интересные техники.

СДЧПВС: слишком длинный чтобы поместиться в строчку
А вы знали, что для управления переносами строк в CSS есть минимум три свойства? Очередной перевод в любимом журнале.

Responsive Images Done Right: A Guide To <picture> And srcset
Мы уже рассказывали в наших пабликах про новый элемент <picture>, но там было кратко и не всем стало понятно. Теперь же Smashing Magazine рассказывает зачем всё это нужно в более подробном виде.

Faster CSS layout debugging
Ещё один инструмент для быстрой отладки вёрстки. Pesticide оборачивает все блоки в видимые границы. И всё становится наглядным.

Why Developers Need to Learn Design
Мы часто рассказываем, что дизайнерам в наше время необходимо знать и уметь HTML/CSS. Но верно и обратное: разработчики тоже должны разбираться в дизайне. И вот какие на это есть аргументы.

Advanced animation path
Для вдохновения в этот раз мы оставим ссылку на анимированные американские горки. Тут вам и HTML и CSS и SVG.

CSS true titles
А совсем напоследок хочется поделиться невероятным эффектом. Наверняка кто-то из вас смотрел сериал «Настоящий детектив». Анимацию из заставки перенесли на HTML и CSS. Выглядит очень круто. Подробно о том, как это всё делалось, можно почитать в блоге автора.