Сьогодні ми поговоримо з вами про шаблони Fluid 960 Grid System, які дають можливість веб-майстрам мінімізувати загальний час, затрачений на розробку сайту. Динамічна частина цих шаблонів написана на бібліотеці MooTools, а каркас реалізовано на CSS-фреймворку 960 Grid System. Ну, але давайте по порядку.

Що таке 960 Grid System?

960 Grid System — це CSS фреймворк, розроблений спеціально для шаблонів сайтів на сітці. Мета проекту — спростити процес веб-розробки шляхом застосування загальних правил, основним з яких є створення шаблонів шириною 960 пікселів. Є два варіанти використання: 12 і 16 колонок, які можуть бути використані окремо або в тандемі. Розробник системи — Натан Сміт (англ. Nathan Smith). Файл 960.css займає всього 3.6 Кб (у стислому вигляді).

Веб-сторінка 960 Grid System: http://960.gs/.

Що таке Fluid 960 Grid System?

Fluid 960 Grid System — шаблони, створені Стефаном Бау (англ. Stephen Bau), на основі CSS фреймворку 960 Grid System та JavaScript бібліотеки MooTools. Це гумові та фіксовані шаблони, в яких є всі основні елементи дизайну — панелі-форми (пошук, логування, реєстрація),  таблиці, списки, тощо. Завдяки використанню MooTools в шаблоні реалізовані анімаційні ефекти (меню, принцип “акордеону”, вспливання-поява блоків).

Демонстраційні приклади можна подивитись на сторінках:

• http://www.designinfluences.com/fluid960gs/960/,
• http://designinfluences.com/fluid960gs/.

Такий шаблон гарно підійде і для професіоналів, і для недосвідчений веб-майстрів, оскільки потрібно просто вибрати один із запропонованих шаблонів, вирізати зайвий код, і вставити в свій документ лише те, що вам підходить.

Fluid 960 Grid System є безкоштовна, у відповідності з діючими ліцензіями на 960 Grid System та MooTools.

Веб-сторінка Fluid 960 Grid System: http://www.designinfluences.com/.

Читайте до теми:

• Шаблоны для 960gs и Mootools.
• http://sonspring.com/journal/960-grid-system — 960 Grid System.

1. zolotoy написав (ла):
   Травень 21, 2009 о 11:54

   Fluid 960 Grid System хороший набір шаблонів і розміток для веб-сторінок, колись навіть хотів переходити з YUI на Fluid 960 Grid System фреймворк, але виявилось що він має баги в іе6

2. admin написав (ла):
   Травень 21, 2009 о 13:56

   2zolotoy: Цікаво було б почути про ці баги, щоб перевірити їх на практиці. Можливо на даний момент розробники Fluid 960 Grid System вже усунули їх.

3. zolotoy написав (ла):
   Травень 22, 2009 о 08:50

   Ось перше, що кидається в очі.
   http://zolotoy.mp/albums/7284/photos/403409 - скріншот робив сьогодні