Дайджест свежих материалов из мира фронтенда за последнюю неделю №328 (20 — 26 августа 2018)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Еженедельный подкаст «Недельный Vue», выпуск 1.: https://soundcloud.com/dmitry-zlygin/weekly-vue-1

[8] #44 — Из жизни одного middle разработчика: https://soundcloud.com/5minreact/44-middle-developer-day

[9] #47: Тестируй как дядя Боб: https://medium.com/devschacht/podcast-47-a3f2de4c5d9c

[10] Интервью с руководителем ШРИ Сергеем Бережным: https://www.youtube.com/watch?v=3mclrk5wwMM

[11] ChernivtsiJS 2018 — June 23, 2018: https://www.youtube.com/playlist?list=PLt-pAIa9BS41XDcHK49CwzkOjEDB6eJ7q

[12] Введение в программирование шейдеров для верстальщиков: https://habr.com/post/420847/

[13] Микросервисный фронтенд — современный подход к разделению фронта: https://habr.com/company/netcracker/blog/420753/

[14] Web Payments, Payment Request API и Google Pay: https://medium.com/dev-channel/web-payments-payment-request-api-and-google-pay-a1073e405235

[15] Создание AR/VR с помощью Javascript и HTML: https://blog.halolabs.io/building-ar-vr-with-javascript-and-html-97af4434bcf6

[16] Быстрое введение в веб-безопасность: https://medium.freecodecamp.org/a-quick-introduction-to-web-security-f90beaf4dd41

[17] Обзор популярных статических генераторов сайтов: https://www.toptal.com/front-end/static-site-generators-comparison-2018

[18] Новые инструкции по доступности в WCAG 2.1: http://csskarma.com/blog/new-accessibility-guidelines-with-wcag-2-1/

[19] Советы по улучшению производительности CSS и JS анимаций: https://www.keycdn.com/blog/animation-performance/

[20] Руководство по использованию webpagetest: https://frontendnews.io/editions/2018-08-22-a-brief-guide-to-webpagetest

[21] Как мы вошли в топ 3 самых быстрых e-commerce сайтов: https://medium.com/idealo-tech-blog/how-we-got-into-the-top-3-of-the-fastest-e-commerce-websites-62cb8dafad05

[22] Погружение в веб-производительность по версии Google I/O 2018: https://developers.google.com/web/updates/2018/08/web-performance-made-easy

[23] Глубокое погружение в веб-производительность в 2018: https://www.youtube.com/watch?v=1sxWrTACUO4

[24] Профессиональные советы по использованию Visual Studio Code для достижения наибольшей производительности в 2018: https://medium.com/@i_AnkurBiswas/pro-tips-for-visual-studio-code-to-be-productive-in-2018-d5252e914561

[25] SVG 3D Builder: https://github.com/captainwz/svg-3d-builder

[26] SVG Filters Playground: https://yoksel.github.io/svg-filters/#/

[27] Codepen-подборка CSS/SVG эффектов для текста в вебе: https://codepen.io/nokiss/pens/public/

[28] Подборка креативных анимацией для «гамбургер»-меню: https://codepen.io/ainalem/details/LJYRxz/

[29] Кастомный подход для нормализации и сброса стилей (custom-reset.css): https://habr.com/post/420539/

[30] Решено с помощью CSS! Логическая стилизация на основе числа элементов: http://css-live.ru/articles/resheno-s-pomoshhyu-css-logicheskaya-stilizaciya-na-osnove-chisla-elementov.html

[31] Пишем CSS лучше и красивее: https://medium.com/webbdev/%D0%BF%D0%B8%D1%88%D0%B5%D0%BC-css-%D0%BB%D1%83%D1%87%D1%88%D0%B5-%D0%B8-%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D0%B5%D0%B5-1916c87cd51e

[32] Использование функции определения поддержки для написания кроссбраузерного CSS: https://css-tricks.com/using-feature-detection-to-write-css-with-cross-browser-support/

[33] Стандарт для нестандартного: http://css-live.ru/articles-css/standart-dlya-nestandartnogo.html

[34] Иногда они возвращаются: псевдоэлементы с префиксом -webkit- станут валидными в Firefox: http://css-live.ru/vecssti-s-polej/inogda-oni-vozvrashhayutsya-psevdoelementy-s-prefiksom-webkit-stanut-validnymi-v-firefox.html

[35] ::before vs :before: https://css-tricks.com/to-double-colon-or-not-do-double-colon/

[36] Несколько слов о градиентах: https://habr.com/post/421149/

[37] Отзывчивые изображения: CSS-приёмы, которые помогают экономить время: https://habr.com/company/ruvds/blog/420619/

[38] Использование CSS Clip Path для создания интерактивных эффектов, часть 2: https://css-tricks.com/using-css-clip-path-to-create-interactive-effects-part-ii/

[39] Использование background-attachment CSS для создания прилипающей фоновой рекламы в iFrame: https://www.bennadel.com/blog/3486-using-background-attachment-css-to-create-a-sticky-iframe-advertising-background-in-javascript.htm

[40] Реальные примеры использования CSS с SVG: https://www.sitepoint.com/real-world-use-of-css-with-svg/

[41] Продвинутные эффекты с помощью режимов смешения фонов в CSS : https://blog.logrocket.com/advanced-effects-with-css-background-blend-modes-4b750198522a

[42] Всё, что нужно знать о выравнивании во Flexbox: https://habr.com/post/420935/

[43] Преимущества использования CSS Grid для раскладок веб-форм: https://www.sitepoint.com/css-grid-web-form-layout/

[44] Исследование вариативных шрифтов: https://blog.prototypr.io/an-exploration-of-variable-fonts-37f85a91a048

[45] Вариативные шрифты и дислексия: http://adrianroselli.com/2018/08/variable-fonts-and-dyslexia.html

[46] CSS и PWA: некоторые советы по созданию прогрессивных веб приложений: https://www.sitepoint.com/pwa-css-considerations/

[47] Инструменты оптимизации CSS для ускорения прогрессивных веб приложений: https://www.sitepoint.com/css-optimization-boosting-pwa-performance/

[48] TypeScript 3.0: https://habr.com/company/microsoft/blog/420761/

[49] Веб-приложения и серверы, работающие с JavaScript, уязвимы перед атаками ReDoS: https://xakep.ru/2018/08/22/redos/

[50] Топ 33 JavaScript проектов на GitHub: https://itnext.io/top-33-javascript-projects-on-github-ad9d1dc822f7

[51] Чеклист для написания компонентов повторного использования в React и Vue: https://hackernoon.com/checklist-for-writing-highly-reusable-components-in-react-and-vue-531f963864bd

[52] Создание живого графика на D3.js: https://pusher.com/tutorials/live-graph-d3

[53] Пример Javascript Fetch API, руководство с нуля: https://appdividend.com/2018/08/20/javascript-fetch-api-example-tutorial/

[54] Создание простого генератора статических сайтов с Node.js: https://blog.hailstone.io/why-context-matters-for-nodejs-template-engines/

[55] Первые шаги с TensorFlow.js: https://aralroca.com/2018/08/24/first-steps-with-tensorflow-js/

[56] JavaScript: исследование объектов: https://habr.com/company/ruvds/blog/420615/

[57] Повышаем уровень владения методом работы с массивами filter: https://css-tricks.com/level-up-your-filter-game/

[58] Сложные числа в JavaScript: https://beta.observablehq.com/@mateogianolio/complex-numbers-in-javascript

[59] Итераторы и генераторы занимают свое место в современном JavaScript: https://itnext.io/iterators-and-generators-do-have-a-place-in-modern-javascript-d4cb589b491

[60] Асинхронная рекурсия: обещания, удивления, но, прежде всего, путаница: https://medium.com/@_m1010j_/async-recursion-promising-surprising-but-foremost-confusing-5e13aa8bbc06

[61] Состояние Vue.js в 2018: https://naturaily.com/blog/vue-js-2018

[62] Создание SEO-Friendly SPA на Vue.js с помощью Prerender, а также советы: https://snipcart.com/blog/vue-js-seo-prerender-example

[63] JS-разработчик бросает вызов Google и Facebook: https://www.wired.com/story/the-solo-javascript-developer-challenging-google-facebook/

[64] Обработка тач-событий с помощью VueJs: https://lisilinhart.info/posts/touch-interaction-vue/

[65] Kotlin + React vs Javasript + React: https://habr.com/post/418553/

[66] Руководство по React Autocomplete с примером: https://appdividend.com/2018/08/23/react-autocomplete-example-tutorial/

[67] Полное руководство по props в React: https://blog.logrocket.com/a-complete-guide-to-default-props-in-react-984ea8e6972d

[68] Свойства Angular v6, которые меняют правила игры: https://scotch.io/bar-talk/game-changing-features-of-angular-v6

[69] Создание оптимизированного для поисковиков PWA на Angular — часть 1: https://blog.bitsrc.io/building-a-search-engine-optimized-pwa-with-angular-part-1-237ec0dc888e

[70] Как создать архитектуру плагина/расширяемого приложения на Angular5+: https://medium.com/@ionescupaul/how-to-build-a-plugin-extensible-application-architecture-in-angular5-736890278f3f

[71] size-plugin : https://github.com/GoogleChromeLabs/size-plugin

[72] WorkerDOM: https://github.com/ampproject/worker-dom

[73] Mozilla объявила об удалении устаревших дополнений Firefox: https://tproger.ru/news/firefox-add-ons-remove/

[74] Грядущее обновление Google Chrome 69 принесет радикально новый дизайн браузера: https://itc.ua/news/gryadushhee-obnovlenie-google-chrome-69-prineset-radikalno-novyiy-dizayn-brauzera/

[75] В Firefox 62 планируют активировать системное дополнение Firefox Monitor: http://www.opennet.ru/opennews/art.shtml?num=49186

[76] Chrome для Android может начать отключение JavaScript на 2G соединении: https://www.androidpolice.com/2018/08/23/chrome-android-may-start-disabling-javascript-2g-connections/

[77] Яндекс отменяет тИЦ и вводит новый показатель качества сайта: https://www.searchengines.ru/yandeks-otmenyaet-tits.html

[78] Программисты шутят. Не пора ли запретить?: https://www.computerra.ru/230601/programmisty-shutyat-ne-pora-li-zapretit/

[79] Европейский союз запретит производство галогенных ламп с 1 сентября: https://itc.ua/blogs/evropeyskiy-soyuz-zapretit-proizvodstvo-galogennyih-lamp-s-1-sentyabrya/

[80] Windows 95 портировали на Electron : https://habr.com/post/421169/

[81] Ядру Linux исполнилось 27 лет: http://www.opennet.ru/opennews/art.shtml?num=49181

[82] Как закалялась мышь: эволюция игровой периферии: http://4pda.ru/2018/08/25/353125/

[83] OG стала чемпионом The International 2018: https://www.cybersport.ru/news/OG-stala-chempionom-the-international-2018/

[84] Дайджест за прошлую неделю: https://habr.com/company/zfort/blog/420609/

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

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

[87] Источник: https://habr.com/post/421339/?utm_source=habrahabr&utm_medium=rss&utm_campaign=421339

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