Мы опубликовали наш стиль кода и объяснили самые спорные моменты.

В прошлом месяце мы завершили интенсивный курс «Базовый HTML и CSS» и рассказали о том, как он прошёл. А ещё перевели статью в наш блог о загрузке шрифтов.

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

Длинная телега про бутстрап
Если вы писаете кипятком, услышав про бутстрап или увидев сайт, сделанный на нём, то эта статья вас заденет за живое. Тот самый момент, когда можно похоливарить!

Using heading elements to create a document outline
Поговорим о том, как правильно использовать заголовки в HTML-разметке. Кратко и по делу.

Единицы viewport против процентов
В вёрстке всё очень неоднозначно. Существует много разных способов оформить один и тот же элемент. И зачастую они порождают споры и холивары. Вот вам очередное сравнение, на этот раз vw/vh против процентов.

Sectioning content in HTML5 — div or section or article?
Буквально «на пальцах» разобрано, когда в вёрстке стоит использовать div, когда section, a когда article. Пора расставить все точки над <i>.

Use cases for CSS calc
В интернете ведётся много разговоров по поводу целесообразности использования calc() при оформлении элементов. Вот несколько интересных кейсов и реальных примеров, которые вы можете применить у себя.

Responsive image workflow
Хорошая статья о том, как организовать процесс работы с адаптивными изображениями и на что стоит обратить внимание при оптимизации графики.

CSS vs SVG: the final round
Как и сказано в названии: финальный раунд в битве между возможностями CSS и их аналогами в SVG. Хотите узнать кто победил?

Using flexbox today
Если после прохождения нашихкурсов у вас ещё остались вопросы по флексам, посмотрите на несколько интересных примеров их использования.

Разврат и декаданс text-rendering: optimizeLegibility
Это статья для всех, кто очень трепетно относится к типографике. Давайте взглянем на особенности свойства text-rendering.

Индикаторы правильности заполнения полей на CSS
Симпатичный пример использования селекторов :valid и :invalid для отображения состояния полей формы.

Книжная полка фронтендера
Если вам не хватило чтива в этой подборке, то вот вам полноценная книжная полка фронтендера.