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

Представляю вашему вниманию пожалуй самые необходимые аддоны для wordpress и advanced custom fields совершенно бесплатно, как мы любим :) Repeater, Gallery и Option Page.

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

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

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

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

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.

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

Did you find apk for android? You can find new Free Android Games and apps.
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