CSS-фреймворк Tripoli

В сети появилось довольное интересное решение для веб-разработчиков — CSS-фреймворк Tripoli.

Несмотря на то, что автор инструмента отказывается называть Tripoli CSS-фреймворком, его вполне можно считать таковым, поскольку он позволяет значительно упростить и сократить время на разработку сайта.

Ведущая идея сего фреймворка заключается в формировании общего (базового) стандарта в представлении тегов спецификации HTML 4.0, который может послужить основой при создании веб-проектов.

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

Задача Tripoli заключается в следующем:

  • обнулить и перестроить все дефолтные значения браузеров для их максимальной совместимости;
  • отключить нежелательные теги HTML 4 через CSS;
  • улучшить читаемость и типографику;
  • улучшить юзабилити HTML-форм и визуальное представление элементов управлениям ими;
  • заставить HTML выглядеть великолепно одновременно в нескольких медиа, включая экраны, мобильные браузеры и печать;
  • применить рекомендации консорциума W3C и лучше узнать правила типографики.

За примерами и самим фреймворком Tripoli проходим сюда.

Мне очень понравился пример переоформления одной из частей HTML-спецификации с использованием данного инструмента без каких-либо изменений HTML-кода страницы (за исключением подключения новых стилей).

Процесс изменения представлен последовательно:

  1. сначала показан оригинальный вариант;
  2. затем отключены вообще все стили;
  3. далее подключены «обнуляющие» стили;
  4. и, наконец, подключены остальные стили из набора.

Имхо, результат выглядит гораздо более привлекательнее оригинала.

Думаю, что Tripoli заслуживает внимания.

* * *

Сеть компьютерных салонов «ФРОНТЕКС» предлагает приобрести ноутбук в интернет-магазине. Представлен большой ассортимент моделей ноутбуков, возможность их сравнить, подробная информация по каждой модели.

Комментарии (3)
  1. 1

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

    P.S.: но в любом случае статья и сама идея CSS-фреймворков мне понравились…

  2. 2
    Ikarushka

    Уже скоро год пройдет с публикации этого поста. Dimox, скажите пожалуйста, какие Ваши соображения на тему использования какого-либо css-framework[а] в повседневной работе. Вы чем-то пользуетесь сейчас? Или хватает библиотеки собственных готовых решений? Спасибо

  3. 3

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

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