Опять тоже самое?

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

Например, если вы делаете какой-нибудь посещаемый блог, главная страница которого содержит список из 50 публикаций с числом просмотров и комментариев каждой, то запросы к БД могут сильно нагрузить сервер, а рост числа посетителей может привести к увеличению времени загрузки сайта.

Один из самых простых в настройке способов серверного кэширования — nginx proxy cache:
https://bitbucket.org/snippets/OlegChulakovStudio/ae8gbz

Когда веб-приложение сгенерирует страницу, nginx сохранит результат в указанной ему папке. Последующие запросы на этот же адрес не дойдут до приложения: пользователю будет передан сохраненный в кэше файл. За счет этого нагрузка на сервер может многократно снизиться.

Использование конических градиентов и CSS переменных для создания круговой диаграммы для Range Input https://css-tricks.com/using-conic-gradients-css-variables-create-doughnut-chart-output-range-input/

Техники бесконечного скролла в React https://blog.logrocket.com/infinite-scroll-techniques-in-react-adcfd7ff32bd

Бесконечная лестница на CSS https://codepen.io/YusukeNakaya/full/rJxevm/

Встречаем PWA в Microsoft Edge и Windows 10 . Microsoft изложила стратегию по внедрению Progressive Web Apps https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/#02DIKfGjd6ylg9iF.97

Service workers: маленькие герои, стоящие за Progressive Web Apps https://medium.freecodecamp.org/service-workers-the-little-heroes-behind-progressive-web-apps-431cc22d0f16

hreftools — коллекция онлайновых веб-инструментов для ускорения вашей работы https://hreftools.com/

Как мы сделали загрузку наших страниц еще быстрее https://blog.cloudflare.com/making-page-load-even-faster/

Реализация Winamp2-js на JS https://jordaneldredge.com/projects/winamp2-js/

Упрощенные рекомендации по WCAG 2.1 https://www.ibm.com/blogs/age-and-ability/2018/02/08/simplifying-new-wcag-2-1-guidelines/

Использование параметров по умолчанию в ES6 https://css-tricks.com/using-default-parameters-es6/

Slice Revealer . Эффектная анимация полос слайдера https://tympanus.net/codrops/2018/02/06/slice-revealer/

Подкаст «Веб-стандарты», Выпуск №107: CSS на JS в Chrome, HTTPS и SEO, сервис-воркеры в Safari, маркетинг CSS, как провести и пройти собеседование. https://medium.com/web-standards/episode-107-77afc11b9d4e

JavaScript фреймворки в числах — зима 2018 https://javascriptreport.com/javascript-frameworks-by-the-numbers-winter-2018/

Вопросы по Accessibility для собеседования https://scottaohara.github.io/accessibility_interview_questions/

Как работает JS: веб-воркеры и пять сценариев их использования #js https://habrahabr.ru/company/ruvds/blog/348424/

Роутинг, бандлинг и ленивая загрузка на Webpack #webpack https://medium.com/web-standards/multiple-routes-webpack-19f71fa39090

Новый Context API в React #react https://medium.com/dailyjs/reacts-%EF%B8%8F-new-context-api-70c9fe01596b

Темизация сайтов с помощью CSS переменных #css https://codeburst.io/building-themed-sites-with-css-variables-25da57dec046

Обзор JavaScript тестирования в 2018 https://medium.com/welldone-software/an-overview-of-javascript-testing-in-2018-f68950900bc3

Web Bluetooth + PWA

Увлекаясь немного хардварным DIY, стало довольно инетересно узнать, что предлагает нам Web Bluetooth.
При первой попытке работы с BLE (Bluetooth Low Energy) все казалось довольно непонятным и сумбурным. Пришлось разобраться c основными понятиями:
- Peripherals
- Services
- Characteristics
Эти понятия будут нужны для подключения к BLE устройствам и общения с ними.

Web Bluetooth поддерживается, конечно, не везде, но в последних версиях Chrome его можно найти в navigator.bluetooth, предварительно включив Web Bluetooth через chrome://flags

Для тех, кому интересен опыт работы с Bluetooth из браузера - наш перевод статьи Uri Shaked: Начинаем разработку с Web Bluetooth и Progressive Web Apps
https://goo.gl/Fq3h5t