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