FrontEndDev

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

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

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

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

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

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

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

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

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

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

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

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

Встречаем 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

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

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

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

Опять тоже самое? Если на сайте есть частопосещаемые страницы, содержимое которых не меняется каждую секунду, есть смысл подключить серверное кеширование, чтобы сократить нагрузку на сервер. Например, если вы делаете какой-нибудь посещаемый блог, главная страница которого содержит список из 50 публикаций с числом просмотров и комментариев каждой, то запросы к БД могут сильно нагрузить сервер, а рост числа посетителей может привести к увеличению времени загрузки сайта. Один из самых простых в настройке способов серверного кэширования — nginx proxy cache: https://bitbucket.org/snippets/OlegChulakovStudio/ae8gbz Когда веб-приложение сгенерирует страницу, nginx сохранит результат в указанной ему папке. Последующие запросы на этот же адрес не дойдут до приложения: пользователю будет передан сохраненный в кэше файл. За счет этого нагрузка на сервер может многократно снизиться.

Еще одна причина использовать noopener — глубокое погружение в распределение процесса рендеринга http://blog.scottlogic.com/2018/02/07/another-reason-to-use-noopener.html

Анонсирована функция удаления личной информации из URL-адреса в Firefox 59 https://tproger.ru/news/firefox-strip-referer/

Определены главные тренды 2018 года на GitHub-проекты https://tproger.ru/news/github-open-source-project-trends-for-2018/