Що таке фреймворк і навіщо воно потрібно?
На сьогодні існує велика кількість фреймворків для всього-всього-всього. Це стосується веб-програмування серверної частини, javascript-фреймворків клієнтської частини, а також в багатьох інших сферах. В загальному, можемо розуміти фреймворк як деяку кодовую базу, що вирішує набір стандартних задач, і яка задає архітектуру та стиль створення додатку. Ну, зі всім цим зрозуміло. Наприклад, javascript-фреймворки дозволяють не паритись з крос-браузерністю і вирішувати задачі на порядок швидше.
Що ж із CSS?
Крос-браузерність в CSS - це також наболіла проблема. Але, наскільки мені відомо, кожен досвідчений CSS майстер має свій набір правил верстки, що допомагає йому практично безпомилково писати крос-браузерний код, тим більше для сучасних браузерів, де аналіз CSS-стилів не так вже й сильно відрізняється, як було, наприклад, 2-3 роки тому. Розглянемо CSS фреймворк на прикладі blueprint CSS. Є й багато інших фреймворків, які вирішують схожі задачі, але я зупинився на цьому.
Що нам дає CSS фреймворк?
Зразу зазначу, що сам його почав недавно використовувати, і, хоча CSS верстка - не моя повсякденна робота (в даному випадку, це дуже важливо), деколи доводиться з цим ділом стикатись. CSS фрейморк - це набір CSS-стилів для крос-браузерної колонкової верстки, де ви можете робити такі операції як "задати ширину колонки", "зміщуватти колонку на деяку кількість пікселів зліва", робити "перехід на нову колонку", і т.д. Тобто все для того, щоб створювати і розміщувати контейнери для "функціонуючих елементів керування" клієнтської частини веб-додатку, що часто є найбільш трудомісткою задачею верстки.
Мої враження
Маючи деякий досвід верстки без фреймворка, з використанням останнього все виходить дійсно швидше. Якщо оцінювати себе, то можу сказати, що створив досить неординарну верстку сторінки (в т.ч. для IE6).
Плюси:
- швидкість верстки і створення базового html-коду
- легкість внесення змін в верстку
- вся верстка div-контейнерами
- html-код виходить чистий і короткий (це дуже важлиов як з точки зору розробки, підтримки, так і SEO)
- Накладання стилів працює "ієрархічно", тобто ніяких проблем з вбудовуванням контейнерів в контейнери
Мінусы:
- У зв'язку з тим, що застосовуються класи з "несемантичними" іменами, більше того, до одного і того ж контейнера може застосовуватись від одного до трьох класів з фреймворку, код виглядає трошки "дивно" (але завжди можна доддати якийсь клас-маркер, щоб не забути, для чого створювався той чи інший контейнер)
- 15 кб базового CSS (в деяких випадках це може бути багато)
Кому це потрібно?
Зі всього сказаного зроблю невеличке резюме. Я б рекомендував використовувати CSS-фреймворки наступним категоріям:
- Недосвідчені верстальщики, які тільки починають свій важкий бойовий шлях. Такий підхід дозволяє швидко вирішувати задачі верстки і не зривати строки по проекту.
- Програмісти, які роблять свій проект/стартап, але поки не мають засобів для того, щоб найняти досвідченого верстальщика.
Всім вдалої верстки.
мне еще понравился YUI3, даже больше чем BluePrint/BlueTrip
ВідповістиВидалитиYUI3 хрош, если его использовать цельно, то есть вместе с js-фреймворком, который входит в YUI3. К тому же там разметка (YUI3 CSS grid) находится в бете. CSS base, fonts, reset прикольные, но не решают проблему позиционирования и разметки.
ВідповістиВидалитиА в общем то, что есть решает те же задачи немножко другим образом. Радует то, что ко всему этому Yahoo! выпустили свой фреймворк под BSD-лицензией. За это им большущий +.