Одинаковая высота любых 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 свойства 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.

Правда крутая превьюшка? Мне тоже нравится! Недавно захотел в своем портфолио для наглядности показать как выглядят некоторые эффекты в верстке и сразу понял, что я не умею делать 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.

Градиент можно сделать конечно же в Photoshop, но иногда можно обойтись и CSS. Сервис предлагает пользователю в режиме онлайн создать необходимый ему градиент, после вам необходимо будет всего-лишь скопировать код и применить его к своему элементу.

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.

Задача: вывести записи с сортировкой по дате указанной в произвольном поле плагина ACF.

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

Мой блог снова активизировался. На этот раз я выкладываю платные версии одного из самых необходимых для WordPress плагина совершенно бесплатно.

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