Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Natali - библиотека для создания css-свойств (https://javascript.ru/forum/library-toolkit-framework/48052-natali-biblioteka-dlya-sozdaniya-css-svojjstv.html)

omaxphp 18.06.2014 01:07

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

http://mdes.pro/natali/

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

BETEPAH 18.06.2014 08:04

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

Aetae 18.06.2014 08:21

Цитата:

Сообщение от BETEPAH (Сообщение 317032)
3) в чем преимущество использования этой библиотеки перед миксинами в препроцессорах css?

Никаких преимуществ и куча лишнего некрасивого и неудобного кода, очевидно же.

krasovsky 18.06.2014 09:44

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

omaxphp 18.06.2014 11:42

Цитата:

Сообщение от BETEPAH (Сообщение 317032)
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

Цитата:

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

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

devote 18.06.2014 13:40

Цитата:

Сообщение от omaxphp
замерял и выводил в console.log(), 2мс, а less 20мс

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

Цитата:

Сообщение от omaxphp
А вот, less.js версии 1.7 - весит 90 кб, тот же ходячий jquery

Не вижу смысла использовать less на клиенте, если только в целях отладки на уровне разработки. Для продакшена нужно юзать уже скомпилированные стили.

melky 18.06.2014 14:00

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

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


Цитата:

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

какую?

Цитата:

Сообщение от omaxphp
В отличие от less может парсить любое link, style, style='', не требует своего style.less

всмысле?
https://github.com/less/less.js/comm...9f8d1c51e61087


Часовой пояс GMT +3, время: 22:59.