Главная » Архив меток: сайтостроение

Архив меток: сайтостроение

11 полезных онлайн-инструментов для frontend разработчиков

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

Читать далее »

Инструменты удаления фона для фотографий

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

Читать далее »

Как Smashing Magazine управляет контентом: переход с WordPress на JAMstack

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

Читать далее »

10 приемов работы с VSCode, которые помогут ускорить процесс разработки React

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

Читать далее »

Подход к BEM как к философии пользовательского интерфейса, а не соглашению об именах CSS

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

Читать далее »

Как загрузить на сайт шрифты Google Fonts без ущерба для производительности

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

Читать далее »

Все, что вам нужно знать о Прогрессивных веб-приложениях (PWA)

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

Читать далее »

Исправьте 85% проблем с доступностью веб-сайтов с помощью 5 простых шагов

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

Читать далее »

Именование для улучшения доступности

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

Читать далее »

Типы виртуальных клавиатур для телефонов и прочих мобильных гаджетов

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

Читать далее »