Валентин Ульянов - Atomic CSS Deep Dive
ฝัง
- เผยแพร่เมื่อ 14 พ.ย. 2024
- Ближайшая конференция - HolyJS 2024 Autumn, 7 ноября (online), 14-15 ноября (Санкт-Петербург + трансляция).
Подробности и билеты: jrg.su/K18Cxd
- -
Скачать презентацию с сайта HolyJS - jrg.su/6y6UVL
Доклад про подход Atomic CSS в верстке и разработку инструментов.
Кратко вспомнили базу - почему Atomic CSS. Рассмотрели популярные решения для работы в этом подходе и сравнили их с изобретением спикера - mlut (github.com/mr1.... Разобрали проблемы известных инструментов и посмотрели, как Валентин решил их в своем. В докладе - интересные архитектурные решения, технические детали и немного хардкора.
Для тех, кто занимается версткой, это возможность по-другому взглянуть на Atomic CSS и, возможно, взять в работу новый инструмент. А для тех, кто пишет системный код и тулинг - получить вдохновение и перенять нестандартный опыт.
Ни дай бог на проекте такую жесть увидеть
Сами придумали проблемы, сами их решили, создав еще больше проблем.
Зато получилась тема для доклада )
Если бы с написанием стилей все было легко, то не появились бы разные подходы, такие как: БЭМ, Atomic и т.д.
KISS вышло из чата )
"тратим меньше мыслетоплива" это про название сущностей в обычном css, а сколько теперь этого "топлива" будет тратиться на расшифровку этих сокращений?
Если с ними разобрался - минимум. Это инвестиционная история: 1 раз приложил усилия, разобрался и потом всю оставшуюся практику наслаждаешься версткой)
@@MrZidan150 ...в одиночку
Не хватило в конце доклада какой-то статистики, насколько быстрее стало писать код по сравнению с tailwind или еще чем. А то не ясно, зачем учить новый синтаксис чтобы что. Ускорить вёрстку на 5%, а может быть на 50 ?
Хорошее замечание, подумаю над этим
Всем спасибо, что не поленились оставить комменты!) Продолжение этого доклада будет на другой большой фронтенд-конференции в конце сентября. Там мы и разберемся: как правильно верстать в подходе Atomic CSS, чтобы получить заявленный эффект
Лучше не надо. Очередной велосипед да ещё и максимально неинтуитивный
забиваем гвозди микроскопом)
извольте, гвозди мы тут забиваем калькулятором.
Если бы с написанием стилей все было легко, то не появились бы разные подходы, такие как: БЭМ, Atomic и т.д.
@@MrZidan150 без негатива, но лучше б ты потраченное время на этот костыль инвестировал для работы в css working group. Этот инструмент не взлетит, он проклят. Я верстаю с 2011 года и могу об этом судить столь категорично.
@@KopoLPedov А как так получилось, что Tachyons полетели в свое время? При этом, mlut их по всем параметрам превосходит
Когда я вижу любителей так сокращать, у меня возникает только один вопрос, у вас буквы платные что ли?
Буквы нет, но так удобнее. Вряд ли кто-то будет спорить, что удобнее написать:
`npm i -D mlut`, чем `npm install mlut --save-dev`
И стоит понимать, что это инвестиционная история: 1 раз приложил усилия, разобрался в этих сокращениях, и потом всю оставшуюся практику наслаждаешься версткой)
@@MrZidan150 в случае npm это не надо потом читать\исправлять много раз. Я предпочту 1 раз написать и потом всегда понимать background-color чем раз в год учить новое сокращение bckclr а другой решит что надо bgc и сиди вспоминай
@@vlamai Именно поэтому в mlut используется алгоритм для сокращений, с которым можно однажды разобраться и выводить их (как минимум популярные) в голове, а не зазубривать. Такое "выведение", поможет его намного быстрее довести до автоматизма, и тогда оно станет как `npm i -D` или `rm -rf`
Я так и не понял зачем всё это надо...
Сначала придумывают языки программирования максимально близкие к человеческой речи, чтобы даже школьник мог свободно писать, потом этот простой синтаксис усложняют до трудночитаемого, где на разбор написанного уходит больше времени чем на написание кода..
Вообщем ассемблер для стилей..
Языки программирования разные бывают. Есть Python - простой, как вы описали, а есть Erlang - посложнее) У каждого свои сильные и слабые стороны. С подходами к написанию стилей похожая ситуация
И стоит понимать, что это инвестиционная история: 1 раз приложил усилия, разобрался в этих сокращениях и потом всю оставшуюся практику наслаждаешься версткой)