<
  • Главная
Статьи

CSS-фреймворк. Використовувати чи ні?

Доброго дня
Доброго дня!
Сьогодні мені хотілося б написати в новому стилі. Чи не на нові теми, а саме в новому стилі. Цей пост, на відміну від усіх попередніх, буде не стільки інформативним, скільки побудованим в рамках роздуми з натяком на діалог. Розмова піде про CSS-фреймфорках. Вірніше не про самих фреймворками, а про їх використання.

Власне, почав я цю розмову тому, що мені на очі потрапило цікаве рішення у вигляді Fluid 960 Grid System - CSS-фреймворк, який був розроблений Стівеном Бау на підставі відомого і популярного фреймфорка 960.gs . Рішення запропоноване Стівеном дає можливість швидко створити базову 16 або 12-колоночную розмітку з красивими і популярними js-ефектами, реалізувати які можна з використанням бібліотек jQuery або Mootools по вибору розробника. Крім цього, як можна судити з назви, спочатку фреймворк орієнтований на «гумову» верстку, хоча при бажанні можна використовувати і фіксовану верстку, але тоді фреймворк мало чим відрізняється від свого батька 960.gs.

Чому саме 960.gs? Напевно тому, що я вже давно використовую в своїх макетах дизайну сайту базову 12-ти колоночную сітку саме оптимізовану під 960px. Ось саме тому мені сподобалося «творіння» Стівена. Але є моменти, які не зовсім мені сподобалися в цьому фрейворке. Наприклад, мені не сподобалося те як реалізована типографіка, кілька змішані стилі розмітки і типографіки, що спочатку вносить якийсь сумбур в верстку. Хоча, якщо вивчити код більш детально, то стає зрозумілою логіка розробника, вірніше логіка розробників 960.gs, стилі розділені безпосередньо за функціональними елементами, що надалі може допомогти розробникові. Ще один момент, який збентежив мене в типографике - це прописані в пікселях параметри розмірів шрифтів і відступів. І хоча надалі в функціональних блоках вже використовується розмір шрифтів в em, який прораховується від базового, я все таки залишаюся прихильником простоти і однаковості в типографике «без зайвих поворотів».

Але не дивлячись на ці невеликі недоліки CSS-фреймворк від Стівена Бау Fluid 960 Grid System на підставі відомого і популярного фреймфорка 960.gs я вважаю дуже вдалою розробкою. Особисто для себе я прийняв рішення, що, по крайней мере сітку, я обов'язково інтегрую в свій власний фреймворк, який використовую у верстці, і незабаром думаю представлю на ваш суд власну збірку. Можливо, для когось вона виявиться корисною. А для мене буде дуже корисним дізнатися які CSS-фреймворки і напрацювання ви використовуєте в верстці. Запрошуючи всіх до обговорень в коментарях.

PS Думки про різне ...

Хто знає що таке керамзит ? Гаразд, а хто знає що таке гравій? Так ось керамзит на сьогодні є найбільш популярним сировиною-основою для гравію. Вот такой вот я будівельник 🙂

Ну і закінчимо всі таки тематичним повідомленням про те, як створити свій сайт самостійно . А створити свій сайт просто - треба просто захотіти 🙂 Успіхів!

960.gs?
Гаразд, а хто знає що таке гравій?


Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью