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

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

    Основное


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

    image

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

    image

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

    image

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

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

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

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

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

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

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

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

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