Интернет
Как реализовать аутентификацию в Next.js с помощью Auth0
Пошаговое руководство по добавлению аутентификации и авторизации в ваши приложения Next.js с помощью Auth0. Мы будем использовать SDK Next.js для подключения нашего приложения к API Auth0 и создадим динамический маршрут API для React.
ПодробнееРазочаровывающие шаблоны проектирования: мега-выпадающие меню при наведении курсора
Все, что нужно иметь в виду при проектировании и создании мега-раскрывающегося списка, распространенных ловушек, задержек входа и выхода при наведении, техники треугольника траектории и областей выхода SVG-пути.
ПодробнееКак создавать, редактировать и анимировать SVG в одном месте с помощью SVGator 3.0
Сегодня мы подробно рассмотрим [SVGator 3.0] (https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), новую основную версию популярного приложения SVG, которое позволяет создавать, редактировать и анимируйте файлы SVG и максимально используйте возможности SVG — от начала до конца.
Подробнее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
Функции замедления могут изменить внешний вид анимации, влияя на скорость или скорость анимации. В этой статье мы углубимся в функции плавности и посмотрим, как мы можем использовать их для создания этих естественных и потрясающих анимаций.
ПодробнееКак внедрить уровни тестирования доступности в свой процесс
Эксперты по доступности Кейт Кальцевич и Майк Гиффорд знакомят читателей с «многоуровневым тестированием доступности» — практикой использования различных инструментов и подходов на разных этапах жизненного цикла цифрового продукта для раннего выявления проблем доступности — когда их проще и дешевле исправить.
Подробнее