В JavaScript классы существуют. Просто они не являются эквивалентами для классов из других языков. К тому же es6-классы - "не просто синтаксический сахар"(перевод).
Я тоже за "чистый" CSS. Но по той же причине, по которой в `<Footer />` попадал то null, то пустой объект, у вас может прилетать строка из одного пробела или просто символ переноса строки, и тут `:empty` не поможет - для его корректной работы ему нужно именно "ничего" `<div class="this-is-empty"></div>`
Когда название css-класса соответствует названию компонента, то искать тоже можно без sourcemap'ов. Плюс снимается когнитивная нагрузка, когда изучаешь интерфейс через инспектор, так как лучше видно назначение компонента.
Свойство text-overflow со значением ellipsis позволяет добавлять… в конец текста при его выходе за пределы контейнера.
Стоит добавить, что text-overflow: ellipsis работает для однострочного текста в сочетании с overflow: hidden и white-space: nowrap и для многострочного — при использовании старого синтаксиса flexbox да ещё с префиксом -webkit и явным указанием количества строк:
"не переводить" - только сейчас заметил
Подобные термины лучше переводить. Оставлять англоязычный вариант или "сервис-воркер".
Только сервер ничего не ищет. Это различные веб-клиенты (в том числе и браузеры) по необходимости делают запрос на адрес '/favicon.ico'.
Как следствие, не нужно вслепую следовать правилу:
Нужно, чтобы веб-сервер отдавал иконку по адресу '/favicon.ico'
В JavaScript классы существуют. Просто они не являются эквивалентами для классов из других языков. К тому же es6-классы - "не просто синтаксический сахар"(перевод).
И
SharedArrayBufferне подходит?Картинки хорошо бы заменить на текст
Я тоже за "чистый" CSS. Но по той же причине, по которой в `<Footer />` попадал то
null, то пустой объект, у вас может прилетать строка из одного пробела или просто символ переноса строки, и тут `:empty` не поможет - для его корректной работы ему нужно именно "ничего" `<div class="this-is-empty"></div>`Не представляю человека, который согласился бы писать так:
Как используются здесь custom properties, я не увидел.
Когда название css-класса соответствует названию компонента, то искать тоже можно без sourcemap'ов. Плюс снимается когнитивная нагрузка, когда изучаешь интерфейс через инспектор, так как лучше видно назначение компонента.
Если делать темизацию, как например в Slack или на этом сайте, то такой способ явно не подходит.
Стоит добавить, что
text-overflow: ellipsisработает для однострочного текста в сочетании сoverflow: hiddenиwhite-space: nowrapи для многострочного — при использовании старого синтаксиса flexbox да ещё с префиксом-webkitи явным указанием количества строк:Работы уже ведутся (доступно в Chrome):
А стили точно типизированные?
Может, лучше "что-то в консерватории подправить?"
Дежавю
Смело. Мы ещё в 2014 поддерживали IE8, а релиз-кандидат спеки flexbox вышел, кажется, только в 2015
3-ю часть бы для полноты картины
Зачем размещать такие небольшие куски кода на github gists. Лучше сразу добавить в статью как текст.
А ссылку встроить прямо здесь очень сложно?
Вставляйте код текстом