Size: a a a

Веб-компоненты

2020 March 23

AY

Andrey Yamanov in Веб-компоненты
Запустил сайт по нашей дизайн системе / фреймворку на Custom Elements - https://numl.design Вышла новая версия 0.10 в которой появилась тонна новых фич, в том числе прозрачная поддержка Shadow DOM (элементы стилизуются автоматически). Сейчас занимаюсь заполнением доков и сторибука. Сторибук и REPL написаны с нуля, но вроде получилось неплохо, исходники на гитхабе. Буду рад любому фидбэку!
источник

AY

Andrey Yamanov in Веб-компоненты
Скоро добавлю способ стилизации элементов Shadow DOM снаружи. На самом деле оно и сейчас работает, но неконтролируемо, а будет более гибко.
источник

SK

Serhii Kulykov in Веб-компоненты
поклацаю на днях, что и как. когда будет сторибук, еще посмотрю отдельно
источник

SK

Serhii Kulykov in Веб-компоненты
REPL симпатичный, только resize handle при перетаскивании как-то прыгает
источник

MB

Mikhail Bashkirov in Веб-компоненты
Andrey Yamanov
Запустил сайт по нашей дизайн системе / фреймворку на Custom Elements - https://numl.design Вышла новая версия 0.10 в которой появилась тонна новых фич, в том числе прозрачная поддержка Shadow DOM (элементы стилизуются автоматически). Сейчас занимаюсь заполнением доков и сторибука. Сторибук и REPL написаны с нуля, но вроде получилось неплохо, исходники на гитхабе. Буду рад любому фидбэку!
шикарно Андрей, поздравляю с запуском сайта!
источник

AY

Andrey Yamanov in Веб-компоненты
Serhii Kulykov
REPL симпатичный, только resize handle при перетаскивании как-то прыгает
Тормозит или что-то другое? Там на середину прилипалка действует, чтобы легко было на 50/50 настроить.
источник

AY

Andrey Yamanov in Веб-компоненты
Mikhail Bashkirov
шикарно Андрей, поздравляю с запуском сайта!
Спасибо большое! :3 Куча сил на это ушла)
источник

AY

Andrey Yamanov in Веб-компоненты
Serhii Kulykov
поклацаю на днях, что и как. когда будет сторибук, еще посмотрю отдельно
Сторибук уже можно тыкать вполне, но там пока не так много, как хотелось бы.
источник

MS

Marat Sahabudinov in Веб-компоненты
Логотип это слово nude? :D
источник

SK

Serhii Kulykov in Веб-компоненты
Andrey Yamanov
Тормозит или что-то другое? Там на середину прилипалка действует, чтобы легко было на 50/50 настроить.
да, тормозит при открытых девтулз почему-то
источник

AY

Andrey Yamanov in Веб-компоненты
Marat Sahabudinov
Логотип это слово nude? :D
да, фреймворк так называется NUDE.
источник

SK

Serhii Kulykov in Веб-компоненты
и еще при ресайзе горизонтальный скролл рисует
источник

AY

Andrey Yamanov in Веб-компоненты
Serhii Kulykov
да, тормозит при открытых девтулз почему-то
Это может быть, там по факту iframe внутри iframe. Экономил как мог :)
источник

AY

Andrey Yamanov in Веб-компоненты
Serhii Kulykov
и еще при ресайзе горизонтальный скролл рисует
Винда? На винде не тестил, надо будет потыкать. Спасибо!
источник

MS

Marat Sahabudinov in Веб-компоненты
Главное не гуглить картинки и видео про эту систему на работе)
источник

AY

Andrey Yamanov in Веб-компоненты
А NuML это одновременно Nu** Markup Language и сокращение от NUDE Elements.
источник

MB

Mikhail Bashkirov in Веб-компоненты
Andrey Yamanov
Сторибук уже можно тыкать вполне, но там пока не так много, как хотелось бы.
да, но тут может помочь как раз open source, люди насоздают все, что им не хватает, если их энергию в правильно русло направить
источник

MB

Mikhail Bashkirov in Веб-компоненты
очень не хватает концептуально документации типа введения и каких-то базовых принципов, на которох все построено и зачем
https://numl.design/guide/what-is-numl и так далее
источник

MB

Mikhail Bashkirov in Веб-компоненты
но это все со временем будет конечно, я понимаю
источник

AY

Andrey Yamanov in Веб-компоненты
Mikhail Bashkirov
да, но тут может помочь как раз open source, люди насоздают все, что им не хватает, если их энергию в правильно русло направить
Очень на это надеюсь :) Возможности фреймворка огромные, буду потихоньку это всё документировать.
источник