Aramaki Jan 20 2012 at 01:40

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

1 min

6.4K

CSS*

+66

Comments 39

KREGI Jan 20 2012 at 01:57

Спасибо, не знал о таком, все думал что бы использовать, посмотрел на YAML — понравилось.

Aramaki Jan 20 2012 at 02:18

4.0 слегка тяжеловат для взятия с наскока, 3.3 (link) + builder легче в освоении, если HTML5 не требуется

Oronro Jan 20 2012 at 02:35

Не понравилось:
— Название. Уверен, многие видя и слыша слово YAML думаю о формате данных, а не о CSS. А если в одном проекте будут использоваться оба инструмента, то путаница просто гарантированна.
— Лицензия: обязательное упоминание фреймворка на странице.

Примеры как-то подозрительно напоминают bootstrap, а раз не видно разницы, то зачем платить больше?

Aramaki Jan 20 2012 at 02:40

у формата данных update от 2009-10-01 — так что насчет многих не уверен. например я о нем не знал

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

Oronro Jan 20 2012 at 03:18

ну тогда XML, получается, вообще забросили — видимо никому не нужен =)

А на счет IE6(привет, VW Group) не хочется разводить очередной холивор, но вот вопрос: зачем гоняться за новыми технологиями/фреймворками, но при этом продолжать использовать устаревшее, потенциально не безопасное ПО? И раз копроративный стандарт, то зачем нам лишняя поддержка других браузеров?
Мы все таки либо развиваемся, либо топчемся на месте, вечно бегать за двумя зайцами не получится.

shoorick Jan 20 2012 at 08:26

Формат YAML всё-таки постарше: на yaml.org/ в логе есть события 2001 года.

shoorick Jan 20 2012 at 08:31

насчёт многих

Для программистов YAML это всё-таки язык разметки. Даже для программистов, интересующихся веб-разработкой.

cblp Jan 20 2012 at 08:41

Для меня это язык представления данных.

Ayzor Jan 20 2012 at 14:44

YAML — YAML Ain't Markup Language
YAML — не язык разметки

UFO landed and left these words here

Aramaki Jan 20 2012 at 14:40

потому что текст можно скопировать с сайта — ссылка представлена

UFO landed and left these words here

Aramaki Jan 20 2012 at 16:33

так у вас претензия к тому что это не png? я и не понял вначале.

так по умолчанию сохраняет моя делалка скриншотов

ilyaplot Jan 20 2012 at 08:36

Судя по скриншотам, twitter bootstrap въелся всем разработчикам в мозг.

UFO landed and left these words here

ilyaplot Jan 20 2012 at 11:34

Достаточно закруглить углы. Видимо в twitter bootstrap без PIE не работает закругление в IE, а YAML решили не париться и просто не стали закруглять

FeelGood Jan 20 2012 at 09:14

Реально bootstrap, только вот поддержки less я не увидел

VanSanblch Jan 20 2012 at 10:03

К сожалению так и не успел опробовать данный фреймворк — так как быстро открыл для себя YUI3 и их css grids. Любая структура собирается как из кубиков, и нет навязки стилей от самого фреймворка (за исключением ресета).

Aramaki Jan 20 2012 at 16:36

очень странное заявление, т.к. в YAML все тоже самое и даже больше

сравнив и попробовав на разных проектах ушел от YUI

VanSanblch Jan 20 2012 at 16:44

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

Aramaki Jan 20 2012 at 22:17

темы появились только в 4ке, в 3.3 был базовый дефолтный стиль, который можно и не применять.

мне очень не хватало в YUI нормальной трехколоночной раскладки и изменением порядка столбцов, чтобы контент шел первым (из-за SEO)

Mirza Jan 20 2012 at 10:20

Сегодня начал верстать очередной сайт
— автор, можете скинуть ссылку на один из сайтов сверстанный вами по сему фреймворку?

отфоп: Жду css фреймворк с названием JSON :)

Aramaki Jan 20 2012 at 14:41

на 4ке еще нет, на 3.3 не один. надо?

Mirza Jan 20 2012 at 15:08

давайте

Aramaki Jan 20 2012 at 16:36

отправил в личку

UFO landed and left these words here

agatische Jan 20 2012 at 10:49

А колонки нормальные они так и не сделали :)

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

Поддержка IE6 — хм. Что мы видим:

кнопки без иконок
скруглённые углы отсутствуют
развалившиеся колонки
не работают табы

Да и сам сайт немного развалился. Ой вруны, а еще денег хотят.

fStrange Jan 20 2012 at 10:59

Реклама на Хабре, как бы одобрила этот пост.

fStrange Jan 20 2012 at 11:00

Vertex Jan 20 2012 at 16:25

Давайте еще больше этих смешных и веселых гертруд… ой, сорри, реклам…

XuMiX Jan 20 2012 at 11:28

Firefox 9.01 — их сайт очень ощутимо тупит при скролле, в Хроме к слову тоже.

XuMiX Jan 20 2012 at 11:59

Ну, и к слову. Чем, по-вашему, это лучше/хуже/совсем другое в сравнении с 960.gs/?

tarya Jan 20 2012 at 15:04

мне тоже 960 по душе пришлось и хотелось бы увидеть сравнение. А так не видно преимуществ перед другими фремворками.

Aramaki Jan 20 2012 at 16:39

с 960 не работал так что оценить не могу — посмотрю, может понравится

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

они все более менее одинаковые иначе все бы пользовались одним

norfild Jan 20 2012 at 13:43

Мне одному кажется что здесь есть «крохотное сходство» c bootstrap?

Mirza Jan 20 2012 at 13:56

ну здесь уже об этом сказали.

UseRifle Jan 20 2012 at 18:41

на моем топовом макбук эйре прокрутка на их сайте притормаживает…

Видимо не такой уж легкий фреймворк :)

WoR Jan 20 2012 at 18:48

Ребята видимо умолчали, border-radius у кнопок в IE9 не будет работать в этом фрэймворке. Придется для IE9 отдельный код писать/подключать. Подробнее об этой проблеме в IE9: markup.by/2011/11/19/css3-gradients-border-radius-in-ie9/

jkeks Jan 21 2012 at 11:27

перевод Bootstrap на русский поглядеть можно тут и сравнить: jkeks.ru/jkeks.ru/archives/1853
Хотя честно мне понравился YAML некоторыми штучками типа поддержкой микроформатов и билдером. Для бутстрапа Билдера не видел еще, есть только генератор стилей (цветов и т.п.): www.martinbean.co.uk/bootstrap-generator/