Блог / CSS

Каскадные таблицы стилей

Делаем простые адаптивные таблицы на минимальном CSS

Делаем простые адаптивные таблицы на минимальном CSS

Фронтенд

Сложно представить сайт без таблиц. Существует вагон и маленькая тележка способов реализации адаптивного вывода таблиц. Можно использовать готовые фреймворки, разную экзотику на JS, но разумнее всего делать таблицы на CSS. На нем и рассмотрим парочку боевых примеров.

1 месяц назад
И снова про оптимизацию сайтов под старые версии Interner Explorer

И снова про оптимизацию сайтов под старые версии Interner Explorer

Фронтенд

Нет-нет, да, и попадаются чудаки, которым подавай совместимость с каким-нибудь шестым или седьмым IE. Причем самую полную: со всем имеющимся дизайном и функционалом. Я забросил эту некрофилию лет сто пятьдесят тому назад, возвращаться категорически не собираюсь, а сегодня покажу свои способы «оптимизации» под Internet Explorer.

3 месяца назад
Делаем адаптивные фреймы на CSS

Делаем адаптивные фреймы на CSS

Фронтенд

На днях на CSS-Tricks попалось интересное решение, как сделать адаптивным фрейм на CSS. Решение действительно очень простое и оригинальное, сохраняем.

4 месяца назад
Делаем вложенные ссылки с помощью псевдоклассов CSS

Делаем вложенные ссылки с помощью псевдоклассов CSS

Фронтенд

Известно, что HTML не позволяет делать вложенные ссылки. Есть разные способы обхода этого ограничения. Я покажу самый простой — с помощью псевдоклассов CSS.

6 месяцев назад
Разбираемся с флексбоксами CSS

Разбираемся с флексбоксами CSS

Фронтенд

Не так давно я у себя в инстаграме рассказывал о пополнении портфолио новым сайтом и отметил, что он был построен на флексбоксах. Выяснилось, что некоторые даже не слышали о его существовании. Странно, попробуем это исправить.

6 месяцев назад
Самый простой способ кропнуть изображение на CSS

Самый простой способ кропнуть изображение на CSS

Фронтенд

Как только не извращались верстальщики, чтобы кропнуть изображение средствами CSS. С появлением свойств object-fit и object-position, задача сильно упростилась.

1 год назад
Как вывести каждое слово с новой строки

Как вывести каждое слово с новой строки

Фронтенд

Кастомизация обновляемых тем интересна тем, что для решения многих тривиальных задач приходится проявлять смекалку. Я недавно рассказывал, как изменить стиль некоторых элементов в тексте без внесения изменений в HTML-код. Сегодня продолжу и покажу, как вывести все слова с новой строки.

1 год назад
Как изменить стиль первого слова в тексте (:first-word)

Как изменить стиль первого слова в тексте (:first-word)

Фронтенд

Недавно спрашивали, как средствами CSS сделать динамическое выделение первого слова в тексте. Оказалось, не всё так просто.

1 год назад
FontAwesome и ещё 25 бесплатных иконочных шрифтов

FontAwesome и ещё 25 бесплатных иконочных шрифтов

Дизайн

На днях WPLift опубликовал большую подборку иконочных шрифтов (или шрифтовых иконок?) Не смог пройти мимо и хочу поделиться этой прекрасной коллекцией с читателями. Заодно покажу каким образом эти шрифты подключаются к Вордпресс.

3 года назад
Делаем векторную иконку московского метро для WordPress

Делаем векторную иконку московского метро для WordPress

Дизайн

Благодаря дизайнерам всем известной студии, логотип московского метрополитена не так давно обрёл свои окончательные формы. Сегодня мы научимся внедрять его в WordPress.

3 года назад
Загрузить ещё

Премиум-темы для Вордпресс с русскоговорящей поддержкой
Подробнее