/ 

Три плагина, которые сделают Single Page Application лучше

Ваши пользователи разные. У кого-то быстрый компьютер и интернет, а кто-то пользуется приложением из глуши со слабеньким 2G интернетом. Мы, разработчики, редко задумываемся об этом, ведь у нас сайт «летает».

Следующие три плагина улучшат приложение для пользователей с нестабильным или медленным интернетом и тех, кто пользуется телефоном для просмотра.

Pace.js

Плагин автоматически добавляет полосу загрузки для ресурсов и AJAX запросов. Помимо очевидного профита что пользователь видит процесс загрузки сайта, он так-же видит процесс загрузки AJAX запросов. Это особенно важно для пользователей с медленным интернетом. Так даже если вы забыли поставить свой индикатор загрузки для определенного действия Pace.js сделает это за вас.

Для angular есть модуль Angular Loading Bar.

Offline.js

Добавляет индикатор для пользователя если тот потерял интернет соединение. Считаю это безумно важным для сервисов связанных с финансами и другими важными данными.

Как только он увидит такое сообщение, он уже не будет «винить» ваш сервис, который не выполнил то, что он хотел. А просто проверит свой интернет.

К сожалению мой pull request с русификацией еще не приняли, вы можете забрать его из моего форка.

FastClick.js

Известная библиотека, которая уменьшает задержку в 300 мс между физическим тапом и обработкой клика в мобильных браузерах.

Все три библиотеки можно загружать асинхронно и после загрузки основного контента. Если вы хотите чтобы Pace.js показывал индикатор загрузки сайта, то его наоборот следует грузить первым.

⌘ ⌘ ⌘
Поделиться
Отправить
Фронтенд

Безопасное использование CDN для jQuery, Angular, Bootstrap и других библиотек

Безопасно загружаем JavaScript библиотеки из публичных CDN с fallback-ом на локальную библиотеку. Jquery, Angular JS, Bootstrap и другие.

Как называть переменные
Фронтенд

Как называть переменные

Мой взгляд на соглашения наименования переменных, функций, методов и классов

Плавный, нативный скрол
Фронтенд

Плавный, нативный скрол

Выкиньте лишние библиотеки для прокрутки внутри страницы

Адекватное подчеркивание ссылок
Фронтенд

Адекватное подчеркивание ссылок

Как исправить поведение text-decoration: underline