Дайджест свежих материалов из мира фронтенда за последнюю неделю №291 (27 ноября — 3 декабря 2017)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] FW #30 – Евгений Родионов о том, как из верстальщика стать директором по продуктам : https://soundcloud.com/frontend-weekend/fw-30

[8] Ночной фронтенд #13— Дарт, Полимер и велосипеды: https://medium.com/devschacht/nightly-13-4db432743844

[9] #28 React разрывает пуканы: https://soundcloud.com/frontend_u/e28

[10] #19 — «Пресвятой JavaScript»: https://spb-frontend.ru/podcast/19/

[11] «ALL YOUR HTML, Рисуем фото линиями в 3d, three.js»: https://www.youtube.com/watch?v=D2SRg5qh9oo

[12] Введение в тестирование фронтенда: http://www.creativebloq.com/how-to/an-introduction-to-frontend-testing

[13] Баги на продакшене — грязная дюжина самых популярных: https://blog.daftcode.pl/bugs-in-production-the-dirty-dozen-107afe278b94

[14] Как начать работать со статическими сайтами — обзор генераторов: https://blog.zipboard.co/how-to-start-with-static-sites-807b8ddfecc

[15] Чеклист фронтенда — это только инструмент… все зависит от вас : https://css-tricks.com/front-end-checklist-just-tool-everything-depends/

[16] Лучшие подкасты о веб-дизайне и веб-разработке: https://medium.com/level-up-web/best-podcasts-about-web-design-web-development-2f14d2519bc6

[17] Производительность как восприятие: восприятие времени: https://habrahabr.ru/company/jugru/blog/343484/

[18] Google не использует метрику TTFB в ранжировании: https://www.searchengines.ru/google-ttfb.html

[19] Лучший запрос — это отсутствие запросов. Пересмотр стратегии оптимизации под HTTP/2 : https://alistapart.com/article/the-best-request-is-no-request-revisited

[20] 23 инструмента для повышения производительности веб-сайтов : https://www.sitepoint.com/23-development-tools-boosting-website-performance/

[21] Советы по оптимизации производительности JavaScript : https://www.sitepoint.com/javascript-performance-optimization-tips-an-overview/

[22] Прогрессивная загрузка изображений с помощью Intersection Observer и SQIP Progressive : https://calendar.perfplanet.com/2017/progressive-image-loading-using-intersection-observer-and-sqip/

[23] HTTP/2 PUSH или HTTP Preload: https://dexecure.com/blog/http2-push-vs-http-preload/

[24] Анализ экономического влияния AMP на издателей и e-commerce: https://amphtml.wordpress.com/2017/11/29/the-total-economic-impact-of-amp-across-publishers-and-e-commerce/

[25] Разработка для безбраузерного веба (в контексте PWA) : https://www.smashingmagazine.com/2017/11/designing-for-a-browserless-web/

[26] Addy Osmani подробно о создании PWA для Pinterest и о существенном повышении производительности в связи с этим : https://medium.com/@addyosmani/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154

[27] Как (и зачем) использовать eslint на вашем проекте : https://medium.com/the-node-js-collection/why-and-how-to-use-eslint-in-your-project-742d0bc61ed7

[28] WebStorm 2017.3: улучшенная поддержка Vue.js, рефакторинг, новый REST клиент и прочее: https://blog.jetbrains.com/webstorm/2017/11/webstorm-2017-3/

[29] Что нужно знать о 2018-м: грядущие дедлайны соблюдения стандартов и этапы : https://www.essentialaccessibility.com/blog/upcoming-compliance-deadlines/

[30] Сначала доступность: переосмысление того, как мы подходим к дизайну и разработке сайтов: https://www.24a11y.com/2017/accessibility-first/

[31] Руководство по доступности веб-контента для людей, которые не читали об этом раньше: https://24ways.org/2017/wcag-for-people-who-havent-read-them/

[32] funkify: http://www.funkify.org/simulators/

[33] Еженедельная подборка красивых эффектов на CSS/SVG/JS #64: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-nacsssvgjs-64.html

[34] Анимация лейаутов с помощью техники FLIP : https://css-tricks.com/animating-layouts-with-the-flip-technique/

[35] Декоративный фон на WebGL : https://tympanus.net/codrops/2017/11/28/decorative-webgl-backgrounds/

[36] infinitown: http://demos.littleworkshop.fr/infinitown

[37] GLSL: Voronoi octave: https://codepen.io/shubniggurath/full/JOmyvN/

[38] Учим CSS Grid за 5 минут: https://habrahabr.ru/company/edison/blog/343614/

[39] О логике построения типографики и пропорций в V6 : http://v6.robweychert.com/blog/2017/11/v6-typography-proportions/

[40] Современная асинхронная загрузка CSS : https://www.filamentgroup.com/lab/async-css.html

[41] Инструменты для инлайнинга CSS, которые пригодятся при создании Email шаблона : https://blog.edmdesigner.com/css-inliner-tools-in-email/

[42] Использование feature queries (@supports) для каскада в веб-разработке : https://www.chenhuijing.com/blog/using-feature-queries-for-cascading-web-design/

[43] Как я воссоздал эффект хлопка на Medium, и что я понял из этого эксперимента : https://medium.freecodecamp.org/how-i-re-built-the-medium-clap-effect-and-what-i-got-out-of-the-experiment-991672995fdf

[44] Генерация вайрфреймов с контурами и диагоналями при помощи CSS и HTML : https://meyerweb.com/eric/thoughts/2017/11/27/generating-wireframe-boxes-with-css-and-html5/

[45] Гибкий контроль переполнения контейнеров с помощью флексов: http://kizu.ru/en/blog/flexible-overflow/

[46] Шрифтастическая производительность веба: https://vimeo.com/241111413

[47] пояснение свойства font-display для доклада: https://font-display.glitch.me/

[48] Как работает JS: особенности и сфера применения WebAssembly: https://habrahabr.ru/company/ruvds/blog/343568/

[49] Создание библиотеки компонентов с использованием Storybook: https://www.conductor.com/nightlight/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B1%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B8-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%BE%D0%B2-%D1%81-%D0%B8%D1%81/

[50] Путешествие в Fantasy-land: https://www.youtube.com/watch?v=3D4ChPUIqB4

[51] JSRobot — изучайте JavaScript, играя в игру : https://lab.reaal.me/jsrobot/

[52] Введение в спекулятивную оптимизацию в V8 : https://ponyfoo.com/articles/an-introduction-to-speculative-optimization-in-v8

[53] JavaScript хаки для ES6 хипстеров : https://hackernoon.com/javascript-hacks-for-es6-hipsters-67d633ce8ace

[54] Полный справочник по собеседованию Javascript разработчика: https://medium.freecodecamp.org/the-definitive-javascript-handbook-for-a-developer-interview-44ffc6aeb54e

[55] Реализация Сита Эратосфена в JavaScript: https://benmccormick.org/2017/11/28/sieveoferatosthenes/

[56] MobX vs Redux с React: вопросы и сравнение для новичка : https://codeburst.io/mobx-vs-redux-with-react-a-noobs-comparison-and-questions-382ba340be09

[57] Участие в ECMAScript: инструкция: https://github.com/tc39/ecma262/blob/master/CONTRIBUTING.md

[58] Приложение реального времени на Vue.js: https://habrahabr.ru/company/ruvds/blog/343374/

[59] madewithvuejs: https://madewithvuejs.com/

[60] Как понять Scoped slots во Vue.js : https://medium.com/js-dojo/getting-your-head-around-vue-js-scoped-slots-281bf82a1e4e

[61] vuetron: https://github.com/vuetwo/vuetron

[62] Отладка производительности React с помощью React 16 и Chrome Devtools.: https://building.calibreapp.com/debugging-react-performance-with-react-16-and-chrome-devtools-c90698a522ad

[63] Введение в React VR : https://www.dailydrip.com/blog/introduction-to-react-vr-at-dailydrip.html

[64] GiraffQL: https://www.giraffql.com/#/

[65] Представление React Food Truck — курируемый набор расширений для VS Code : https://burkeknowswords.com/introducing-react-food-truck-b23ea1e2cf79

[66] reactopt: https://github.com/reactopt/reactopt

[67] Использование нового HTTP клиента в Angular v4 : https://scotch.io/tutorials/using-angular-v4s-new-http-client

[68] telemachy: https://code-orange.github.io/telemachy/

[69] История ngUpgrade: миграция AngularJS приложения с версии 1.6 на Angular 4: https://medium.com/code-divoire/a-story-of-ngupgrade-bringing-an-angularjs-application-from-1-6-to-angular-4-84eae4434010

[70] Classily.js: https://www.silvestarbistrovic.from.hr/articles/classily-js-toggling-classes-more-classily/

[71] rapid.js: https://github.com/rapidjs/rapid.js

[72] superstruct: https://github.com/ianstormtaylor/superstruct

[73] В Firefox 58 будет запрещён прямой переход на URL «data:»: http://www.opennet.ru/opennews/art.shtml?num=47640

[74] Chrome 63 — что нового в DevTools: https://www.youtube.com/watch?v=Eyw_mwbABIQ&list=PLNYkxOF6rcIBDSojZWBv4QJNoT4GNYzQD&index=1

[75] Chrome 64 — что нового в DevTools: https://developers.google.com/web/updates/2017/11/devtools-release-notes

[76] Мобильный браузер Microsoft Edge стал доступен всем пользователям Android и iOS: https://itc.ua/news/mobilnyiy-brauzer-microsoft-edge-stal-dostupen-vsem-polzovatelyam-android-i-ios/

[77] Новый и улучшеный инспектор событий и CSS в Microsoft Edge DevTools : https://blogs.windows.com/msedgedev/2017/11/28/new-improved-event-css-inspection-microsoft-edge-devtools/

[78] Власть имиджбордов: Как 4chan стал рассадником насилия: http://www.wonderzine.com/wonderzine/life/life/231256-4-chan-vs-women

[79] Проект Mozilla выпустил открытую систему распознавания речи: http://www.opennet.ru/opennews/art.shtml?num=47648

[80] Объяснения по обновлениям алгоритмов Google: http://oddstyle.ru/veb-razrabotka/obyasneniya-po-obnovleniyam-algoritmov-google.html

[81] 24 Pull Requests: ежегодное мероприятие GitHub по развитию открытых проектов: https://tproger.ru/events/github-24-pull-requests/

[82] HDMI 2.1: новый стандарт, новый кабель: https://3dnews.ru/962166/#5a1dc7c8b4182eea408b4567

[83] Квантовые компьютеры и квантовый интернет сегодня и завтра: https://itc.ua/articles/kvantovyie-kompyuteryi-i-kvantovyiy-internet-segodnya-i-zavtra/

[84] Резкие взлёты и падения популярности технологий на Stack Overflow: https://tproger.ru/translations/stack-overflow-tag-statistics/

[85] Photoshop будет использовать ИИ для быстрого выделения объектов: https://keddr.com/2017/11/photoshop-budet-ispolzovat-ii-dlya-byistrogo-vyideleniya-obektov/

[86] Эрик Шмидт: медицина и наука – основные отрасли, где будет использоваться ИИ в ближайшем будущем: https://itc.ua/blogs/erik-shmidt-meditsina-i-nauka-osnovnyie-otrasli-gde-budet-ispolzovatsya-ii-v-blizhayshem-budushhem/

[87] Scripting Cyrillic: https://design.google/library/scripting-cyrillic/

[88] OWASP Top 10 — 2017 — десять наиболее критичных уязвимостей веб приложений: https://www.owasp.org/images/7/72/OWASP_Top_10-2017_%28en%29.pdf.pdf

[89] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/343238/

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

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

[92] Источник: https://habrahabr.ru/post/343806/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

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