10 инструментов для создания адаптивного дизайна — часть 2

10 инструментов для создания адаптивного дизайна
1. One% CSS Grid — это сетка, разделённая на 12 независимых столбцов, которые в зависимости от размеров экрана либо сжимаются, либо удаляются. В первую очередь, она была создана для того, чтобы послужить основой под шаблоны.

2. Base — простой, адаптивный фреймворк для создания «умных» шаблонов, т.е. тех, которые будут менять свои размеры в зависимости от мониторов устройств, на которых отображаются сайты.

3. Toast — ещё одна простая основа под шаблон. При помощи задания отступов и границ вы можете смещать столбцы, которых12 штук.

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

5. The Boiler — ещё один простой фреймворк для создания адаптивного дизайна

6. Responsive Carousel — скрипт, написанный на jquery. Позволяет вставлять в дизайн сайта адаптивный слайдер типа карусель, навигация по которому возможна при помощи мышки, клавиатуры, а также стандартных кнопок.

7. Slider:RSlider — адаптивный слайдер, который расширяется на весь экран. Прекрасный плагин для главной страницы сайта- портфолио.

8. Viewport resizer — инструмент, который позволит вам быстро протестировать ваш сайт на адаптивность. Вы сможете выбрать стандартные размеры устройств и при помощи одного клика изменить размеры браузера.

9. rwdgrid — сетка, основанная на популярной системе 960, с одним только Но, она легко подстраивается под маленькие мониторы.

10. Framework Comparison — полезный сервис, позволяющий быстро сравнить различные фреймворки



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *