CSS-фреймворк Tripoli
В сети появилось довольное интересное решение для веб-разработчиков – CSS-фреймворк Tripoli.
Несмотря на то, что автор инструмента отказывается называть Tripoli CSS-фреймворком, его вполне можно считать таковым, поскольку он позволяет значительно упростить и сократить время на разработку сайта.
Ведущая идея сего фреймворка заключается в формировании общего (базового) стандарта в представлении тегов спецификации HTML 4.0, который может послужить основой при создании веб-проектов.
В отличии от того же фреймворка Blueprint, данное решение не включает в себя модульную и интерлиньяжную сетки (спасибо UGgallery за наиболее подходящее определение для этой сетки), также как и не использует множество блоков в разметке со стилями для них. Вместо этого в Tripoli все правила типографики помещены внутри одного класса .content
, что облегчает ее отделение от внешнего представления блоков страниц.
Задача Tripoli заключается в следующем:
- обнулить и перестроить все дефолтные значения браузеров для их максимальной совместимости;
- отключить нежелательные теги HTML 4 через CSS;
- улучшить читаемость и типографику;
- улучшить юзабилити HTML-форм и визуальное представление элементов управлениям ими;
- заставить HTML выглядеть великолепно одновременно в нескольких медиа, включая экраны, мобильные браузеры и печать;
- применить рекомендации консорциума W3C и лучше узнать правила типографики.
За примерами и самим фреймворком Tripoli проходим сюда.
Мне очень понравился пример переоформления одной из частей HTML-спецификации с использованием данного инструмента без каких-либо изменений HTML-кода страницы (за исключением подключения новых стилей).
Процесс изменения представлен последовательно:
- сначала показан оригинальный вариант;
- затем отключены вообще все стили;
- далее подключены “обнуляющие” стили;
- и, наконец, подключены остальные стили из набора.
Имхо, результат выглядит гораздо более привлекательнее оригинала.
Думаю, что Tripoli заслуживает внимания.
* * *
Сеть компьютерных салонов “ФРОНТЕКС” предлагает приобрести ноутбук в интернет-магазине. Представлен большой ассортимент моделей ноутбуков, возможность их сравнить, подробная информация по каждой модели.
Комментарии (3)
После фразы Ведущая идея сего фреймворка заключается в формировании общего (базового) стандарта в представлении тегов спецификации HTML 4.0 подумал, что наконец-то нашлось решение извечной проблемы совместимости браузеров.
Но на самом деле оказалось все не так, как ожидалось. Даже на странице, где подключены “обнуляющие” стили некоторые элементы в разных браузерах отображаются не одинаково. Не говоря уже о странице, где подключены остальные стили.
Видимо максимальной совместимости браузеров нам придется ждать еще очень долго.
P.S.: но в любом случае статья и сама идея CSS-фреймворков мне понравились…
Уже скоро год пройдет с публикации этого поста. Dimox, скажите пожалуйста, какие Ваши соображения на тему использования какого-либо css-framework[а] в повседневной работе. Вы чем-то пользуетесь сейчас? Или хватает библиотеки собственных готовых решений? Спасибо
Ikarushka, я совсем не пользуюсь фреймворками. И почему-то не люблю их, видимо потому, что, во-первых, у меня сложились собственные правила (порядок) написания стилей, во-вторых, во фреймворках может содержаться много ненужных для конкретного случая стилей, а я люблю, чтобы не было ничего лишнего.
Я выработал для себя шаблон CSS-файла, который содержит наиболее часто используемые правила. Он и служит каждый раз за основу и помогает сократить время верстки.