Блог / CSS
Каскадные таблицы стилей
Как сделать несколько фонов в блоке
Недавно взял в работу готовую верстку и был удивлен: верстальщик для наложения двух фонов использовал псевдоклассы и какую-то дичь из вложенных ...
Как подключить свои стили к админке Вордпресс
Полностью менять внешний вид админки Вордпресс такое себе, а вот стилизовать её отдельные элементы иногда бывает нужно и сегодня я покажу, как ...
Справочник: Вся HTML‑мнемоника с кодами
Сохраните табличку, если вам как и мне надоело каждый раз гуглить коды символов. Вся HTML‑мнемоника с кодами HTML, CSS и юникодом в одном месте.
Как запретить генерацию карт кода css.map
Недавно спрашивали, как при компиляции CSS запретить генерацию карт кода. Рассказываю, как это делается, как делаю я и зачем вообще это нужно.
Делаем простые адаптивные таблицы на минимальном CSS
Сложно представить сайт без таблиц. Существует вагон и маленькая тележка способов реализации адаптивного ...
И снова про оптимизацию сайтов под старые версии Интернет Эксплорер
Нет-нет, да, и попадаются чудаки, которым подавай совместимость с каким-нибудь шестым или седьмым IE. Причем ...
Делаем адаптивные фреймы на CSS
На днях на CSS-Tricks попалось интересное решение, как сделать адаптивным фрейм на CSS. Решение действительно очень простое и оригинальное, сохраняем.
Делаем вложенные ссылки с помощью псевдоклассов CSS
Известно, что HTML не позволяет делать вложенные ссылки. Есть разные способы обхода этого ограничения. Я ...
Разбираемся с флексбоксами CSS
Не так давно я у себя в инстаграме рассказывал о пополнении портфолио новым сайтом и отметил, что он был построен на флексбоксах. Выяснилось, что некоторые даже не слышали о его ...
Самый простой способ кропнуть изображение на CSS
Как только не извращались верстальщики, чтобы кропнуть изображение средствами CSS. С появлением свойств object-fit и object-position, задача сильно ...
Как вывести каждое слово с новой строки
Кастомизация обновляемых шаблонов интересна тем, что для решения многих тривиальных задач приходится проявлять смекалку. Я недавно рассказывал, как изменить стиль некоторых ...
Как изменить стиль первого слова в тексте (:first-word)
Недавно спрашивали, как средствами CSS сделать динамическое выделение первого слова в тексте. Оказалось, не ...