Давно на смену табличной верстке пришли другие технологии, но иногда ее еще используют т.к. "под рукой нет простого и понятного примера замены".

Поэтому ниже простая демонстрация замены таблицы на flexbox.


Категории: HTML, CSS
Пометки: flexbox table

Иногда нужно переделать старую табличную верстку, на отзывчивую (Responsive), правильный, на мой взгляд, вариант это переверстать (на эту тему есть заметка Замена таблиц на flexbox ), но иногда это слишком затратно по ресурсам.

Тут есть простое решение - превратить таблицу в flexbox


Категории: HTML, CSS

При использовании flexbox некоторые привычные методы, например, выравнивание элементов по центру внутри flex блока, работаю по другому.

Ниже пример выравнивания текста по вертикали в flexbox


Категории: HTML, CSS

Коротко о том, как вставить на страницу SVG изображение и изменить его цвет через CSS.


Категории: HTML, CSS
Как изменить шрифт текста сайта на свой.

Категории: CSS

Можно получить интересный и красивый эффект, накладывая полупрозрачную картинку на фотографию, при наведении.


Категории: CSS

Часто шрифт присланный дизайнерами в PSD выглядит совсем по другому, например, тоньше и более размытым. У самого FONT- не нашел ничего подобного, но есть свойство text-shadow - не совсем то, но выглядит похоже.


Категории: HTML, CSS
Пометки: Эфект на шрифт, сглаживание, размытие, более тонкий, sharp, smoothing

При нажатии на поле ввода, появляется синяя ободка (Реакция на то, что контрол получил фокус)


Категории: CSS
Пометки: Изменение цвета рамки выделенного элемента, поля для ввода или textarea.

Задача была сделать несколько вкладок, в каждой из которых разная карта проезда.


Пометки: yandex maps, карта, карты

Выпадающее меню на CSS, делалось для джумлы, но использовать можно отдельно.


Категории: HTML, CSS, CMS Joomla 3.X
Пометки: dropdown menu
Яндекс.Метрика