Полезная рассылка. Выпуск 3
- 1 июня 2014
- 3 мин
- 240
Время с прошлой рассылки пролетело для нас незаметно. И в первую очередь из-за нашей большой активности. Мы написали всеобъемлющий пост на Хабре о тех методах геймификации, которые мы используем в Академии. Записали передачу о нашем проекте на 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. Выглядит очень круто. Подробно о том, как это всё делалось, можно почитать в блоге автора.
Похожие статьи
Редакторская рассылка
Все статьи за неделю и приятный бонус — в одном письме.
Полезная рассылка. Выпуск 71
Рассказали об итогах одиннадцатого потока «PHP, уровень 1», «Кексби-челлендже», новых енотах и других новостях.
Полезная рассылка. Выпуск 70
Рассказали о новых енотах, прошедших лайвах, курсе «Анимация для фронтендеров» и командной подписке, а также итогах последних потоков интенсивов.