Дайджест свежих материалов из мира фронтенда за последнюю неделю №228 (12 — 18 сентября 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Браузеры наши меньшие, или Нам нужно серьёзно поговорить: https://habrahabr.ru/company/oleg-bunin/blog/310210/

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

[8] Политика безопасности контента, ваш будущий лучший друг: http://prgssr.ru/development/politika-bezopasnosti-kontenta-vash-budushij-luchshij-drug.html

[9] Новые статусы HTML5.1 и SVG2: http://css-live.ru/vecssti-s-polej/novye-statusy-html5-1-i-svg2.html

[10] Измерение производительности с User Timing API: http://prgssr.ru/development/izmerenie-skorosti-s-user-timing-api.html

[11] Секретные техники оптимизации PNG: https://www.searchengines.ru/sekretnye-tehniki-optimizatsii-png.html

[12] А ваши картинки крадут время?: https://medium.com/russian/%D0%B0-%D0%B2%D0%B0%D1%88%D0%B8-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8-%D0%BA%D1%80%D0%B0%D0%B4%D1%83%D1%82-%D0%B2%D1%80%D0%B5%D0%BC%D1%8F-82335e982e5e

[13] Как использовать amp-img и amp-video для повышения скорости вашего сайта: https://photography.tutsplus.com/articles/how-to-use-to-amp-img-and-amp-video-to-speed-up-your-website--cms-27164

[14] Web Performance Checklist: http://jonyablonski.com/designers-wpo-checklist/

[15] Технологии AMP и PWA в поиске Google – Будущее уже стало настоящим: https://www.searchengines.ru/tehnologii-amp-i-pwa-v-poiske-google.html

[16] PWA Performance: https://speedcurve.com/blog/pwa-performance/

[17] Что именно делают Прогрессивные Веб-приложения?: https://infrequently.org/2016/09/what-exactly-makes-something-a-progressive-web-app/

[18] Прогрессивные веб-приложения имеют смысл: https://cloudfour.com/thinks/progressive-web-apps-simply-make-sense/

[19] Ботанское руководство по цветам в вебе: https://css-tricks.com/nerds-guide-color-web/

[20] Как автоматизировать Gulp задачи и генерировать веб-шрифты из SVG файлов: https://medium.com/@BuddyWorks/how-to-automate-gulp-tasks-and-generate-webfont-from-svg-files-43ad6fc70f96

[21] Хорошее ли сейчас время, чтобы начать использовать Web Bluetooth? (Спойлер: да): https://medium.com/@urish/is-now-a-good-time-to-start-using-web-bluetooth-hint-yes-yes-it-is-99e998d7b9f6

[22] О новом GitHub GraphQL API: https://medium.com/apollo-stack/the-new-github-graphql-api-811b005d1b6e

[23] Не ломайте ваши <img>: https://medium.freecodecamp.com/you-need-to-stop-making-these-6-mistakes-with-your-img-s-e242c02d14be

[24] Изменчивые шрифты, новый тим шрифтов для отзывчивого дизайна: http://blog.typekit.com/2016/09/14/variable-fonts-a-new-kind-of-font-for-flexible-design/

[25] Cross-origin Service Workers: эксперименты с Foreign Fetch: https://developers.google.com/web/updates/2016/09/foreign-fetch

[26] Начинаем работать с Webpack: магия пакетирования модулей: https://scotch.io/tutorials/getting-started-with-webpack-module-bundling-magic

[27] Использование Webpack для горячей перезагрузки Backbone-Marionette-Ampersand проекта: http://avitureblog.com/2016/09/01/webpack-hot-reloading.html

[28] WebGL2 Fundamentals : http://webgl2fundamentals.org/

[29] Один NodeJS сервер на несколько сайтов: Такой же простой запуск JavaScript файлов с помощью NodeJS, как и запуск PHP файлов с помощью Apache: https://github.com/finom/node-direct

[30] Встраивание кода с Github на сайт: https://github.com/finom/github-embed

[31] Клевая анимация букв с помощью SVG: http://tympanus.net/codrops/2016/09/13/fancy-svg-letter-animation/

[32] Шрифты в вебе, обзор от 2016 года: https://habrahabr.ru/post/310044/

[33] Отзывчивый размер шрифта: https://habrahabr.ru/post/310186/

[34] Проверка, загрузился ли шрифт Font Awesome: http://allthingssmitty.com/2016/09/12/checking-if-font-awesome-loaded/

[35] Gmail анонсировал поддержку CSS media queries в письмах: https://googleappsdeveloper.blogspot.de/2016/09/your-emails-optimized-for-every-screen-with-responsive-design.html

[36] Письма наконец просыпаются с адаптивным дизайном: http://www.webdesignerdepot.com/2016/09/email-finally-wakes-up-to-responsive-design/

[37] 7 хаков для шаблонов писем, о которых должен знать каждый разработчик: https://www.campaignmonitor.com/blog/email-marketing/2016/09/7-email-hacks-every-developer-should-know/

[38] Gmail вводит поддержку отзывчивого дизайна, улучшает стилизацию шрифтов + CSS для доступности: https://litmus.com/blog/gmail-to-support-responsive-email-design

[39] Красочные кампании: руководство по использованию CSS фильтров в письмах: https://medium.com/email-marketing-development/captivatingly-colourful-campaigns-our-guide-to-using-css-filters-in-email-b90214f58b63

[40] Разбираемся в функциях Sass 3.5 first-class: https://medium.com/@kaelig/sass-first-class-functions-6e718e2b5eb0

[41] Благодаря RSCSS мой код больше не беспорядочен: https://medium.com/@mik01aj/rscss-77043f4fafb1

[42] Как мы отрефакторили наш CSS для BGP: https://medium.com/singapore-gds/how-we-refactored-our-css-for-bgp-59a2e28b0db4

[43] 3 вещи, которые нужно учитывать при работе с отзывчивой типографикой: https://blog.avocode.com/blog/3-things-keep-in-mind-to-master-responsive-typography

[44] Рабочие хаки для определения IE: https://buddyreno.me/efficiently-detecting-ie-browsers-8744d13d558

[45] Настало время быть честными относительно техник подмены изображений: https://www.sitepoint.com/its-time-to-be-honest-about-image-replacement-techniques/

[46] Почему CSS4 не существует — объяснение уровней CSS : https://www.rachelandrew.co.uk/archives/2016/09/13/why-there-is-no-css4-explaining-css-levels/

[47] Как создать глитч-эффект с помощью CSS : https://ihatetomatoes.net/how-to-create-css-glitch-effect

[48] Fun with CSS: NBA edition: https://www.chenhuijing.com/blog/progressive-enhancement-experiment/

[49] MinMaxing: понимание vMin и vMax в CSS: http://thenewcode.com/1137/MinMaxing-Understanding-vMin-and-vMax-in-CSS

[50] Как создавать и использовать кастомные функции в SASS : http://vanseodesign.com/css/custom-sass-functions/

[51] Расширяем лимиты CSS 3: удивительные творения на чистом CSS : http://www.independent-software.com/stretching-the-limits-of-css-3-amazing-creations-in-pure-css/

[52] Автоматизация визуальных регрессий, опять: http://danielfurze.co.uk/blog/automating-visual-regression-testing-again/

[53] SpinThatShit: https://matejkustec.github.io/SpinThatShit/

[54] Эффект предзагрузки контента Skeleton Screen на CSS: http://codepen.io/oslego/pen/XdvWmd

[55] Полноэкранное видео с mix-blend-mode текстом над ним: http://thenewcode.com/1136/Fullscreen-Background-Video-with-mix-blend-mode-Overlay-Text

[56] Строим свой full-stack на JavaScript: Сервер: https://habrahabr.ru/post/310042/

[57] Три принципа производительности в JavaScript, делающие Bluebird быстрым: https://habrahabr.ru/post/309848/

[58] Проект Mozilla представил новый отладчик для JavaScript: http://www.opennet.ru/opennews/art.shtml?num=45150

[59] 4 видео с MoscowJS 33 : https://www.youtube.com/playlist?list=PL95OM-7UObpG9GNnsNpnD6OT92fHODyCk

[60] Состоялся финальный релиз Angular 2: https://habrahabr.ru/post/310142/

[61] Анимации в Angular 2 — основные концепты: http://blog.thoughtram.io/angular/2016/09/16/angular-2-animation-important-concepts.html

[62] Мы серьезно недооценили Angular: http://developer.telerik.com/featured/you-have-seriously-underestimated-angular/

[63] Angular, version 2: proprioception-reinforcement: http://angularjs.blogspot.com/2016/09/angular2-final.html

[64] Финальный релиз Angular 2. Наконец.: https://medium.com/front-end-hacking/angular-2-final-release-finally-finally-713405d285ba

[65] Angular 2 вышел — начинаем отсюда: http://blog.thoughtram.io/angular/2016/09/15/angular-2-final-is-out.html

[66] Dependency Injection в Angular 1 и Angular 2: https://vsavkin.com/dependency-injection-in-angular-1-and-angular-2-d69589979c18

[67] Советы для настройки производительности React/Redux: https://medium.com/@arikmaor/react-redux-performance-tuning-tips-cef1a6c50759

[68] React.js: собираем с нуля изоморфное / универсальное приложение. Часть 1: собираем стек: https://habrahabr.ru/post/309958/

[69] Реми Шарп: первые впечатления от React : https://remysharp.com/2016/09/13/first-impressions-of-react

[70] Создание простого To-Do приложения с помощью React: https://scotch.io/tutorials/create-a-simple-to-do-app-with-react

[71] Изучаем React: настройка среды разработки: https://medium.com/@andy.neale/learning-react-setting-up-a-minimal-react-development-environment-fcd17fc7dee1

[72] Представление Tide — библиотекой React для менеджмента состояний: https://medium.com/tictail/introducing-tide-our-react-state-management-library-1dcc6e80551e

[73] Полное введение в ReactJS [часть 1] — создание React приложения с нуля: https://www.youtube.com/watch?v=pTHCwUdGFkc

[74] AJAX запросы в React-е: как и где грузить данные: https://daveceddia.com/ajax-requests-in-react/

[75] Встречайте AdonisJs! Laravel-style MVC Framework для Node.js: https://scotch.io/tutorials/meet-adonisjs-a-laravel-style-mvc-framework-for-node-js

[76] «Будущее ES6» — доклад Jafar Husain на Full Stack Fest 2016: https://www.youtube.com/watch?v=3pKNRgResq0

[77] Является ли ES6 концом Underscore / Lodash?: https://derickbailey.com/2016/09/12/does-es6-mean-the-end-of-underscore-lodash/

[78] Transpiling ES6: https://css-tricks.com/transpiling-es6/

[79] JavaScript vs jQuery: https://develoger.com/javascript-vs-jquery-1e5009581241

[80] Modernization of Reactivity.: https://davidwalsh.name/modernization-reactivity

[81] Что каждый JS разработчик должен знать о Unicode: https://rainsoft.io/what-every-javascript-developer-should-know-about-unicode/

[82] Техники рефакторинга JS: https://www.sitepoint.com/javascript-refactoring-techniques-specific-to-generic-code/

[83] Прагматичное использование Monkey Patching в JS: https://www.sitepoint.com/pragmatic-monkey-patching/

[84] Генераторы и каналы в JavaScript: https://medium.com/javascript-inside/generators-and-channels-in-javascript-594f2cf9c16e

[85] Способы объявления переменных в JS: https://www.sitepoint.com/how-to-declare-variables-javascript/

[86] JavaScript аргументы функции по-умолчанию: http://wesbos.com/javascript-default-function-arguments/

[87] Улучшение синтаксиса EJS-шаблонов: http://www.2ality.com/2016/09/better-ejs.html

[88] Литералы шаблонов однозначно лучше строк: https://ponyfoo.com/articles/template-literals-strictly-better-strings

[89] Быстрая настройка TDD для TypeScript: http://bytearcher.com/articles/fast-tdd-setup-for-typescript/

[90] Тестирование JavaScript с Jest: https://egghead.io/playlists/testing-javascript-with-jest-a36c4074

[91] Почему нужно использовать Flow?: https://blog.aria.ai/post/why-use-flow/

[92] Запуск асинхронного JavaScript кода в последовательности с Async Waterfall: https://www.codementor.io/javascript/tutorial/running-asynchronous-javascript-code-in-sequence-with-async-waterfall---part-1

[93] pageAccelerator: https://github.com/Easyfood/pageAccelerator

[94] Microsoft снова демонстрирует, насколько ее браузер Edge превосходит по энергоэффективности Chrome, Opera и Firefox: http://itc.ua/news/microsoft-snova-demonstriruet-naskolko-ee-brauzer-edge-prevoshodit-po-energoeffektivnosti-chrome-opera-i-firefox/

[95] Google Chrome будет бороться с медленными скриптами на страницах сайтов: https://tproger.ru/news/google-chrome-removing-document-write/

[96] Как максимально использовать возможности браузера Chrome на Android: http://itc.ua/articles/kak-maksimalno-ispolzovat-vozmozhnosti-brauzera-chrome-na-android/

[97] Как сделать Microsoft Edge чуточку лучше: http://keddr.com/2016/09/kak-sdelat-microsoft-edge-chutochku-luchshe/

[98] Chrome Beta 54: фоновая музыка и видео, цветные вкладки и новая главная страница: http://gagadget.com/announce/23776-chrome-beta-54-fonovaya-muzyika-i-video-tsvetnyie-vkladki-i-novaya-glavnaya-stranitsa/

[99] JavaScript, Font-Awesome и Microsoft лидируют в статистике GitHub: http://www.opennet.ru/opennews/art.shtml?num=45157

[100] Samsung запустила страницу для проверки дефектности аккумуляторов у Note 7: http://keddr.com/2016/09/samsung-zapustila-stranitsu-dlya-proverki-defektnosti-akkumulyatorov-u-note-7/

[101] В США было зафиксировано более 70 случаев возгорания смартфона Galaxy Note 7: https://tjournal.ru/34222-v-ssha-bilo-zafiksirovano-bolee-70-sluchaev-vozgoraniya-smartfona-galaxy-note-7

[102] Samsung Galaxy Note 7: причины возгорания и временное решение проблемы: http://gagadget.com/samsung-galaxy-note-7/23719-samsung-galaxy-note-7-prichinyi-vozgoraniya-i-vremennoe-reshenie-problemyi/

[103] Компания Oracle передаёт среду разработки NetBeans сообществу Apache: http://www.opennet.ru/opennews/art.shtml?num=45140

[104] Twitter обновит лимит символов для твитов: http://gagadget.com/announce/23702-twitter-obnovit-limit-simvolov-dlya-tvitov/

[105] Компания Google представила наработки по поддержке изменчивых шрифтов OpenType: http://www.opennet.ru/opennews/art.shtml?num=45153

[106] Facebook и Twitter помогут Google отсеять ложные новости: http://itc.ua/news/facebook-i-twitter-pomogut-google-otseyat-lozhnyie-novosti/

[107] В Windows Store наконец появятся привычные десктопные программы и игры: http://itc.ua/blogs/v-windows-store-nakonets-poyavyatsya-privyichnyie-desktopnyie-programmyi-i-igryi/

[108] Uber, Dropbox, Airbnb и другие компании создадут единые стандарты кибербезопасности: https://vc.ru/n/uber-cyber-alliance

[109] YouTube Community — «социальная сеть» внутри видеосервиса Google: http://itc.ua/news/youtube-community-sotsialnaya-set-vnutri-videoservisa-google/

[110] Абсолютно новый GitHub: хостинг репозиториев представил новый дизайн, инструменты, обсуждения и возможности: https://tproger.ru/news/github-major-update/

[111] Pornhub и Youporn окончательно заблокированы на территории России: http://disgustingmen.com/blog/pornhub-closed

[112] Не будь злом. Как Google стал шпионской сетью номер один в мире: http://www.dsnews.ua/future/ne-bud-zlom-kak-google-stal-shpionskoy-setyu-nomer-odin-v-mire-15092016100000

[113] Ракетостроение сквозь века: http://thealphacentauri.net/rocketry-through-ages/

[114] Новая штаб-квартира Facebook в Менло-Парке в репортаже Ильи Варламова: https://vc.ru/p/varlamov-facebook

[115] 9 способов выжать максимум из офисного интернета: http://gosvopros.ru/job/rabochee-mesto/maximize-internet/

[116] Как онлайн-мошенник украл у меня $500, а под конец умолял не сдавать его маме: http://ain.ua/2016/09/13/669844

[117] От клона ICQ до создания WeChat и статуса самой дорогой компании Китая — история Tencent: https://vc.ru/p/tencent-story

[118] Заняться теорией и олимпиадами или пойти на работу в IT-компанию? — Эксперты дают советы начинающим программистам: https://tproger.ru/experts/20/

[119] Во что превратятся деньги через 5 лет?: http://gagadget.com/technology/23587-vo-chto-prevratyatsya-dengi-cherez-5-let/

[120] Будущее без экранов: https://medium.com/swlh/a-future-without-screens-9c89afbfedb3#.ocq5o635s

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

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

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

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

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