Верх страницы
Обложка к записи Graaf — направляющие для CSS сеток
Время для прочтения: 0 мин. 17 сек.

Graaf — направляющие для CSS сеток

Graaf — это сборник направляющих для 9 популярных CSS сеток: BBC, Bootstrap, CNN, Dribbble, GitHub, Medium, Twitter и других. Проект с открытым исходным кодом, поддерживаемый товарищем по-имени Angel

Поддерживаемые сетки

  Ширина Колонки Отступы  
BBC News 976px 12 16px bbc.css
Bootstrap 1170px 12 16px bootstrap.css
CNN Inter. 1100px 7 20px cnn.css
Dribbble 970px 4 30px dribbble.css
Github 980px 12 20px github.css
Graaf 793px 10 16px graaf.css
Medium 1000px 3 18px medium.css
NY Times 970px 5 16px nytimes.css
Twitter 1190px 4 10px twitter.css

Как использовать

Внутри своего проекта

Graaf не имеет никаких зависимостей. Поэтому для использования сеток в вашем проекте достаточно добавить в раздел <head> вашего сайта ссылку на соответствующую сетку из таблицы выше:

<link rel="stylesheet" href="//s3-eu-west-1.amazonaws.com/graaf/graaf.css">

На Codepen

Если вы хотите вставить одну из сеток в ваш сниппет на Codepen, просто добавьте ссылку на сетку в настройках проекта как показано на этой картинке:

Живой пример

Ссылки

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Предыдущая запись
Следующая запись

Давайте дружить
в Telegram

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы