В Хроме и бете Сафари (на момент написания) появился нативный CSS nesting, то есть возможность вкладывать одни css правила в другие, подобно тому, как это позволяют делать препроцессоры вроде SCSS. О том, почему я не большой поклонник этой фичи читайте далее:)

В своей подборке материалов для фронтендеров я изначально использовал инлайновый подход для разных ресурсов, например стилей. Просто, чтобы было проще поделиться всем одним файлом. И хотя с тех пор дизайн и структура проекта усложнились, подход я пока не поменял. К фавиконке я подошел таким же образом. А именно заинлайнил ее прямо в элемент link)

С недавних пор верстальщики могут учитывать системную настройку пользователей уменьшения движений (reduced motion) при использовании css анимаций. Эта настройка говорит сайтам, что юзер предпочитает отсутствие лишних движений на экране. Прежде всего речь идет об анимациях.

Одна из частых ошибок в веб-дизайне - непредсказуемость интерфейса. Этим страдают не только новички, но и продукты очень больших компаний.

Термин layout из верстки переводится как “раскладка”. По крайней мере его стоит так переводить. В сфере фронтендеров иногда принято переводить его, как “сетки”. Но это неграмотно и даже вредно по двум причинам:

В вебе (и не только) есть проблема с терминами. Она вытекает из часто формирующихся в профессиональных средах “птичьих языков”. И вот конкретный пример. Я не знаю, кто придумывал главные термины БЭМа, но этот человек явно не остановился, чтобы спросить себя, а стоит ли использовать именно эти слова.

Цвет - важная часть любого интерфейса, особенно того, где элементы маленькие, их много и они плотно прижаты друг к другу. Дизайнеру интерфейсов с иконками стоит пользоваться любой возможностью ускорить считываемость. К сожалению, многими современными дизайнерами цвет в оформлении иконок игнорируется. Виной тому, как это часто бывает, - мода.

Решить, вроде бы, банальный для редактора кода вопрос из заголовка, в VS Code оказалось непросто. В Sublime Text для этого достаточно распаковать файл темы, найти нужное значение и поменять цвет. Но мне нужен был официально бесплатный для коммерческого использования редактор и из тех, что я пробовал, VS Code показался самым нормальным (еще потыкал Brackets и Atom). Но, как это обычно бывает, чем дольше чем-то пользуешься, тем больше косяков находишь. Особенно у Майкрософт, да. Тут они решили не искать простых путей (по крайней мере, для пользователя). Хотите поменять один цвет? Вам придется либо создавать тему с нуля, либо собирать по крупицам рецепт ниже. Может этот пост сэкономит кому-то время и нервы.

Сегодня у нас разбор рекламы установки контейнеров для раздельного сбора мусора во дворах. Выглядит она вот так: