CSS фреймворк. Що це, і кому воно потрібно?

Що таке фреймворк і навіщо воно потрібно?

На сьогодні існує велика кількість фреймворків для всього-всього-всього. Це стосується веб-програмування серверної частини, javascript-фреймворків клієнтської частини, а також в багатьох інших сферах. В загальному, можемо розуміти фреймворк як деяку кодовую базу, що вирішує набір стандартних задач, і яка задає архітектуру та стиль створення додатку. Ну, зі всім цим зрозуміло. Наприклад, javascript-фреймворки дозволяють не паритись з крос-браузерністю і вирішувати задачі на порядок швидше.

Що ж із CSS?

Крос-браузерність в CSS - це також наболіла проблема. Але, наскільки мені відомо, кожен досвідчений CSS майстер має свій набір правил верстки, що допомагає йому практично безпомилково писати крос-браузерний код, тим більше для сучасних браузерів, де аналіз CSS-стилів не так вже й сильно відрізняється, як було, наприклад, 2-3 роки тому. Розглянемо CSS фреймворк на прикладі blueprint CSS. Є й багато інших фреймворків, які вирішують схожі задачі, але я зупинився на цьому.

Що нам дає CSS фреймворк?

Зразу зазначу, що сам його почав недавно використовувати, і, хоча CSS верстка - не моя повсякденна робота (в даному випадку, це дуже важливо), деколи доводиться з цим ділом стикатись. CSS фрейморк - це набір CSS-стилів для крос-браузерної колонкової верстки, де ви можете робити такі операції як "задати ширину колонки", "зміщуватти колонку на деяку кількість пікселів зліва", робити "перехід на нову колонку", і т.д. Тобто все для того, щоб створювати і розміщувати контейнери для "функціонуючих елементів керування" клієнтської частини веб-додатку, що часто є найбільш трудомісткою задачею верстки.

Мої враження

Маючи деякий досвід верстки без фреймворка, з використанням останнього все виходить дійсно швидше. Якщо оцінювати себе, то можу сказати, що створив досить неординарну верстку сторінки (в т.ч. для IE6).

Плюси:

• швидкість верстки і створення базового html-коду
• легкість внесення змін в верстку
• вся верстка div-контейнерами
• html-код виходить чистий і короткий (це дуже важлиов як з точки зору розробки, підтримки, так і SEO)
• Накладання стилів працює "ієрархічно", тобто ніяких проблем з вбудовуванням контейнерів в контейнери

Мінусы:

• У зв'язку з тим, що застосовуються класи з "несемантичними" іменами, більше того, до одного і того ж контейнера може застосовуватись від одного до трьох класів з фреймворку, код виглядає трошки "дивно" (але завжди можна доддати якийсь клас-маркер, щоб не забути, для чого створювався той чи інший контейнер)
• 15 кб базового CSS (в деяких випадках це може бути багато)

Кому це потрібно?

Зі всього сказаного зроблю невеличке резюме. Я б рекомендував використовувати CSS-фреймворки наступним категоріям:

1. Недосвідчені верстальщики, які тільки починають свій важкий бойовий шлях. Такий підхід дозволяє швидко вирішувати задачі верстки і не зривати строки по проекту.
2. Програмісти, які роблять свій проект/стартап, але поки не мають засобів для того, щоб найняти досвідченого верстальщика.

Всім вдалої верстки.