Coolrow

Легкий, но мощный, широкоформатный фреймворк для ускоренной адаптивной верстки сайтов

Скачать 2кб Версия 1.0 Dmitry KokorinDmitry Kokorin
Адаптивная верстка с помощью фреймворка Coolrow
узнать больше

Основные возможности Coolrow Framework

Полная поддержка браузерами

Фреймворк протестирован во всех основных браузерах, таких как Google Chrome, Opera, Mozilla Firefox, и другие.

12-колоночная блочная сетка

Сетка разделена на 12 колонок, что делает более удобным процесс верстки и перенос сайтов с других 12-колоночных гридов.

Комплект готовых наборов

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

Небольшой вес дистрибутива

Не смотря на большое содержание CoolRow имеет относительно небольшой размер дистрибутива в отличии от остальных популярных фреймворков.

Короткие сроки верстки

Благодаря продуманной структуре кода и стилей фреймворка CoolRow, время на верстку страниц можно сократить до нескольких часов.

Опыт разработчиков

CoolRow не имеет сложной структуры кода, поэтому его может использовать даже разработчик с начальным уровнем знаний верстки.

Где необходим фреймворк CoolRow

Корпоративные порталы и лендинги

Корпоративным клиентам необходима строгость и четкость в дизайне, безупречное отображение во всех браузерах и их различных версиях. Именно поэтому CoolRow был разработан на основе инлайновых блоков, которые поддерживаются даже в Internet Explorer.

Интернет магазины, каталоги, визитки

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

Везде где есть или будет верстка

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

начать сейчас

Несколько примеров использования

Простое деление колонок

<div class="row">     <div class="box-4">box-4</div><div class="box-8">box-8</div>     <div class="box-2">box-2</div><div class="box-10">box-10</div>     <div class="box-7">box-7</div><div class="box-5">box-5</div>     <div class="box-4">box-4</div><div class="box-4">box-4</div><div class="box-4">box-4</div>     <div class="box-2">box-2</div><div class="box-3">box-3</div><div class="box-5">box-5</div><div class="box-2">box-2</div>     <div class="box-2">box-2</div><div class="box-2">box-2</div><div class="box-2">box-2</div><div class="box-2">box-2</div><div class="box-2">box-2</div><div class="box-2">box-2</div> </div>

Кнопки и поля ввода

<div class="btn цвет">btn цвет</div> <div class="btn border">btn border</div> <div class="btn border rect">btn border rect</div> <div class="btn цвет rect">btn цвет rect</div> <input class="inp border"> <input class="inp border rect"> <input class="inp цвет">

Селекты с контентом и без

<div class="select_box" style="padding:0 !important">     <select class="border rect"><option value="0">Нажмите чтобы выбрать</option></select><i></i>     <ul>         <li class="option" data-value="1">Первая группа</li>         <li class="option" data-value="2"><span style="color:red">Вторая</spanгруппа</li>         <li class="option" data-value="3">Третья группа <img src="/assets/images/for_select.png" alt="example"></li>     </ul> </div> <label class="checkbox rect">     <input class="check" type="checkbox"><i></i> </label>

Подпишись на обновления

Будь в курсе самых свежих фишек фреймворка, подпишись сейчас и новости будут приходить прямо на твою почту!

  согласен на обработку персональных данных