18.06.2014, 01:07
|
Новичок на форуме
|
|
Регистрация: 11.05.2014
Сообщений: 4
|
|
Natali - библиотека для создания css-свойств
Я недавно создал библиотеку, на данный момент только документация. Но суть в том, что она может помочь писать кроссбраузерный код, писать свои шаблоны, то есть мы можем делать все то, что может делать настоящий css-препроцессор
http://mdes.pro/natali/
А вот пока первый урок: http://www.youtube.com/watch?v=f3WZR...ature=youtu.be
|
|
18.06.2014, 08:04
|
|
Профессор
|
|
Регистрация: 23.06.2011
Сообщений: 1,165
|
|
1) '$text = $text + ' эквивалентно $text +=
2) градиенты бывают далеко не всегда линейные и сверху вниз
3) в чем преимущество использования этой библиотеки перед миксинами в препроцессорах css?
|
|
18.06.2014, 08:21
|
|
Тлен
|
|
Регистрация: 02.01.2010
Сообщений: 6,577
|
|
Сообщение от BETEPAH
|
3) в чем преимущество использования этой библиотеки перед миксинами в препроцессорах css?
|
Никаких преимуществ и куча лишнего некрасивого и неудобного кода, очевидно же.
__________________
29375, 35
|
|
18.06.2014, 09:44
|
Профессор
|
|
Регистрация: 21.12.2012
Сообщений: 869
|
|
Хм, затея неплохая, но потягаться с уже существующими библиотеками в одну каску - миссион импосабл.
В данный момент я посмотрел сайт, сложность зашкаливает, не уверен что это поможет мне делать работу быстрее. +необходим jq, less которым я пользуюсь не требует jq
Последний раз редактировалось krasovsky, 18.06.2014 в 09:49.
|
|
18.06.2014, 11:42
|
Новичок на форуме
|
|
Регистрация: 11.05.2014
Сообщений: 4
|
|
Сообщение от BETEPAH
|
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:50.
|
|
18.06.2014, 11:45
|
Новичок на форуме
|
|
Регистрация: 11.05.2014
Сообщений: 4
|
|
Сообщение от krasovsky
|
Хм, затея неплохая, но потягаться с уже существующими библиотеками в одну каску - миссион импосабл.
В данный момент я посмотрел сайт, сложность зашкаливает, не уверен что это поможет мне делать работу быстрее. +необходим jq, less которым я пользуюсь не требует jq
|
jquery - берет на себя огромную работу по работе с link, style, style='' (кроссбраузерно), я очень часто использую jquery и поэтому дополнительный скрипт в 2 кб, меня не убьет. А вот, less.js версии 1.7 - весит 90 кб, тот же ходячий jquery
|
|
18.06.2014, 13:40
|
что-то знаю
|
|
Регистрация: 24.05.2009
Сообщений: 5,176
|
|
Сообщение от omaxphp
|
замерял и выводил в console.log(), 2мс, а less 20мс
|
Вот только разница в том, что это нужно по большей части лишь для отладки. Далее компиляция и использование статики.
Сообщение от omaxphp
|
А вот, less.js версии 1.7 - весит 90 кб, тот же ходячий jquery
|
Не вижу смысла использовать less на клиенте, если только в целях отладки на уровне разработки. Для продакшена нужно юзать уже скомпилированные стили.
|
|
18.06.2014, 14:00
|
sinistral
|
|
Регистрация: 28.03.2011
Сообщений: 5,418
|
|
на форуме уже был HTML темплейтер, состоящий из вызовов JS. а теперь уже то же, но для стилей... что за мода?) я не говорю, что это плохо, но и не говорю, что это хорошо.
не пойму просто, зачем замыкать себя в императив. мне больше декларативная природа по душе.
Сообщение от omaxphp
|
jquery - берет на себя огромную работу по работе с link, style, style='' (кроссбраузерно),
|
какую?
Сообщение от omaxphp
|
В отличие от less может парсить любое link, style, style='', не требует своего style.less
|
всмысле?
https://github.com/less/less.js/comm...9f8d1c51e61087
|
|
|
|