Вход

Просмотр полной версии : Natali - библиотека для создания css-свойств


omaxphp
18.06.2014, 01:07
Я недавно создал библиотеку, на данный момент только документация. Но суть в том, что она может помочь писать кроссбраузерный код, писать свои шаблоны, то есть мы можем делать все то, что может делать настоящий css-препроцессор

http://mdes.pro/natali/

А вот пока первый урок: http://www.youtube.com/watch?v=f3WZRLDKFK8&feature=youtu.be

BETEPAH
18.06.2014, 08:04
1) '$text = $text + ' эквивалентно $text +=
2) градиенты бывают далеко не всегда линейные и сверху вниз
3) в чем преимущество использования этой библиотеки перед миксинами в препроцессорах css?

Aetae
18.06.2014, 08:21
3) в чем преимущество использования этой библиотеки перед миксинами в препроцессорах css?
Никаких преимуществ и куча лишнего некрасивого и неудобного кода, очевидно же.

krasovsky
18.06.2014, 09:44
Хм, затея неплохая, но потягаться с уже существующими библиотеками в одну каску - миссион импосабл.
В данный момент я посмотрел сайт, сложность зашкаливает, не уверен что это поможет мне делать работу быстрее. +необходим jq, less которым я пользуюсь не требует jq

omaxphp
18.06.2014, 11:42
1) '$text = $text + ' эквивалентно $text +=
2) градиенты бывают далеко не всегда линейные и сверху вниз
3) в чем преимущество использования этой библиотеки перед миксинами в препроцессорах css?

1) Согласен, протупился с конкатенацией
2) Суть в том, что мы полностью контролируем все. Допустим мы можем даже javascript функции применять rgb() -> hex() внутри наших функций, чтобы для градиента использовать не #000000, а 0,0,0
3) Ну, миксины, миксинами, а в разных препроцессорах разный синтаксис, а тут просто javascript строчка, которую мы возвращаем в виде текста
4) В отличие от less может парсить любое link, style, style='', не требует своего style.less
5) По скорости очень быстро выполняется, замерял и выводил в console.log(), 2мс, а less 20мс

omaxphp
18.06.2014, 11:45
Хм, затея неплохая, но потягаться с уже существующими библиотеками в одну каску - миссион импосабл.
В данный момент я посмотрел сайт, сложность зашкаливает, не уверен что это поможет мне делать работу быстрее. +необходим jq, less которым я пользуюсь не требует jq

jquery - берет на себя огромную работу по работе с link, style, style='' (кроссбраузерно), я очень часто использую jquery и поэтому дополнительный скрипт в 2 кб, меня не убьет. А вот, less.js версии 1.7 - весит 90 кб, тот же ходячий jquery

devote
18.06.2014, 13:40
замерял и выводил в console.log(), 2мс, а less 20мс Вот только разница в том, что это нужно по большей части лишь для отладки. Далее компиляция и использование статики.

А вот, less.js версии 1.7 - весит 90 кб, тот же ходячий jquery Не вижу смысла использовать less на клиенте, если только в целях отладки на уровне разработки. Для продакшена нужно юзать уже скомпилированные стили.

melky
18.06.2014, 14:00
на форуме уже был HTML темплейтер, состоящий из вызовов JS. а теперь уже то же, но для стилей... что за мода?) я не говорю, что это плохо, но и не говорю, что это хорошо.

не пойму просто, зачем замыкать себя в императив. мне больше декларативная природа по душе.



jquery - берет на себя огромную работу по работе с link, style, style='' (кроссбраузерно),
какую?

В отличие от less может парсить любое link, style, style='', не требует своего style.less
всмысле?
https://github.com/less/less.js/commit/45592cb3cc6c71c4ab493436139f8d1c51e61087