От автора: в Интернете множество замечательных инструментов, которые облегчают нашу жизнь как веб-разработчикам. В этой статье я кратко расскажу о 11 инструментах, которые я часто использую в своей работе. 1. CanIUse Случалось ли с вами, что вы были не уверены, будет ли веб-API совместим с определенным браузером или будет ли он доступен в мобильных браузерах? Этот онлайн-инструмент позволяет легко протестировать ...

От автора: данное видео будет довольно специфичным, поскольку в нем вы не найдете ни строчки кода. В уроке вы найдете пару инструментов для работы с фотографиями. Это могут быть ваши личные фотографии, которые вы хотите обработать и удалить из них ненужный фон, или же это могут быть изображения для сайта, фон из которых также хотелось бы удалить. Предлагаемые в видео ...

От автора: WordPress очень популярен. Так почему бы сайту на WordPress не рассмотреть возможность перехода на JAMstack? В этом посте мы рассмотрим, как выглядит миграция с WordPress, используя, в качестве примера, сам Smashing Magazine! Мы поговорим о плюсах и минусах, о вещах, которые мы хотели бы знать заранее, и о том, что нас удивило. Каждый раз, когда разработчики говорят о ...

От автора: если вы пользователь VSCode и любите разрабатывать проекты React, то вы, вероятно, много раз имели дело с раздражающим повторяющимся кодом, таким как React.useState, React.useContext, React.useReducer(reducer, initialState), и так далее. Эти отдельные клавиши разбросаны в разных направлениях на клавиатуре, и это может раздражать, когда наши бедные пальцы набирают эти символы снова и снова во всех проектах React. Если вы ...

От автора: BEM — это действительно отличная концепция, поскольку она решает реальную проблему эффективным образом. В его основе прекрасные идеи, но, к сожалению, он не очень элегантный. Воспринимая его, как соглашение именования классов CSS, вы можете многому научиться у BEM, как структурировать пользовательские интерфейсы, даже если вы не используете CSS для стилизации. Это то, что мне нравится в нем, так ...

От автора: Google Fonts легко включить, но они могут оказать существенное влияние на время загрузки страницы. Давайте рассмотрим, как мы можем загрузить на сайт шрифты Google Fonts оптимальным способом. Стоит отметить, что Google Fonts очень популярны. На момент написания статьи, их просмотрели в Интернете более 29 триллионов раз, и легко понять, почему — коллекция предоставляет доступ к более чем 900 ...

От автора: прогрессивное веб-приложение, также известное как PWA — это лучший способ для разработчиков ускорить загрузку веб-приложений и повысить их производительность. Вкратце, PWA — это веб-сайты, которые используют последние веб-стандарты для установки на компьютер или устройство пользователя. Они предоставляют пользователям опыт в стиле приложений. Самый известный пример Twitter, который недавно запустил mobile.twitter.com как PWA, созданное с помощью React и Node.js. ...

От автора: в предыдущем посте мы рассмотрели важность Веб-доступности и упомянули The WebAIM Million — проведенный WebAIM анализ текущего состояния веб-доступности 1 миллиона популярных страниц. Результаты оказались удручающими: на главных страницах проанализированных сайтов в среднем был обнаружено почти по 60 ошибок, а процент чистых сайтов составлял менее 3%. Большинство ошибок можно было сгруппировать в несколько категорий. Из 59,6 миллионов ошибок ...

От автора: одна вещь, которую вы можете сделать для улучшения доступности вашего проекта — это всегда обеспечивать доступность имен. Уникальные и полезные имена, в идеале, чтобы их можно было использовать для навигации. В этом посте я объясню, как браузеры выбирают имена для ссылок, полей форм, таблиц и групп форм. Дерево доступности Когда пользователь заходит на ваш сайт, сервер отправляет в ...

От автора: виртуальные клавиатуры потрясающи. Используй их. Один из самых простых, дешевых, быстрых и эффективных способов улучшить мобильный опыт — использовать правильный тип элемента ввода. Это сэкономит пользователю десятки раздражающих касаний, и все, что ему нужно будет сделать, это нажать несколько клавиш. Это не изменит ужасного мобильного опыта, но может определить разницу между хорошим и прекрасным. Есть десятки типов элементов ...