10 ноября 2009

CSS-framework или как упростить процесс верстки

CSS-framework

Приветствую вас, уважаемый читатель. Сегодня я познакомлю вас с очень интересной и удобной штуковиной под названием CSS-framework.

В своей работе по созданию сайтов я использую ее в качестве отличного помощника и упростителя рутинной верстки админки.

Админка – это внутренняя часть сайта, предназначенная для служебных целей. Видит и пользуется ей только администратор сайта.

Давайте рассмотрим, какой функционал зачастую применяется в админке:

  • Меню переключения разделов админки. Обычно, я формирую переключение разделов при помощи ссылок в горизонтальном меню сайта с используем выпадающих пунктов. В мощных сайтах может пригодится вертикальное меню, как дополнительный способ навигации в разделе.
  • Вывод данных. Для формирования выводимых данных могут применяться таблицы, расположение в блоках абзаца, разделение блоков логическими заголовками.
  • Редактирование данных. Для редактирования данных применяются различные поля ввода, селекторы, выпадающие списки.

Весь этот функционал должен быть хорошо структурирован (т.е. должна быть выдержана иерархия размеров шрифта, отступов, чтобы было понятно, какой элемент к чему имеет отношение), а интерфейс – приятен глазу. Также функционал должен одинаково хорошо выполнять все свои функции в любом популярном браузере.

При этом, как вы понимаете, для админки не требуется разработка индивидуального дизайна, каких-то особых ухищрений юзабилити-структурирования (по крайней мере в подавляющем большинстве случае).

Сократить усилия по верстке админ-части сайта и сэкономить драгоценное время вам поможет тот самый CSS-framework, о котором и пойдет речь в данной статье.

Итак, что же такое CSS-framework?

Это уже готовый, сверстанный и одинаково хорошо отображающийся во всех браузерах, HTML и CSS-каркас с набором всех необходимых функций, для реализации админки довольно сложно сайта.

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

Еще одним жирным плюсом в использовании CSS-framework является его бесплатность. Достаточно просто зайти на сайт официальный сайт, скачать свежую версию и…

А вот что с ней делать дальше, я наглядно расскажу в видеоуроке.

Видео на сервисе RuTube:

Видео на сервисе YouTube (Часть 1):

Видео на сервисе YouTube (Часть 2):

Из-за алгоритмов сжатия видео сервисами YouTube и RuTube, мелкие детали становятся плохо различимы. Вы можете скачать видео в лучшем качестве с Deposit Files (19.52 Мбайт *.mp4).

С уважением, Андрей Морковин.

Плюсануть
Поделиться
Отправить
Класснуть
Линкануть
Запинить