Одинаковая высота любых DIV блоков, кроссбраузерно, адаптивно и очень просто

Want create site? Find Free WordPress Themes and plugins.

Задача: сделать блоки одинаковой высоты, не используя таблицы, кучу лишнего кода. Чтобы было кроссбраузерно, просто и адаптивно.

Сейчас время флэта, все ровное, одноцветное. Короче дизайнер (или может вы нарисовали) скинул вам макет, где нужно, чтобы некоторые блоки относительно друг другу всегда были одинаковы по высоте.

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

Все строится на базе одного jQuery скрипта, под названием matchHeight. Официальную документацию можете почитать тут, скачаете тоже там же (…ну ладно, я не жлоб).

Теперь покажу, как его просто юзать. По сути div блокам, которые нужно выровнять по высоте нужно просто добавить атрибут data-mh.

В параметре data-mh, в кавычках указываете свою уникальную группу, просто придумываете одинаковое название для группы, высоту блоков которых нужно сделать одинаковой. Все. Точка.

Did you find apk for android? You can find new Free Android Games and apps.
Want create site? Find Free WordPress Themes and plugins.

Применение этой методики в интернете можно встретить очень часто. Методика создания теней для блоков при помощи CSS имеет как много плюсов, так и недостатков. Мы рассмотрим более 12 вариантов реализаций теней при помощи параметра box-shadow.

Did you find apk for android? You can find new Free Android Games and apps.
13.11.2014
Want create site? Find Free WordPress Themes and plugins.

Правда крутая превьюшка? Мне тоже нравится! Недавно захотел в своем портфолио для наглядности показать как выглядят некоторые эффекты в верстке и сразу понял, что я не умею делать gif’ки. Немного погуглил — решение нашлось!

Did you find apk for android? You can find new Free Android Games and apps.
03.09.2016
Want create site? Find Free WordPress Themes and plugins.

Углы любого элемента на странице можно закруглить, благодаря добавлению в CSS свойства border-radius. Чтобы облегчить процесс подбирания необходимого угла закругления элементов предлагаю вам пользоваться предложенным сервисом.

Did you find apk for android? You can find new Free Android Games and apps.
13.11.2014
Want create site? Find Free WordPress Themes and plugins.

Задача с виду очень простая, но я покажу как отобразить только подкатегории и подстраницы родительского пункта без использования стандартного меню. В некоторых проектах — это просто необходимо.

Did you find apk for android? You can find new Free Android Games and apps.
17.11.2014
Want create site? Find Free WordPress Themes and plugins.

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

Did you find apk for android? You can find new Free Android Games and apps.