Интернет
Smashing Podcast Episode 37 с Адамом Аргайлом: что такое VisBug?
В этом эпизоде мы говорим о VisBug. Что это такое и чем оно отличается от набора параметров, уже имеющихся в Chrome DevTools? Дрю Маклеллан разговаривает с его создателем Адамом Аргайлом, чтобы выяснить это.
ПодробнееКак мы улучшили наши основные веб-жизненные показатели (пример из практики)
Обновление Page Experience от Google начнется в июне. Поначалу сайты, соответствующие пороговым значениям Core Web Vitals, будут иметь незначительное преимущество в рейтинге в мобильном поиске для всех браузеров. Поиск важен для любого бизнеса, и это история о том, как Бо Хартсхорн и его команда из Instant Domain Search улучшили свои показатели Core Web Vitals.
ПодробнееTree-Shaking: справочное руководство
«Tree-shaking» — обязательная оптимизация производительности при сборке JavaScript. В этой статье мы углубимся в то, как именно это работает и как спецификации и практика переплетаются, чтобы сделать пакеты более компактными и производительными. Кроме того, вы получите древовидный контрольный список для своих проектов.
ПодробнееРазочаровывающие шаблоны проектирования, которые нужно исправить: выбор дня рождения
В этой новой серии статей о UX мы более подробно рассмотрим некоторые разочаровывающие шаблоны проектирования и рассмотрим лучшие альтернативы, а также множество примеров, которые следует учитывать при создании или проектировании. Начнем с печально известного сборщика дней рождения.
ПодробнееМаленькие сокрушительные истории
Сегодня отмечается день, когда мы разослали наш 300-й выпуск Smashing Newsletter. Эта статья — небольшой праздник, в котором мы делимся небольшими потрясающими историями от людей, работающих за кулисами.
ПодробнееПонимание функций плавности для анимации и переходов CSS
Функции замедления могут изменить внешний вид анимации, влияя на скорость или скорость анимации. В этой статье мы углубимся в функции плавности и посмотрим, как мы можем использовать их для создания этих естественных и потрясающих анимаций.
ПодробнееКак внедрить уровни тестирования доступности в свой процесс
Эксперты по доступности Кейт Кальцевич и Майк Гиффорд знакомят читателей с «многоуровневым тестированием доступности» — практикой использования различных инструментов и подходов на разных этапах жизненного цикла цифрового продукта для раннего выявления проблем доступности — когда их проще и дешевле исправить.
ПодробнееРуководство по недавно поддерживаемым современным селекторам псевдоклассов CSS
Проект редактора Рабочей группы CSS для [Селекторы уровня 4] (https://drafts.csswg.org/selectors-4/) включает несколько селекторов псевдоклассов, которые уже имеют варианты предложений в большинстве современных браузеров. В этом руководстве рассматриваются те, которые в настоящее время имеют наилучшую поддержку, а также примеры, демонстрирующие, как вы можете начать использовать их уже сегодня!
ПодробнееХорошо выполненный веб-дизайн: обычное стало выдающимся
Иногда мелочи в веб-жизни заставляют нас смотреть дважды. От каруселей до документации и заявлений об отказе от использования файлов cookie — вот несколько сайтов, которые берут на себя обыденность и добавляют немного волшебства.
ПодробнееПолное руководство по инкрементной статической регенерации (ISR) с помощью Next.js
Incremental Static Regeneration (ISR) — это новая эволюция Jamstack, позволяющая мгновенно обновлять статический контент без необходимости полной перестройки вашего сайта. Гибридный подход Next.js позволяет вам использовать ISR для электронной коммерции, маркетинговых страниц, сообщений в блогах, медиа с рекламой и многого другого.
Подробнее