Вышел CSS -фреймфорк YAML4 — теперь и с поддержкой HTML5

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

    Оказывается вышла новая версия, которая по прежнему осталась очень компактной (ядро 4.6 kB) и обеспечивает хорошую поддержку браузеров



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

    В свое время я рассматривал YUI vs. BluePrint и выбрал YUI, но потом наткнулся на YAML с его замечательным конструктором (только для 3.x) и через некотрое время полностью перешел на него с использованием reset и base от YUI.

    Наконец-то в базе помимо стандартных гридов-колонизаторов


    появился мой любимый fullpage layout (справа)


    а также equal-height divs


    Самая клевая вещь — это конечно адаптивный layout (Responsive Grids + Progressive Linearization), который меняется в зависимости от ширины экрана

    Еще добавился Forms Module и Theme Support для input'ов и button'ов



    Никуда не делся Accessibility: Skip Links, однако вместо старого Nav buttons добавился Navigation Module с формой поиска


    Новый YAML наконец-то включает в себя полный reset и base, которых раньше очень не хватало, а также стандартные классы для message-box'ов


    Официально включена поддержка микростандартов hCard, hCalendar, rel-Tag, XFN и Geo.

    Полный feature list представлен на одной странице

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 39

      +1
      Спасибо, не знал о таком, все думал что бы использовать, посмотрел на YAML — понравилось.
        +1
        4.0 слегка тяжеловат для взятия с наскока, 3.3 (link) + builder легче в освоении, если HTML5 не требуется
        +32
        Не понравилось:
        — Название. Уверен, многие видя и слыша слово YAML думаю о формате данных, а не о CSS. А если в одном проекте будут использоваться оба инструмента, то путаница просто гарантированна.
        — Лицензия: обязательное упоминание фреймворка на странице.

        Примеры как-то подозрительно напоминают bootstrap, а раз не видно разницы, то зачем платить больше?
          –19
          у формата данных update от 2009-10-01 — так что насчет многих не уверен. например я о нем не знал

          bootstrap нелохо, но «Internet Explorer 7+» не радует — IE6 для корп.сегмента еще вполне привычное явление
            +8
            ну тогда XML, получается, вообще забросили — видимо никому не нужен =)

            А на счет IE6(привет, VW Group) не хочется разводить очередной холивор, но вот вопрос: зачем гоняться за новыми технологиями/фреймворками, но при этом продолжать использовать устаревшее, потенциально не безопасное ПО? И раз копроративный стандарт, то зачем нам лишняя поддержка других браузеров?
            Мы все таки либо развиваемся, либо топчемся на месте, вечно бегать за двумя зайцами не получится.
              +1
              Формат YAML всё-таки постарше: на yaml.org/ в логе есть события 2001 года.
                0
                насчёт многих
                Для программистов YAML это всё-таки язык разметки. Даже для программистов, интересующихся веб-разработкой.
                  +9
                  Для меня это язык представления данных.
                    +2
                    YAML — YAML Ain't Markup Language
                    YAML — не язык разметки
              • UFO just landed and posted this here
                  –3
                  потому что текст можно скопировать с сайта — ссылка представлена
                  • UFO just landed and posted this here
                      0
                      так у вас претензия к тому что это не png? я и не понял вначале.

                      так по умолчанию сохраняет моя делалка скриншотов
                  +3
                  Судя по скриншотам, twitter bootstrap въелся всем разработчикам в мозг.
                  • UFO just landed and posted this here
                      +1
                      Достаточно закруглить углы. Видимо в twitter bootstrap без PIE не работает закругление в IE, а YAML решили не париться и просто не стали закруглять
                      +2
                      Реально bootstrap, только вот поддержки less я не увидел
                      –2
                      К сожалению так и не успел опробовать данный фреймворк — так как быстро открыл для себя YUI3 и их css grids. Любая структура собирается как из кубиков, и нет навязки стилей от самого фреймворка (за исключением ресета).
                        0
                        очень странное заявление, т.к. в YAML все тоже самое и даже больше

                        сравнив и попробовав на разных проектах ушел от YUI
                          0
                          Видимо это личные пристрастия. Мне yui показался более «чистым» в плане названия и использования классов. Плюс полное отсутсвие в стилях. Есть ресет и grid, остальное всё зависит от пожеланий заказчка.
                            0
                            темы появились только в 4ке, в 3.3 был базовый дефолтный стиль, который можно и не применять.

                            мне очень не хватало в YUI нормальной трехколоночной раскладки и изменением порядка столбцов, чтобы контент шел первым (из-за SEO)
                        +4
                        Сегодня начал верстать очередной сайт
                        — автор, можете скинуть ссылку на один из сайтов сверстанный вами по сему фреймворку?

                        отфоп: Жду css фреймворк с названием JSON :)
                          0
                          на 4ке еще нет, на 3.3 не один. надо?
                            0
                            давайте
                              0
                              отправил в личку
                                0
                                мне тоже, пожалуйста.
                          0
                          А колонки нормальные они так и не сделали :)

                          Везде отступ справа в 12 пикселей.

                          Поддержка IE6 — хм. Что мы видим:
                          • кнопки без иконок
                          • скруглённые углы отсутствуют
                          • развалившиеся колонки
                          • не работают табы


                          Да и сам сайт немного развалился. Ой вруны, а еще денег хотят.
                            –2
                            Реклама на Хабре, как бы одобрила этот пост.
                            image
                              +2
                              image
                                0
                                Давайте еще больше этих смешных и веселых гертруд… ой, сорри, реклам…
                              0
                              Firefox 9.01 — их сайт очень ощутимо тупит при скролле, в Хроме к слову тоже.
                                0
                                Ну, и к слову. Чем, по-вашему, это лучше/хуже/совсем другое в сравнении с 960.gs/?
                                  0
                                  мне тоже 960 по душе пришлось и хотелось бы увидеть сравнение. А так не видно преимуществ перед другими фремворками.
                                    0
                                    с 960 не работал так что оценить не могу — посмотрю, может понравится

                                    сейчас вряд ли хоть у одного фреймфорка есть killing feature преимущества перед остальными

                                    они все более менее одинаковые иначе все бы пользовались одним
                                –4
                                Мне одному кажется что здесь есть «крохотное сходство» c bootstrap?
                                  0
                                  ну здесь уже об этом сказали.
                                  0
                                  на моем топовом макбук эйре прокрутка на их сайте притормаживает…

                                  Видимо не такой уж легкий фреймворк :)
                                    0
                                    Ребята видимо умолчали, border-radius у кнопок в IE9 не будет работать в этом фрэймворке. Придется для IE9 отдельный код писать/подключать. Подробнее об этой проблеме в IE9: markup.by/2011/11/19/css3-gradients-border-radius-in-ie9/
                                      0
                                      перевод Bootstrap на русский поглядеть можно тут и сравнить: jkeks.ru/jkeks.ru/archives/1853
                                      Хотя честно мне понравился YAML некоторыми штучками типа поддержкой микроформатов и билдером. Для бутстрапа Билдера не видел еще, есть только генератор стилей (цветов и т.п.): www.martinbean.co.uk/bootstrap-generator/

                                      Only users with full accounts can post comments. Log in, please.