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