Jul 25

Около недели назад мне вдруг ни с того ни с сего предложили поработать - сверстать один сайт. После верстки главной страницы захотелось выложить это все сюда с комментариями относительно того, как все это версталось, какие мне идеи в голову приходили и т.д.. Теперь вот жалею, что этого не сделал. После того, как было сверстано еще 4 страницы разбираться в css-коде стало проблематично. Сейчас когда я доверстываю главную страницу во второй раз - код все ухудшается и ухудшается, а точнее - он становится все менее подходящим для путеводителя о том, как нужно верстать. Поэтому у меня родилась другая идея … идея о CSS-фреймворке, причем делать я его буду не сам, а вместе с моими знакомыми и читателями этого блога (я надеюсь кто-то все-таки откликнется). Поэтому я планирую начать цикл статей о том, что должен собой представлять собой такой фреймворк. Ну, пожалуй я начну.

Что такое фреймворк

На этот вопрос нам с легкостью поможет ответить моя любимая википедия: “каркас программной системы (или подсистемы). Может включать вспомогательные программы, библиотеки кода, язык сценариев и другое ПО, облегчающее разработку и объединение разных компонентов большого програмного проекта. Обычно объединение происходит за счет использования единого API.”. Говоря проще - фреймворк - это набор программ/кусков кода, которые направлены на решение одной определенной задачи.

Что такое CSS-фреймворк

Тут можно долго думать над тем, что же он должен содержать. На мой взгляд, в первую очередь в нем должен быть набор классов, которые часто применяются при верстке, например:

.clear {

    clear: both;

}

Далее - фреймворк может, а в некоторых случаях и должен, содержать реализацию некоторых отдельных компонент, например - вертикальное меню, горизонтальное меню, представление форм. Причем для каждой “компоненты” вполне можно делать несколько реализаций, которые должны быть взаимозаменяемыми без правки HTML-кода.

И третье, что ВОЗМОЖНО стоит вносить в фреймворк - полностью сверстанные html-страницы (например, 3хколоночная, 2хколоночная и т.д.).

На этом предложения по структуре фреймворка у меня заканчиваются. Кому есть что сказать - веллкам в комментарии.

PS. На данный момент уже есть такие фреймворки, но все по тем или иным причинам меня не устраивают. Хочется объединить уже сделанное и добавить своего. :)

PPS. Кому все-таки интересна моя текущая работа: список страниц, которые уже сделаны, либо делаются.

written by fxposter \\ tags:


4 Responses to “CSS Framework”

  1. 1. buriy Says:

    А как тебе это?
    http://www.markboulton.co.uk/journal/comments/blueprint_a_css_framework/

  2. 2. FX Poster Says:

    Да их много на самом деле. А этот я никак не могу скачать. С этой странички этот линк дает 404.

  3. 3. buriy Says:

    ну скачай отсюда: http://code.google.com/p/blueprintcss/
    http://blueprintcss.googlecode.com/files/blueprint 0.4.zip

  4. 4. FX Poster Says:

    О, пасиб )

Leave a Reply