Дайджест свежих материалов из мира фронтенда за последнюю неделю №289 (13 — 19 ноября 2017)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Ночной фронтенд #11 — Как не утонуть в пул-реквестах: https://medium.com/devschacht/nightly-11-7dc5e9f2bce7

[8] #27 Почему Дэн Абрамов не пользуется Firefox: https://soundcloud.com/frontend_u/e27

[9] Выпуск #17 — «Как выйти из вима?»: https://spb-frontend.ru/podcast/17/

[10] «Лендинг с полноэкранным скроллом и анимациями на PubSub»: https://www.youtube.com/watch?v=SmaeS_U366M

[11] CSSSR Conf 2017: https://www.youtube.com/playlist?list=PLLtDv0NfxtZyzU5S-StmFBr18TxMN0NEY

[12] NodeConfEU 2017, 29 видео: https://www.youtube.com/playlist?list=PL0CdgOSSGlBaxNkrUIHrhd1f3ch45f66_#nodeconfeu2017

[13] Все основные браузеры теперь поддерживают WebAssembly: https://tproger.ru/news/all-browsers-support-webassembly/

[14] Редактор кода Atom получил функцию для параллельного программирования Teletype: https://tproger.ru/news/atom-teletype/

[15] Microsoft представила технологию для парного программирования Live Share: https://tproger.ru/news/visual-studio-live-share/

[16] В W3C опубликовали стратегические планы развития: https://www.w3.org/2017/11/w3c-highlights/

[17] Первый взгляд на Polymer 3.0: http://blog.scottlogic.com/2017/11/10/first-look-at-polymer-3.0.html

[18] Как использовать SVG в качестве плейсхолдера, а также о других техниках загрузки изображений: https://medium.freecodecamp.org/using-svg-as-placeholders-more-image-loading-techniques-bed1b810ab2c

[19] Полное руководство по пуленепробиваемым кнопкам в рассылочных письмах: https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design

[20] Метрики загрузки страницы: https://medium.com/web-standards/performance-metrics-ff23c213164e

[21] О минификации SVG и Gzip: https://medium.com/@subzey/of-svg-minification-and-gzip-21cd26a5d007

[22] 120fps — новая планка производительности на 2018 : https://dassur.ma/things/120fps/

[23] Почему вам следует отдать приоритет PageSpeed при обсуждении нового сайта с клиентом: https://speckyboy.com/prioritize-pagespeed/

[24] Как оптимизировать критический путь рендеринга в WordPress: https://kinsta.com/blog/critical-rendering-path/

[25] 8 менее известных (но полезных) плагинов для повышения производительности в WordPress: https://kinsta.com/blog/wordpress-performance-plugins/

[26] Масштабирование текста больше не актуально?: https://alastairc.ac/2017/11/is-text-sizing-dead/

[27] Инклюзивный чеклист по веб-дизайну: https://github.com/Heydon/inclusive-design-checklist/

[28] Как правильно отключать ссылки?: https://css-tricks.com/how-to-disable-links/

[29] ADA Website Compliance: Руководство для новичков: https://www.zfort.com/blog/ada-website-compliance

[30] Доступные веб-приложения с помощью React, TypeScript и AllyJS: https://css-tricks.com/accessible-web-apps-react-typescript-allyjs/

[31] Насколько ваш сайт доступен для людей с ограниченными возможностями? Рассмотрите возможность проведения аудита, чтобы узнать: https://www.poynter.org/news/how-accessible-your-website-disabled-consider-doing-audit-find-out

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

[33] Анимированный слайдер с креативными рамками на SVG: https://tympanus.net/codrops/2017/11/15/animated-svg-frame-slideshow/

[34] Стильная велосипедная анимация с помощью gsap svg stroke: https://codepen.io/alaricweb/pen/vWxPyp

[35] Секвенсор сканирования Javascript.: https://experiments.withgoogle.com/chrome/scan-sequencer

[36] Применение медиавыражений для пропорций окна браузера: http://css-live.ru/articles/primenenie-mediavyrazhenij-dlya-proporcij-okna-brauzera.html

[37] «Запашки» CSS-кода: http://css-live.ru/articles/zapashki-css-koda.html

[38] Эрик Мейер о снижении сложности CSS: http://meyerweb.com/eric/thoughts/2017/11/14/declining-complexity-in-css/

[39] После многих лет неактивности, Эрик Мейер обновил свой таймлайн CSS модулей: https://meyerweb.com/eric/css/timelines/

[40] Как использовать CSS градиенты в вебе: https://webdesign.tutsplus.com/tutorials/how-to-use-gradients-on-the-web--cms-29922

[41] Переменные окружения в CSS; как бороться с программной рамкой в iPhone X: https://benfrain.com/css-environment-variables-iphonex/

[42] Берем скролл под свой контроль: кастомизация pull-to-refresh и overflow эффекты: https://developers.google.com/web/updates/2017/11/overscroll-behavior

[43] CSS трюки, которые могут принести революцию в ваши лейауты: http://www.creativebloq.com/features/css-tricks-to-revolutionise-your-layouts

[44] Мониторинг неиспользуемого CSS с помощью мощностей протокола DevTools: http://blog.cowchimp.com/monitoring-unused-css-by-unleashing-the-devtools-protocol/

[45] Начинаем разбираться с математическими функциями в CSS Level 4: https://webdesign.tutsplus.com/tutorials/mathematical-expressions-calc-min-and-max--cms-29735

[46] Соотношение сторон для элементов гридов: https://css-tricks.com/aspect-ratios-grid-items/

[47] Использование CSS Grid: поддержка браузеров без гридов: https://www.smashingmagazine.com/2017/11/css-grid-supporting-browsers-without-grid/

[48] JavaScript: путь к ясности кода: https://habrahabr.ru/company/ruvds/blog/342404/.com%5Bperevod%5D-javascript-put-k-yasnosti-kod

[49] Draft.js — фреймворк для создания текстовых редакторов от Facebook: https://medium.com/factorymn/draft-js-%D1%84%D1%80%D0%B5%D0%B9%D0%BC%D0%B2%D0%BE%D1%80%D0%BA-%D0%B4%D0%BB%D1%8F-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D1%85-%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80%D0%BE%D0%B2-%D0%BE%D1%82-facebook-ea8e9102aa1

[50] Генерация HTTP-запросов: https://medium.com/web-standards/fetch-vs-axios-js-%D0%B4%D0%BB%D1%8F-%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D0%B8-http-%D0%B7%D0%B0%D0%BF%D1%80%D0%BE%D1%81%D0%BE%D0%B2-41206a4c0060

[51] Паттерны проектирования JavaScript на 2017 год: https://www.youtube.com/watch?v=GjtfXIaQq7g

[52] GraphQL — API по-новому: https://www.youtube.com/watch?v=ljkjTAcE1xM

[53] Бюджет JavaScript (стоимость доставки и производительности): https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e

[54] Неплохая подборка шпаргалок и справочных руководств для JavaScript: https://speckyboy.com/javascript-cheatsheets/

[55] Символы, Генераторы и потоки в JavaScript : https://medium.com/front-end-hacking/javascript-symbols-generators-and-streams-1f6ef0fb1fdc

[56] Обзорная лекция по основным возможностям ES2017+: http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/

[57] Начни использование Babel 7 Beta уже сегодня!: https://medium.com/@jdolle/babel-7-beta-instructions-aed5cf17048b

[58] Vue Konva: JavaScript библиотека для рисования сложной канвас графики с помощью Vue: https://vuejsfeed.com/blog/vue-konva-a-javascript-library-for-drawing-complex-canvas-graphics-using-vue

[59] Разработка расширения для Google Chrome с использованием Angular 4: https://www.red-gate.com/simple-talk/dotnet/software-tools/developing-google-chrome-extension-using-angular-4/

[60] Как работает Redux на примере создания счетчика: https://daveceddia.com/how-does-redux-work/

[61] Стартовый набор разработки WordPress + React Starter Kit от Postlight: https://trackchanges.postlight.com/introducing-postlights-wordpress-react-starter-kit-a61e2633c48c

[62] Хотите узнать больше о React? Давайте создадим игру и сыграем в нее: https://medium.freecodecamp.org/do-you-want-to-learn-more-about-react-lets-build-and-then-play-a-game-218e0da5be44

[63] Чистый код vs. грязный код: лучшие практики React : http://americanexpress.io/clean-code-dirty-code/

[64] Все, что вы должны знать о React: основы, которые вам нужны для начала разработки: https://medium.freecodecamp.org/everything-you-need-to-know-about-react-eaedf53238c4

[65] Быстрое руководство по Webpack бандлу и разделении кода в React: https://blog.logrocket.com/quick-guide-to-webpack-bundle-and-code-splitting-with-react-43d1045f1064

[66] Миграция приложений с Angular 1.x на React  — гибридный путь: https://medium.com/walmartlabs/migrating-angular-1-x-apps-to-react-the-hybrid-way-3267ccf33755

[67] Luxon: https://moment.github.io/luxon/

[68] ECharts: https://github.com/ecomfe/echarts

[69] react-scroll-to: https://github.com/ganderzz/react-scroll-to

[70] Релиз remoteStorage.js 1.0.0 (для синхронизации локальных данных): https://community.remotestorage.io/t/remotestorage-js-1-0-0-released/414

[71] Выпуск Firefox 57 с многопоточным CSS-движком и новым оформлением: http://www.opennet.ru/opennews/art.shtml?num=47568

[72] Детали для разработчиков от Марата Таналина: http://tanalin.com/blog/2017/11/firefox-57/

[73] Вход в эру Quantum — как Firefox стал опять быстрым и когда он будет еще быстрее: https://hacks.mozilla.org/2017/11/entering-the-quantum-era-how-firefox-got-fast-again-and-where-its-going-to-get-faster/

[74] Супер-стабильный опыт WebVR благодаря Firefox Quantum: https://hacks.mozilla.org/2017/11/a-super-stable-webvr-user-experience-thanks-to-firefox-quantum/

[75] Действительно ли Firefox Quantum хорош?: https://www.webdesignerdepot.com/2017/11/is-firefox-quantum-really-any-good/

[76] Firefox будет блокировать все ссылки вида data:URI: https://tproger.ru/news/firefox-blocks-data-uri/

[77] Google готов раскошелиться, чтобы вернуть свой поисковик в Firefox: http://gagadget.com/29846-google-gotov-raskoshelitsya-chtobyi-vernut-svoj-poiskovik-v-firefox/

[78] Google удалила китайский UC Browser из магазина приложений для Android: https://vc.ru/29134-google-udalila-kitayskiy-uc-browser-iz-magazina-prilozheniy-dlya-android

[79] Детали релиза Safari Technology Preview 44: https://webkit.org/blog/8035/release-notes-for-safari-technology-preview-44/

[80] Вышел WordPress 4.9 с крупными улучшениями кастомайзера, обновленным редактором кода, а также новым виджетом для галерей: http://oddstyle.ru/wordpress-2/novosti-wordpress/vyshel-wordpress-4-9-s-krupnymi-uluchsheniyami-kastomajzera-obnovlennym-redaktorom-koda-a-takzhe-novym-vidzhetom-dlya-galerej.html

[81] Google начнёт требовать соответствия контента AMP и канонических страниц: https://www.searchengines.ru/amp-canonical-match.html

[82] Видео дня: робот Boston Dynamics Atlas делает обратное сальто: https://3dnews.ru/961678/

[83] Специалисты Google назвали фишинг самым опасным видом атак: https://xakep.ru/2017/11/13/google-about-phishing/

[84] Тим Бернерс-Ли о будущем интернета: «Система проваливается»: https://ain.ua/2017/11/18/berners-lee-internet

[85] ПО Google TensorFlow Lite позволит запускать алгоритмы ИИ на обычных смартфонах: https://itc.ua/news/po-google-tensorflow-lite-pozvolit-zapuskat-algoritmyi-ii-na-obyichnyih-smartfonah/

[86] GitHub внедрит инструмент GVFS от Microsoft для поддержки объёмных проектов: https://tproger.ru/news/github-adds-gvfs/

[87] IEEE объявил о введении 3 стандартов ИИ, обеспечивающих благополучие человечества в эпоху роботов: https://tproger.ru/news/ieee-3-standarts-of-ai/

[88] Не такой, как все: чем Snapchat отличается от других стартапов Кремниевой долины, и поможет ли это ему выжить: https://ain.ua/2017/11/19/chem-snapchat-otlichaetsya

[89] Оптические эффекты в пользовательских интерфейсов (для настоящих ботанов): https://medium.muz.li/optical-effects-9fca82b4cd9a

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

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

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

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

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