16 сентября 2013 в 07:58

OpenSource от Adobe — CSS библиотека Topcoat

Topcoat — это открытая CSS библиотека от Adobe HTML. Её исходники доступны на GitHub.
Как говорят разработчики, они «создали эту библиотеку, чтобы вывести скорость веб-разработки на новый уровень».

Основное


Раздел Benchmarks демонстрирует ситуацию со скоростью обработки элементов, созданных с помощью библиотеки.

image

Demo — представляет сборник элементов с примененными различными CSS-стилями.

image

В CodePen можно просматривать и изменять исходники без скачивания. Такая себе песочница HTML и CSS.

image

Все для начала и продолжения работы с Topcoat есть в их Вики.
Артём Калачян @Bringoff
карма
38,7
рейтинг 0,2
Android разработчик
Самое читаемое Разработка

Комментарии (14)

  • –2
    Adobe использует BEM? Теперь точно нужно обратить плотное внимание на эту технологию.
    • 0
      На мой взгляд, разработчики BEM уделили мало внимания читаемости кода. Неверстальщику порой сложно сходу разобраться в хитросплетениях классов.

      • +4
        Согласен, на первый взгляд смотрится страшно. Но привыкаешь очень быстро. Сейчас уже не нужно самому всё объяснять, можно просто дать ссылку.

        Хотя разработчики до сих пор припоминают мне мои <table class="b-table">, поначалу ссаными трятапками кидались и грозились избить ногами. Потом привыкли и мы начали разговаривать в рамках одних и тех же терминов. А потом я выгнал их из моего HTML/CSS кода и начал потихоньку отжимать от JS ^_^
        • +2
          Не надо к этому привыкать. Руками так не пишут, не должны писать. В таком виде, его не читать не поддерживать хорошо не получится.
      • +3
        Зачем не-верстальщику разбираться в этом?
        Ну и никто руками это не пишет, в исходниках все читабельнее некуда.
  • +1
    О! Интересная штука.
    Кто шарит в CSS, подскажите — выделение кнопки рамкой при нажатии настраивается или этого избежать невозможно?

    P.S. Ох уж этот ваш HTML\CSS… Даже мне, сишнику, иногда приходится с ним сталкиваться.
  • +6
    Мне кажется, что придать такой внешний вид элементам на чистом CSS будет быстрее и проще, чем разобраться с этой библиотекой.
  • НЛО прилетело и опубликовало эту надпись здесь
    • 0
      image
  • +4
    Не знаю, для кого они там проектировали, но
    image
    И кириллицы в шрифте у них там, как ожидалось, нет.
  • +5
    Хм… мне кажется хорошим тоном верстать сайт библиотеки на, собственно, этой самой библиотеке. Пока ставлю минус. Больше смахивает на мусор да и до бутстрапа пок не доплюнула.
    Имхо css библиотеки хороши для создания интерфейсов гибких и простых и в этом плане подход бутстрапа мне больше нравиться нежели БЭМ. А для чего-то индувидуального да еще и с БЭМ куда проще писать самому, тем более есть теже бэмтулс и тд и тп.
  • +6
    Если кому-то вдруг станет интересно почему эта и аналогичные затеи вызывают скепсис, почитайте:

    англоязычная статья

    в русском переводе

    Спойлер — в статье как раз упоминается данное детище Adobe.
  • 0
    для button и input не стоит cursor:pointer, у ИЕ текст вываливаеться из input, тогда понятно почему у textarea такие несоразмерные отступы, placeholder это конечно будущее, но для него нужно было бы хотя бы (http://html5shiv.googlecode.com/svn/trunk/html5.js) подключить, а то во всех версиях IE, кроме последней не виден текст.

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