Ниже следует список 17-ти отличных онлайн-генераторов CSS-сеток, которые точно пригодятся любому веб-разработчику. Посмотрите, какой из них наиболее подходит для решения ваших задач.
01. Zurb CSS Grid Builder (конструктор CSS-сеток)
Этот веб-сайт располагает всеми средствами, необходимыми для создания хорошей сетчатой CSS-разметки. Задаёте параметры своей сетки, такие как количество столбцов и ширина межстолбцового промежутка; затем нажимаете на кнопку для получения соответствующих CSS-кодов.
02. Tiny Fluid Grid (мелкая сетка с плавающими границами)
Более современный вид сеток - структуры с плавающими границами, подстраиваемые под разрешение экрана посетителя сайта. Эта их способность к трансформации позволяет посетителю просматривать максимально доступный объём содержимого сайта, не сдвигая страницу по горизонтали. Tiny Fluid Grid - онлайн-сервис, помогающий вам конструировать такие сетки. Практически стандартный набор элементов управления: вы задаёте параметры сетки и скачиваете файл архива с CSS-кодом.
03. Pagecolumn Grid Layout Generator (конструктор сетчатой разметки)
Наряду со стандартными параметрами вашей сетки, такими как ширина и размер столбцов, данный онлайн-сервис позволяет задавать ещё и её цвета. Помимо CSS-кодов для сетки, на сайте вам предоставляются также HTML-коды.
04. DesignByGrid Grid Generator (конструктор сеток)
Ещё один сайт, предоставляющий вам для создания сетки коды HTML вместе с CSS.
05. Blueprint Grid CSS Generator (конструктор сеток на основе шаблонов)
На данном сайте вам предоставляется PNG-изображение вашей сетки в придачу к CSS-кодам.
06. netProtozo Grid Generator (конструктор сеток)
Ещё один простой в применении генератор сеток, который, кроме того, предоставляет вам скачиваемое PNG-изображение в придачу к CSS-коду вашей сетки.
07. Grid Designer (дизайнер сеток)
Grid Designer предоставит вам HTML- и CSS-коды для любой сетки, параметры которой вы зададите.
08. Grid System Generator (конструктор сетчатых систем)
Онлайн-сервис генерации CSS- и XHTML-кодов для ваших сеток.
09. YUI Grid Builder (конструктор сеток)
Вы можете не только задавать количество столбцов в данном онлайн-сервисе построения сеток, но также указывать содержимое заголовка и нижнего колонтитула.
10. Variable Grid System (варьируемые сетчатые системы)
На этом сайте вы сможете конструировать как жёсткие сетчатые структуры, так и разметку с плавающими границами.
11. YAML Grid Builder (конструктор сеток)
Данный онлайн-сервис позволит вам варьировать целый ряд параметров сетки в соответствии с вашими задачами.
12. Pagecolumn’s Layout Generators (конструкторы разметки)
Ещё один онлайн-сервис от Pagecolumn. Он предоставляет вам более широкий обзор и возможность начать построение сетки с выбора общей структуры разметки.
13. Fisheye
На данном сайте вы сможете легко получить CSS-коды для сеток.
14. CSS Layout Generator (CSS-конструктор разметки)
С помощью сервиса CSS Layout Generator вы можете получить XHTML- и CSS-коды для построения своих сеток.
15. Firdamtic
Сайт позволяет легко конструировать образцы двух- и трёх-столбцовой разметки.
16. CSS Layout Generator от CSS Portal (CSS-конструктор разметки)
Данный онлайн-сервис позволяет вам задавать цвет фона и ряд других параметров сетки.
17. CSS Source Ordered Variable Border 1-3 Columned Page Maker (CSS-генератор 1-3-столбцовой разметки страницы с плавающими границами)
Данный онлайн-сервис содержит множество варьируемых параметров, задавая которые, можно конструировать 1-3-столбцовые сетки на ваш вкус.
