Верстка резиновых колонок на сайте через css float

Практически любой вебсайт использует колонки. Это может быть контент и сайдбар, новости в несколько колонок, вывод миниатюр фотогалереи и т.п. Оказывается для многих, эта регулярная задача вызывает затруднение. Решить её можно несколькими адекватными способами: Используя CSS свойство float (самый кроссбраузерный способ, про него и поговорим) Используя flexbox модуль (тоже уже вполне кроссбраузерный способ, на мой Читать дальше …

JS скрипт для выравнивания блоков по высоте

Часто сталкивался при верстке с проблемой выравнивания блоков по высоте. Например, такая ситуация может возникнуть при выводе витрины товаров в виде плитки, когда заголовок товара высотой то 1 , то 2, то 3 строки. На самом деле такая ситуация может возникнуть не только из-за заголовков, а вообще по любому поводу, который заставит блоки товаров быть Читать дальше …

Делаем скриншот адаптивного сайта

Нашел относительно удобный онлайн-сервис для скриншота адаптивного дизайна сайта: http://ami.responsivedesign.is/ Достаточно удобно, вводите адрес, а он сам делает предпросмотр для каждого устройства (основываясь на размер экрана). Остается только скриншот сделать (например, приложением «ножницы», которые появились с windows 7). А устройства можно еще двигать друг относительно друга, компонуя свою композицию из них.