Мы завершили октябрьский поток курса «Продвинутый HTML и CSS» и написали небольшой отчёт о нём. Из интересного: Sass и Gulp набирают популярность, а в сторону SMACSS почти никто не смотрит.

Перевели к нам в блог две статьи. Старую, но до сих пор актуальную — «О normalize.css» и ещё одну. Также выложили для всех шестичасовое видео с мастер-класса «Автоматизация для фронтендеров», который мы проводили вместе с Робертом Харитоновым в прошлом году.

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

Things to avoid when writing CSS
Давайте поговорим о том, что не нужно использовать в CSS. В первой статье, автор предлагает задуматься о разделении файлов, вложенности и пикселях.

Things to avoid when writing CSS (part 2)
Во второй части автор продолжает критиковать привычные подходы.

Things to not avoid when writing CSS
Со статьями выше можно соглашаться или нет. Михаил решил ответить по большинству пунктов и рассказать, что не всё так плохо.

How positioning CSS properties interact
Очередная хорошая статья о том, как взаимодействуют свойства display, position и float.

<input> я ♥ тебя, но ты меня обламываешь
Моника не выдержала и выплеснула злость на поля ввода. Говорит, что у разработчиков был 21 год, чтобы починить отображение полей ввода, а они до сих пор не договорились о том, как писать «you haven’t picked a file».

Which input when?
И во многом она права, поэтому вот вам статья о том, как правильно выбрать поле ввода для ваших данных. Это далеко не тривиальная задача.

Всё о пробелах
Пробел — вроде бы безобидный символ, но и он таит множество тонкостей. Например, вы знали, что пробелы бывают разными?

Understanding border-image
Давайте разберёмся с теорией графических рамок. А если захотите практики, то вам нужно попробовать наш курс «Рамки и фоны, часть 2».

System shock
Интересный рассказ о том, как Medium решили использовать системный шрифт на своём сайте. Грабли-грабли-грабли, повсюду грабли.

Google Web Font inspiration in HTML & CSS
И напоследок держите сервис, который подбирает красивые пары шрифтов из Google Fonts для вас.