Дайджест свежих материалов из мира фронтенда за последнюю неделю №233 (17 — 23 октября 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Новости и занимательное: #intresting

[6] Подкаст Веб-стандарты, Выпуск №38:: https://soundcloud.com/web-standards/episode-38

[7] Новая дефолтная WordPress тема Twenty Seventeen была внесена в релиз 4.7: http://oddstyle.ru/wordpress-2/novosti-wordpress/novaya-defoltnaya-wordpress-tema-twenty-seventeen-byla-vnesena-v-reliz-4-7.html

[8] который будет поставляться вместе с инфраструктурой, взятой от плагина Customize Snapshots: http://oddstyle.ru/wordpress-2/novosti-wordpress/wordpress-4-7-budet-postavlyatsya-vmeste-s-infrastrukturoj-vzyatoj-ot-plagina-customize-snapshots.html

[9] Архитектура фронтенда, часть 1: структура файлов: https://medium.com/etch-stories/front-end-architecture-part-1-file-structure-74bc2806fc4

[10] Yarn или npm: все, что вам нужно знать о них: http://prgssr.ru/development/yarn-ili-npm-vse-chto-vam-nuzhno-znat.html

[11] Node.js v6 переходит в ветку LTS: https://medium.com/@nodejs/node-js-v6-transitions-to-lts-be7f18c17159

[12] Миграция на Webpack 2: http://javascriptplayground.com/blog/2016/10/moving-to-webpack-2/

[13] Прогрессивные Веб-приложения: преодоление разрыва между вебом и мобильными устройствами : https://www.sitepoint.com/progressive-web-apps-bridging-the-gap-between-web-and-mobile/

[14] «Мгновенная загрузка» с IndexedDB: https://bitsofco.de/bitsofcode-pwa-part-2-instant-loading-with-indexeddb/

[15] Измеряем прогрессивное веб-приложение Washington Post: https://cloudfour.com/thinks/measuring-the-washington-posts-progressive-web-app/

[16] Чеклист мобильной веб-производительности: https://www.oreilly.com/ideas/mobile-web-performance-checklist

[17] Оптимизация задержек — советы по оптимальной производительности от keycdn: https://www.keycdn.com/blog/latency-optimization/

[18] Ускорь свои сайты с помощью HTTP/2: https://medium.com/@WebdesignerDepot/speed-up-your-sites-with-http-2-f6ee33cef6bd

[19] Создание сайта для мониторинга производительности: https://css-tricks.com/building-website-performance-monitor/

[20] Введение в Web Share API: https://developers.google.com/web/updates/2016/10/navigator-share

[21] Когда пробелы имеют значение в HTML: https://medium.com/@patrickbrosset/when-does-white-space-matter-in-html-b90e8a7cdd33

[22] Какой доктайп следует использовать для шаблонов писем: https://emails.hteumeuleu.com/which-doctype-should-you-use-in-html-emails-cd323fdb793c

[23] Pulp: http://pulp.glitchpack.com/

[24] Понимание параметра viewBox в SVG: https://thenewcode.com/1151/Understanding-the-SVG-viewBox

[25] Средняя веб-страница: https://www.advancedwebranking.com/html/

[26] WebVR и будущее сайтов: https://www.robertroose.com/blogs/webvr-and-future-websites

[27] Используем веб-технологии для создания эффекта «потяни чтоб обновить»: https://manu.ninja/using-web-technologies-for-a-pull-to-refresh-animation

[28] Креативный эффект анимации для букв при смене слов: http://tympanus.net/codrops/2016/10/18/inspiration-for-letter-effects/

[29] Условия для CSS-переменных: http://kizu.ru/fun/conditions-for-css-variables/

[30] “Dot Leaders” или “Точки между словами” на CSS: https://medium.com/@inomdzhon/dot-leaders-%D0%B8%D0%BB%D0%B8-%D1%82%D0%BE%D1%87%D0%BA%D0%B8-%D0%BC%D0%B5%D0%B6%D0%B4%D1%83-%D1%81%D0%BB%D0%BE%D0%B2%D0%B0%D0%BC%D0%B8-%D0%BD%D0%B0-css-5c56d0eaabd0

[31] Продолжайте нормализировать ваш CSS: http://csswizardry.com/2016/10/continue-normalising-your-css/

[32] 20 наборов иконок на чистом CSS: http://line25.com/articles/free-pure-css-icon-sets

[33] Детальная статья о создании сеток: https://zellwk.com/blog/designing-grids/

[34] Небольшая заметка о режимах смешивания: http://rumyrashead.com/a-little-thing-about-blends.html

[35] Создание периодической таблицы с помощью Grid CSS : https://responsivedesign.is/articles/creating-the-periodic-table-with-grid-css

[36] Решаем проблемы с помощью CSS Grid и Flexbox на примере создания карточного интерфейса: https://webdesign.tutsplus.com/tutorials/solving-problems-with-css-grid-and-flexbox-the-card-ui--cms-27468

[37] Улучшаем наши компоненты с помощью CSS :empty: https://www.ishadeed.com/article/css-empty/

[38] 6 простых секретов идеальной типографики: http://blog.alexdevero.com/6-simple-secrets-perfect-web-typography/

[39] Объяснение CSS Flexbox на примере путеществия по стране: https://medium.freecodecamp.com/css-flexbox-explained-by-road-tripping-across-the-country-1217b69c390e

[40] Все рушится: https://habrahabr.ru/post/312762/

[41] JavaScript 2016, а можно попроще?: https://habrahabr.ru/post/313234/

[42] От Jquery UI до Ext.js: обзор javascript UI библиотек для SPA. Часть 1: https://habrahabr.ru/post/313128/

[43] Темная сторона TypeScript — @декораторы на примерах: https://habrahabr.ru/company/docsvision/blog/310870/

[44] Linux Foundation запустил «перезагрузку» JavaScript-сообщества: https://habrahabr.ru/post/313000/

[45] JavaScript растёт и теперь обладает собственным фондом: http://thenewstack.io/javascript-grows-gets-foundation/

[46] Современный JavaScript стек с нуля: https://github.com/verekia/js-stack-from-scratch

[47] Прототипирование реактивных интерфейсов с помощью JavaScript Observer pattern: https://benfrain.com/prototyping-reactive-interfaces-with-an-adapted-javascript-observer-pattern/

[48] Изменения в ECMAScript 2016, о которых вы возможно не знали: https://www.nczonline.net/blog/2016/10/the-ecmascript-2016-change-you-probably-dont-know/

[49] Советы по использованию асинхронных функций в ES2017: http://www.2ality.com/2016/10/async-function-tips.html

[50] Как сделать промисы более дружественными с помощью функций Async: https://developers.google.com/web/fundamentals/getting-started/primers/async-functions

[51] JavaScript для веб-дизайнеров: DOM Scripting: http://alistapart.com/article/javascript-for-web-designers

[52] Исследуя JavaScript: типизированные массивы: https://codingbox.io/exploring-javascript-typed-arrays-c8fd4f8bd24f

[53] “Генерация страниц во время создания ресурсов” как оптимизация: https://medium.com/@jiyinyiyong/rendering-pages-during-assets-building-as-an-optimization-9aa1b4a5ebe2

[54] Начало работы с Paper.js: взаимодействие с пользователем: https://code.tutsplus.com/tutorials/getting-started-with-paperjs-user-interaction--cms-26509

[55] Добавляем Markdown к JavaScript консоли: https://www.webreflection.co.uk/blog/2016/10/20/markdown-in-console

[56] Быстрый совет: замена jQuery’s Ready() на простой JS: https://www.sitepoint.com/jquery-document-ready-plain-javascript/

[57] Советы и подсказки по производительности jQuery кода: https://codingbox.io/10-jquery-performance-tips-tricks-872f170387cc

[58] Создание на JavaScript редактора Minecraft 3D: https://www.sitepoint.com/javascript-3d-minecraft-editor/

[59] Знакомство с модулем Angular 2: @NgModule: https://scotch.io/bar-talk/getting-to-know-angular-2s-module-ngmodule

[60] Книга по Angular 2 от Rangle: https://angular-2-training-book.rangle.io/

[61] Основы форм Angular 2: реактивные формы: https://toddmotto.com/angular-2-forms-reactive

[62] Миграция приложений с Angular 1 на Angular 2 в 5 простых шагов: https://vsavkin.com/migrating-angular-1-applications-to-angular-2-in-5-simple-steps-40621800a25b

[63] Аддон React Storybook для отображения README файлов в стиле github: https://github.com/tuchk4/storybook-readme

[64] Визуальное руководство по State в React: https://daveceddia.com/visual-guide-to-state-in-react/

[65] react-fine-uploader — простой в интеграции в React-приложение Fine Uploader: https://github.com/FineUploader/react-fine-uploader

[66] Загрузка изображений в стиле Medium с Vue.js: http://www.theodo.fr/blog/2016/10/medium-like-image-loading-with-vue-js/

[67] Почему мы выбрали Vue.js: https://about.gitlab.com/2016/10/20/why-we-chose-vue/

[68] Начало работы с VueJS: https://paulund.co.uk/getting-started-with-vuejs

[69] Новое в Chrome 54 : https://developers.google.com/web/updates/2016/10/nic54

[70] В Firefox 52 планируют по умолчанию включить поддержку TLS 1.3: http://www.opennet.ru/opennews/art.shtml?num=45360

[71] ограничить поддержку сертификатов на основе SHA-1: http://www.opennet.ru/opennews/art.shtml?num=45338

[72] auxclick в новой версии: https://developers.google.com/web/updates/2016/10/auxclick

[73] устаревшие и удаленные API: https://developers.google.com/web/updates/2016/10/chrome-55-deprecations

[74] Chrome 55 Beta: улучшения Input handling и async/await functions: https://blog.chromium.org/2016/10/chrome-55-beta-input-handling.html

[75] Экспериментальный браузер Chrome Canary теперь доступен и на Android: http://itc.ua/news/eksperimentalnyiy-brauzer-chrome-canary-teper-dostupen-i-na-android/

[76] 11 интересных браузеров (которые не Хром): https://medium.com/statuscode/11-interesting-web-browsers-that-arent-chrome-a3f976752b21#.m071l2a2t

[77] Массовый DDoS на инфраструктуру DNS-провайдера Dyn.com привёл к недоступности сайтов Twitter, Github, Heroku и прочих: https://habrahabr.ru/post/313328/

[78] Amnesty International назвала Facebook Messenger и WhatsApp самыми защищёнными мессенджерами: https://vc.ru/n/amnesty-international-messengers

[79] Мировому IT-рынку предсказали возвращение к росту в 2017 году: http://www.3dnews.ru/941232/#58076f43b4182e1a7d8b456c

[80] Google: AMP-страницы не требуют отдельного файла XML Sitemap: https://www.searchengines.ru/google-amp-sitemap.html

[81] Google будет отмечать новости с проверенными фактами: http://ain.ua/2016/10/17/676455

[82] Подкаст на Хекслет, выпуск №3: https://ru.hexlet.io/blog/posts/podcast_03

[83] Яндекс изнутри: поговорим о потрохах русского поиска: http://blogerator.ru/page/jandeks-iznutri-o-potrohah-russkogo-poiska-dolja-rynka

[84] 9 лучших проектов из Google Chrome Experiments: https://tproger.ru/articles/10-best-ghes/

[85] Ваш сайт может терять часть трафика из-за оптимизаций Google — блогер рассказал о своём отрицательном опыте: https://tproger.ru/news/some-of-your-mobile-traffic-can-be-lost/

[86] Что послушать: обзор IT-подкастов: https://dou.ua/lenta/articles/it-podcasts/

[87] Улыбнись, машина! Почему электроника тупая и скучная?: http://www.computerra.ru/157368/cozmo/

[88] Бесстрашные! Миллион владельцев Galaxy Note 7 отказываются сдавать смартфон: http://gagadget.com/samsung-galaxy-note-7/24206-besstrashnyie-million-vladeltsev-galaxy-note-7-otkazyivayutsya-sdavat-smartfon/

[89] Google открыл код ПО для регистраторов доменов первого уровня: http://www.opennet.ru/opennews/art.shtml?num=45340

[90] Китайская копия Twitter обошла оригинал по капитализации: http://keddr.com/2016/10/weibo-doroje-twitter/

[91] «Людям пока не нужны персональные помощники»: что ждёт искусственный интеллект в ближайшем будущем: https://vc.ru/p/personal-assistants

[92] Разработчик натренировал нейронную сеть на порно, а затем заставил её генерировать картинки: https://tjournal.ru/36139-razrabotchik-natreniroval-neironnuu-set-na-porno-a-zatem-zastavil-eyo-generirovat-kartinki

[93] Material Design Awards 2016: https://design.google.com/articles/material-design-awards-2016/

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

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

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

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

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