Мне очень понравилась статья. Заслуженное спасибо!
Мы у себя в гембилнге уже давно следим и за селекторами и за тем чтобы не триггерить рекалькуляций. Введу того, что у нас много анимаций и эффектов, получить рекалькуляцию всего, плевое дело. Я бы сказал, что в этой статье очень хорошая база для того, чтобы начать писать продуманные стили для браузера при большом количестве элементов. Тем кто завис на SPA, все это скорее всего и не надо.
Стас!, и снова вы! …пишите, какие то странные вещи.
Что это за показатель такой, два свойства вместо трех?(это я про flex). По сути, количество инструкций ничего не значат - от слова совсем для страницы и нтерпретвтора в виде браузера.
Запуская flex начинается использование умных контейнеров внутри которых происходит расчет контрольных точек на основании которых производятся остальные расчет и позиционирование (да-да, все это не бесплатно).
В случае в grid, также запускается механизм расчета, но более детальный и более дорогой. Так чтобы было понятнее: создавая сетку, на 9 ячеек, при изменении хотя бы одной ячейки, будут пересчитаны все ячейки. А теперь самый сок: все дочерние grid, тоже будут пересчитаны и так до последнего.
Если обратите внимание не большие сайты, никто grid в основании сайта не использует. Давайте дальше: количество стилей, это описание инструкций, и если вы переиграли в cssbattle, то хочу напомнить вам их же дисклаймер:
DISCLAIMER: The strategies listed here are not meant to be used in real projects. They mostly help you in CSSBattle code-golfing (expect for few which can be used elsewhere). In real world you'll probably use a minifier to make your files smaller.
Я даже вам немного завидую. Десять лет назад так легко установить размеры по контенту нельзя было. Приходилось хитрить. А теперь всё очевидно. Круто же!
у меня не сходится с тем Что и Как вы пишите. Вы знаете content-driven design/layout?
Да, занимаются. Но я не очень понимаю к чему этот вопрос. (Мой пост от том, что у Джунов так много вещей о которых подумать, что до того как они дойдут до того о чем пишите вы, они уже давно не бубут джунами). Возможно дилетантами... Но не джунами точно.
Лично я считаю тут прочитал очень много вкусовщины и субъективной информации.
Не буду писать кучу текста, загрловками:
<dialog>, tabindex
alt - хочется спросить, что ты такое несешь и что тв вообще знаешь про семантический веб, но вот как слепые получают эту информацию, я на самом деле не знаю.
:hover, :focus - чистая вкусовщина.
background - в целом, хороший тон, задавать те свойства которые необходимы.
добавляйте, блять, свойство display, когда вам это нужно! Оно поможет вам задать более предсказуемое поведение элементов, кроме тех случаев, когда у вас в е элементы div div div, в этом случае почитайте про семантическую верстку 🙏🏻
Мое заключение: все что написано в статье, НИЧЕГО нету про ошибки джунов (о боже как так можнА делаДь).
Поменяйте название на: «Особенности верстки для слабовидящих» и мой комментарий можно выкинуть.
Очень жду запуска компании на KickStarter. (Пользуюсь Flipper Zero - это то что сделано для людей; Не видел ни одного нормального Бизи борда который мог бы хотя бы половину того что необходимо. При чем реч не идет о каком то сложном функцонале.) Ребята, верю в вас 🙏🏼
Написано хорошо обстоятельно и по делу.
Прочитал ваш холивар и по большей части согласен с вами.
У меня претензия к громким заявлениям низкого уровня в статьях и как будто малой экспертной ценности. Громко о банальных вещах..
Мне понравилась ваша мыль про mdn и что то новое 👌🏻 тонкая и объемная претензия.
На ряду со всем этим, хочу отметить, что в этой статье был интересный материал.
Мне очень понравилась статья. Заслуженное спасибо!
Мы у себя в гембилнге уже давно следим и за селекторами и за тем чтобы не триггерить рекалькуляций. Введу того, что у нас много анимаций и эффектов, получить рекалькуляцию всего, плевое дело. Я бы сказал, что в этой статье очень хорошая база для того, чтобы начать писать продуманные стили для браузера при большом количестве элементов. Тем кто завис на SPA, все это скорее всего и не надо.
🙏🏻
Стас!, и снова вы! …пишите, какие то странные вещи.
Что это за показатель такой, два свойства вместо трех?(это я про flex). По сути, количество инструкций ничего не значат - от слова совсем для страницы и нтерпретвтора в виде браузера.
Запуская flex начинается использование умных контейнеров внутри которых происходит расчет контрольных точек на основании которых производятся остальные расчет и позиционирование (да-да, все это не бесплатно).
В случае в grid, также запускается механизм расчета, но более детальный и более дорогой. Так чтобы было понятнее: создавая сетку, на 9 ячеек, при изменении хотя бы одной ячейки, будут пересчитаны все ячейки. А теперь самый сок: все дочерние grid, тоже будут пересчитаны и так до последнего.
Если обратите внимание не большие сайты, никто grid в основании сайта не использует. Давайте дальше: количество стилей, это описание инструкций, и если вы переиграли в cssbattle, то хочу напомнить вам их же дисклаймер:
Вот это может быть интересно, про отрисовку элементов браузером: https://www.youtube.com/watch?v=dndeRnzkJDU
Ваша фраза:
Я даже вам немного завидую. Десять лет назад так легко установить размеры по контенту нельзя было. Приходилось хитрить. А теперь всё очевидно. Круто же!
у меня не сходится с тем Что и Как вы пишите. Вы знаете content-driven design/layout?
Да, занимаются.
Но я не очень понимаю к чему этот вопрос. (Мой пост от том, что у Джунов так много вещей о которых подумать, что до того как они дойдут до того о чем пишите вы, они уже давно не бубут джунами). Возможно дилетантами... Но не джунами точно.
Точно все вот это для джунов?
Лично я считаю тут прочитал очень много вкусовщины и субъективной информации.
Не буду писать кучу текста, загрловками:
<dialog>, tabindex
alt - хочется спросить, что ты такое несешь и что тв вообще знаешь про семантический веб, но вот как слепые получают эту информацию, я на самом деле не знаю.
:hover, :focus - чистая вкусовщина.
background - в целом, хороший тон, задавать те свойства которые необходимы.
добавляйте, блять, свойство display, когда вам это нужно! Оно поможет вам задать более предсказуемое поведение элементов, кроме тех случаев, когда у вас в е элементы div div div, в этом случае почитайте про семантическую верстку 🙏🏻
Мое заключение: все что написано в статье, НИЧЕГО нету про ошибки джунов (о боже как так можнА делаДь).
Поменяйте название на: «Особенности верстки для слабовидящих» и мой комментарий можно выкинуть.
Андрей, 15 лет во фронте, имхо
Очень жду запуска компании на KickStarter.
(Пользуюсь Flipper Zero - это то что сделано для людей; Не видел ни одного нормального Бизи борда который мог бы хотя бы половину того что необходимо. При чем реч не идет о каком то сложном функцонале.)
Ребята, верю в вас 🙏🏼