Дайджест свежих материалов из мира фронтенда за последнюю неделю №356 (11 — 17 марта 2019)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/css/311890

Ссылки в тексте:

[1] Медиа: #media

[2] Веб-разработка: #webdev

[3] CSS: #css

[4] Javascript: #js

[5] Браузеры: #browser

[6] Занимательное: #intresting

[7] Episode 9 — ClojureScript фронтенд: https://hardcode.fm/2019/03/17/episode009.html

[8] #87 Классы не нужны: https://soundcloud.com/frontend_u/e87

[9] «Всё идёт к фронтенду»: https://soundcloud.com/viruzzz-kun/vsyo-idyot-k-frontendu

[10] Сила и мощь веб-компонентов: https://tproger.ru/translations/web-components/

[11] Фронтенд без JavaScript: https://dev.to/winduptoy/a-javascript-free-frontend-2d3e?ref=heydesigner

[12] Планирование работы с отзывчивыми изображениями: https://css-tricks.com/planning-for-responsive-images/

[13] KV Storage: первый встроенный модуль в вебе: https://developers.google.com/web/updates/2019/03/kv-storage

[14] Предложение добавить поддержку для дифференциальной загрузки скриптов в обсуждении WHATWG на Github: https://github.com/whatwg/html/issues/4432

[15] Ускорить сайт с множеством картинок: руководство по отложенной загрузке изображений: https://vc.ru/design/61079-uskorit-sayt-s-mnozhestvom-kartinok-rukovodstvo-po-otlozhennoy-zagruzke-izobrazheniy

[16] Анонсированы Lite Pages for Chrome: более быстрая загрузка для пользователей *очень* медленных сетей.: https://blog.chromium.org/2019/03/chrome-lite-pages-for-faster-leaner.html

[17] Разбираемся в смысле Chrome Lite: https://timkadlec.com/remembers/2019-03-14-making-sense-of-chrome-lite-pages/

[18] Webpack на практике: с нуля до создания автотестов: https://tproger.ru/translations/webpack-from-zero-to-hero/

[19] Вышел Sublime Text 3.2, все еще быстрый, в новом релизе — интеграция с Git : https://scotch.io/bar-talk/sublime-text-32-is-out-git-integrated

[20] Как использовать Chrome в качестве IDE: https://www.telerik.com/blogs/how-to-use-chrome-as-an-ide

[21] Всё, что нужно знать про ARIA Live Regions: https://medium.com/web-standards/aria-live-regions-713f6a7813d3

[22] Accessibility insights: https://accessibilityinsights.io/

[23] Гибкий прелоадер с использованием единиц измерения em: https://habr.com/en/post/443292/

[24] WebP in CSS: https://github.com/ai/webp-in-css

[25] Как начать работу с CSS Grid: https://codepen.io/oliviale/post/get-started-css-grid

[26] Проектирование единиц для соотношения сторон в CSS: https://www.smashingmagazine.com/2019/03/aspect-ratio-unit-css/

[27] Отладка CSS — это сложно: http://iamvdo.me/en/blog/css-debugging-is-hard

[28] Выражения if и циклы в CSS: https://www.quirksmode.org/blog/archives/2019/03/if_statements_a.html

[29] Как манипулировать цветами CSS с помощью JavaScript: https://blog.logrocket.com/how-to-manipulate-css-colors-with-javascript-fb547113a1b8

[30] Редизайн наших документов — Часть 4. Создание масштабируемой архитектуры CSS: https://blog.algolia.com/redesigning-our-docs-part-4-building-a-scalable-css-architecture/

[31] Почему я не могу установить размер шрифта для посещенной ссылки?: https://jameshfisher.com/2019/03/08/why-cant-i-set-the-font-size-of-a-visited-link/

[32] Использование CSS-in-JS для стилизации пользовательских элементов: https://css-tricks.com/web-standards-meet-user-land-using-css-in-js-to-style-custom-elements/

[33] Начало работы с PostCSS в 2019: https://blog.logrocket.com/getting-started-with-postcss-in-2019-484262a4d725

[34] Эффектная анимация подчеркивания пунктов навигации в меню: https://codepen.io/bennettfeely/pen/MxOrLO

[35] Решаем задачу из интервью Google на JavaScript: 4 разных способа: https://habr.com/ru/company/skillbox/blog/443886/

[36] Node.js Foundation и JS Foundation объединились в OpenJS Foundation: https://www.linuxfoundation.org/press-release/2019/03/node-js-foundation-and-js-foundation-merge-to-form-openjs-foundation/

[37] Используете JavaScript? 6 способов просмотреть обработанный HTML: https://www.searchengines.ru/js-html.html

[38] Собеседование на должность JavaScript-разработчика: популярные задачи с разбором решений: https://tproger.ru/translations/common-javascript-interview-challenges/

[39] Апдейт по экспериментальным функциям в Node.js: https://nodesource.com/blog/experimental-features-in-node.js

[40] GraphQL in Depth: что, почему и как: https://ponyfoo.com/articles/graphql-in-depth-what-why-and-how

[41] Как я испортил свой JavaScript код и все еще выиграл Coding Challenge: https://tsh.io/blog/how-i-ruined-my-javascript-code-still-won-coding-challenge/

[42] JavaScript за 14 минут: https://jgthms.com/javascript-in-14-minutes/

[43] Понимаем замыкания в JavaScript. Раз и навсегда: https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%BD%D0%B8%D0%BC%D0%B0%D0%B5%D0%BC-%D0%B7%D0%B0%D0%BC%D1%8B%D0%BA%D0%B0%D0%BD%D0%B8%D1%8F-%D0%B2-javascript-%D1%80%D0%B0%D0%B7-%D0%B8-%D0%BD%D0%B0%D0%B2%D1%81%D0%B5%D0%B3%D0%B4%D0%B0-c211805b6898

[44] Когда «Zoë» !== «Zoë». Или почему вам необходимо нормализовать Unicode строки: https://withblue.ink/2019/03/11/why-you-need-to-normalize-unicode-strings.html

[45] 7 трюков с использованием spread и rest объектов в JavaScript: https://blog.bitsrc.io/6-tricks-with-resting-and-spreading-javascript-objects-68d585bdc83

[46] Преобразование функций обратных вызовов в промисы: https://www.telerik.com/blogs/converting-callbacks-to-promises

[47] VueJS: Немного о 3.0: https://www.youtube.com/watch?v=UuRgk1DUGdE

[48] Как заменить jQuery с помощью Vue: https://www.sitepoint.com/replace-jquery-vue/

[49] Как настроить интерфейс для поиска во Vue.js: https://medium.freecodecamp.org/how-to-set-up-responsive-ui-search-in-vue-js-bf6007b7fc0f

[50] Vue a11y: https://vue-a11y.com/

[51] Анализ и оптимизация React-приложений: https://habr.com/ru/company/ruvds/blog/442650/

[52] Документация React теперь доступна на русском языке: https://ru.reactjs.org/

[53] React Hooks: как начать и создать свои собственные: https://www.sitepoint.com/react-hooks/

[54] Добавление анимации в приложения React с помощью React-Lottie: https://scotch.io/tutorials/add-animations-to-react-apps-with-react-lottie

[55] Оптимальная файловая структура для приложений React: https://itnext.io/optimal-file-structure-for-react-applications-66287250b42

[56] Вам не нужен модный фремворк для использования GraphQL с React: https://edgecoders.com/you-dont-need-a-fancy-framework-to-use-graphql-with-react-b47b436626fb

[57] Автоматическое обновление лениво загруженных модулей для Ivy : https://blog.angularindepth.com/automatically-upgrade-lazy-loaded-angular-modules-for-ivy-e760872e6084

[58] Реализация выгрузки файла, используя Node и Angular: https://blog.jscrambler.com/implementing-file-upload-using-node-and-angular/

[59] Создание Angular и React приложений вместе с Nx: https://blog.nrwl.io/building-angular-and-react-applications-together-with-nx-78b5578de598

[60] Почему вы не должны использовать Moment.js...: https://inventi.studio/en/blog/why-you-shouldnt-use-moment-js

[61] promise-utils: похожие на lodash утилиты без зависимостей для нативных ES6 промисов : https://github.com/blend/promise-utils

[62] асинхронный параллельный/последовательный foreach в JavaScript: https://github.com/jfet97/asynchronousforeach

[63] lax.js: https://github.com/alexfoxy/laxxx

[64] Релиз web-браузера Chrome 73: http://opennet.ru/opennews/art.shtml?num=50308

[65] Почему Brave может стать достойной альтернативой Chrome: https://www.computerra.ru/235727/pochemu-brave-mozhet-stat-dostojnoj-alternativoj-chrome/

[66] Тёмный режим в браузере Chrome стал доступным на Mac: https://itc.ua/news/tyomnyiy-rezhim-v-brauzere-chrome-stal-dostupnyim-na-mac/

[67] Всемирной паутине исполнилось тридцать лет – что с ней будет дальше?: https://habr.com/en/post/443504/

[68] Искусственный интеллект и крипто – отделяем хайп от реальности: https://www.computerra.ru/235812/iskusstvennyj-intellekt-i-kripto-otdelyaem-hajp-ot-realnosti/

[69] Эфемерность — ложь. Почему шифрование не спасет вашу приватность: https://ain.ua/2019/03/14/efemernost-lozh/

[70] Lookout — приложение от Google, которое расскажет слепым и слабовидящим об окружающей обстановке: https://itc.ua/blogs/lookout-prilozhenie-ot-google-kotoroe-rasskazhet-slepyim-i-slabovidyashhim-ob-okruzhayushhey-obstanovke/

[71] Бывший разработчик Rambler создал веб-сервер, обогнал Microsoft на рынке и продал компанию за $670 млн: история Nginx: https://vc.ru/story/61140-byvshiy-razrabotchik-rambler-sozdal-veb-server-obognal-microsoft-na-rynke-i-prodal-kompaniyu-za-670-mln-istoriya-nginx

[72] Mozilla представила файлообменник Firefox Send: https://itc.ua/blogs/mozilla-predstavila-fayloobmennik-firefox-send/

[73] Пришло время прощаться. Мессенджер Google Allo прекратил работу, на очереди — Inbox: https://itc.ua/news/prishlo-vremya-proshhatsya-messendzher-google-allo-prekratit-rabotu-segodnya/

[74] GitHub меняет политику конфиденциальности и условия соблюдения санкций: http://www.opennet.ru/opennews/art.shtml?num=50326

[75] Дайджест за прошлую неделю: https://habr.com/ru/post/443216/

[76] dersmoll: http://habrahabr.ru/users/dersmoll/

[77] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[78] Источник: https://habr.com/ru/post/444116/?utm_campaign=444116

Нажмите здесь для печати.