Поприветствуйте выражения от контейнера. Ахмад Шадид показывает, в каких случаях для привычных элементов на страницах будет полезно применять CSS Container Queries.
Почти полное руководство по Cumulative Layout Shift. Джесс Пек о том, что такое CLS, как замерять сдвиги раскладки при загрузке страницы и как от них избавляться.
Сортируемые колонки таблицы. Адриан Розелли объясняет, как работает aria-sort и как обеспечить доступность заголовков таблицы с возможностью включить сортировку по колонке.
CSS Flexbox. 10 видеоуроков Евгения Ковальчука по тому, как работают флексы в браузере: основы, оси, переносы и отступы, выравнивания, размеры, порядок элементов и вложенность.
Анимация текста по частям. Адам Аргайл показывает, как при помощи JavaScript и CSS реализовать эффект, когда анимация применяется к отдельным буквам или словам в тексте.
Новая книга «Image Optimization» Эдди Османи вышла в Smashing Book: вставка и оптимизация графики, сравнение форматов, управление цветом, адаптация, рендеринг и другое. 15 $ за эл. версию и 35 $ с доставкой за бумажную и эл. версии, начиная с конца мая.
Принцип мозаики, или Как мы сделали JavaScript по-настоящему модульным. Альфред Генкин рассказывает про инструмент Mosaic, который позаимствовал принципы на бэкенде, чтобы сделать фронтенд удобно расширяемым.
История фронтенда: JavaScript как отражение новой эпохи. Второй эпизод серии CSSSR про историю веба и веб-технологий: история языка JavaScript, его стандарта ECMAScript и выросшей вокруг него экосистемы.
fit-content и fit-content(). Питер-Пол Кох показывает, как задавать элементам размеры, зависящие от их содержимого, и чем отличается задание размера для элементов внутри гридов.
Подробное руководство по кастомным свойствам: именование, возможные значения, применение каскада, фолбэки, вычисления, задание типов, трюки и взаимодействие с JavaScript.
Бесплатный вебинар «Конечные автоматы в реальной жизни» пройдёт 8 мая в 15:00 (МСК) в Яндекс Практикуме. В 1,5–2-часовой программе теория по алгоритмам, примеры использования, сложности и ограничения, кодинг на примере валидации ввода и ответы на вопросы.
Выпуск №280. Андрей Мелихов, Вадим Макеев, Сергей Сергеев, Никита Дубко про Safari 14.1, гэпы во флексах, историю JS, мозаичный JS и алгоритмы в работе и на собеседованиях.
Как мы используем веб-компоненты. Кристьян Оддссон рассказывает о том, как в GitHub устроена разработка веб-компонентов: инструменты, линтеры, практики.
Ищем баланс между нативным и кастомным селектом. Сандрина Перейра пытается понять, что такое селект и чем он отличается от выпадающего меню и других похожих UI-паттернов. И в результате предлагает интересный гибрид, не забывая про доступность.
Стабильный релиз Bootstrap 5. Марк Отто про изменения: новый логотип, новые и обновлённые компоненты, поддержка RTL, доработанная сетка, отказ от jQuery, прекращение поддержки IE и Edge Legacy и другие.