Дайджест свежих материалов из мира фронтенда за последнюю неделю №222 (1 — 7 августа 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

[7] Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса: https://habrahabr.ru/company/yandex/blog/307064/

[8] Организация задач в Grunt : https://css-tricks.com/organizing-grunt-tasks/

[9] Оптимизация производительности критического пути с помощью Express Server и хендлебаров: https://www.smashingmagazine.com/2016/08/optimizing-critical-path-performance-with-express-server-and-handlebars/

[10] Оптимизация PNG: https://bjango.com/articles/pngoptimisation/

[11] Как подготовиться к собеседованию на фронтенд-разработчика: http://frontendinsights.com/how-prepare-interview-front-end-developer/

[12] Ретроспектива использования генератора статических сайтов: https://www.smashingmagazine.com/2016/08/using-a-static-site-generator-at-scale-lessons-learned/

[13] Веб-компоненты и прогрессивное улучшение: http://adamonishi.com/2016/08/web-components-and-progressive-enhancement/

[14] Руководство по работе с мобильным SEO: https://www.sitepoint.com/mobile-seo-starter-guide/

[15] Самая сложная часть веба — это его невидимые части: http://daverupert.com/2016/08/hidden-expectations/

[16] Расширяемые веб компоненты: https://adactio.com/journal/11052

[17] Как писать неподдерживаемый код: https://github.com/Droogans/unmaintainable-code

[18] Когда использовать переключатель, а когда чекбокс: http://uxmovement.com/buttons/when-to-use-a-switch-or-checkbox/

[19] Поддержка Web Animations API появилась в Firefox 48: https://hacks.mozilla.org/2016/08/animating-like-you-just-dont-care-with-element-animate/

[20] Подборка демок и экспериментов с Web Animation API : https://mozdevs.github.io/Animation-examples/

[21] Когда использовать Web Animations API: https://danielcwilson.com/blog/2016/08/why-waapi/

[22] A11ycasts: https://www.youtube.com/watch?v=HtTyRajRuyY

[23] Inert Polyfill: https://www.youtube.com/watch?v=fGLp_gfMMGU

[24] Букмарклеты для тестирования доступности: http://pauljadam.com/bookmarklets/index.html

[25] Edge прошел все тесты HTML5 Accessibility: http://news.thewindowsclub.com/edge-is-the-only-100-85341/

[26] Высокопроизводительные SVG: https://css-tricks.com/high-performance-svgs/

[27] 3 странных браузерных несоответствия в SVG: https://una.im/weird-svg-issues/

[28] Интерактивный эффект просвечивания сквозь очки с помощью SVG масок: http://thenewcode.com/1116/Put-On-The-Sunglasses-Frank-An-Interactive-with-SVG-Masks

[29] Как я создал большую мультиплеерную онлайн-игру на HTML5 canvas за одну неделю: http://daverupert.com/2016/07/solvable-chunks-one-week-video-game/

[30] Как создать восьмибитную драм-машину с помощью Web Audio, SVG и Multitouch: https://www.smashingmagazine.com/2016/08/how-to-create-a-responsive-8-bit-drum-machine-using-web-audio-svg-and-multitouch/

[31] Полноэкранные контейнеры внутри элементов ограниченной ширины: http://prgssr.ru/development/polnoekrannye-kontejnery.html

[32] Full Width Containers in Limited Width Parents: https://css-tricks.com/full-width-containers-limited-width-parents/

[33] CSS-изоляция: http://css-live.ru/articles/css-izolyaciya.html

[34] CSS containment: https://justmarkup.com/log/2016/04/css-containment/

[35] Использование вьюпорта для создания индикатора промотки страницы на чистом CSS: http://codepen.io/MadeByMike/pen/ZOrEmr?editors=0100

[36] Тайминг — это всё: улучшите ваши анимации с помощью нелинейных кривых: https://medium.com/google-developers/timing-is-everything-8218b8df5485

[37] Tootik: https://eliorshalev.github.io/tootik/

[38] Манипуляция с цветами Sass с помощью функциями HSL и прозрачности: http://vanseodesign.com/css/sass-colors-part-2/

[39] Aphrodite vs. JSS: https://medium.com/@oleg008/aphrodite-vs-jss-a15761b91ee3

[40] Открывающаяся книга на «чистом CSS3»: http://codepen.io/iGadget/pen/MKXVJd

[41] CSS mix-blend-mode — плохая практика для истории вашего браузера: https://lcamtuf.blogspot.com/2016/08/css-mix-blend-mode-is-bad-for-keeping.html

[42] Приоритет в CSS (когда порядок в CSS имеет значение): https://css-tricks.com/precedence-css-order-css-matters/

[43] Cutestrap, легковесный CSS фреймворк (очередной): https://www.sitepoint.com/getting-to-know-cutestrap-a-lightweight-css-framework/

[44] Обзор единиц измерения CSS: углов, времени и частоты: http://www.dejurka.ru/css/angle-size-css/

[45] Как учить людей JS: Часть 1. Заметки на полях: https://medium.com/@xanf/%D0%BA%D0%B0%D0%BA-%D1%83%D1%87%D0%B8%D1%82%D1%8C-%D0%BB%D1%8E%D0%B4%D0%B5%D0%B9-js-%D1%87%D0%B0%D1%81%D1%82%D1%8C-1-%D0%B7%D0%B0%D0%BC%D0%B5%D1%82%D0%BA%D0%B8-%D0%BD%D0%B0-%D0%BF%D0%BE%D0%BB%D1%8F%D1%85-8c94eb35cebb

[46] Распознавание голоса и чтение текста в браузере в 3 строки на JavaScript: демонстрация и примеры кода: https://tproger.ru/articles/speech-recoginition-in-the-browser/

[47] Представлен бесплатный видеокурс по современным технологиям для веб-разработчиков: ES6, ESnext, Node.js, NPM, RxJS, WebPack и TypeScript: https://tproger.ru/news/learn-modern-javascript/

[48] Функциональный TypeScript: https://vsavkin.com/functional-typescript-316f0e003dc6

[49] Понимание нативных методов для массивов в JavaScript: https://benfrain.com/understanding-native-javascript-array-methods/

[50] Детальный обзор symbols в ES6: https://rainsoft.io/detailed-overview-of-well-known-symbols/

[51] Заметки Джейка Арчибальда по мотивам мероприятия на тему сервис-воркеров: https://jakearchibald.com/2016/service-worker-meeting-notes/

[52] Как внедрить интернационализацию (i18n) в JavaScript: https://www.sitepoint.com/how-to-implement-internationalization-i18n-in-javascript/

[53] Async функции попадут в ES2017!: https://twitter.com/bterlson/status/758826160700530688

[54] JavaScript и функциональное программирование: https://bethallchurch.github.io/JavaScript-and-Functional-Programming/

[55] Цикл for против forEach в JavaScript: http://thejsguy.com/2016/07/30/javascript-for-loop-vs-array-foreach.html

[56] Внедрение JavaScript в Python: https://blog.sqreen.io/embedding-javascript-into-python/

[57] Исчерпывающий обзор jQuery селекторов: https://www.sitepoint.com/comprehensive-jquery-selectors/

[58] Компоненты высшего порядка в React: http://prgssr.ru/development/komponenty-vysshego-poryadka.html

[59] Higher Order Components: A React Application Design Pattern: https://www.sitepoint.com/react-higher-order-components/

[60] AngularJS vs ReactJS: https://medium.com/@paramsingh_66174/angularjs-vs-reactjs-e651a194dfcb

[61] Интернационализация в React: https://medium.freecodecamp.com/internationalization-in-react-7264738274a0

[62] Интерактивные графики на Angular с помощью ZingChart: https://scotch.io/tutorials/interactive-angular-2-charts-with-zingchart

[63] Отладка приложений на Angular c помощью Augury: https://scotch.io/tutorials/debugging-angular-2-apps-with-augury

[64] #1: A Stateless React App?: http://jamesknelson.com/state-react-1-stateless-react-app/

[65] #2 – From Inception to Redux: http://jamesknelson.com/state-react-2-inception-redux/

[66] Описание нового алгоритма ядра React, React Fiber: https://github.com/acdlite/react-fiber-architecture

[67] Учебник для начинающих по экосистеме React: часть 2 из 3-х: http://patternhatch.com/2016/08/02/a-primer-on-the-react-ecosystem-part-2-of-3/

[68] React Native в SoundCloud: https://developers.soundcloud.com/blog/react-native-at-soundcloud

[69] kasia — инструментальный набор React Redux для WordPress API: https://github.com/outlandishideas/kasia

[70] react-media — CSS media query компонент для React: https://github.com/ReactTraining/react-media

[71] Использование Kendo UI для jQuery в React приложениях: http://developer.telerik.com/featured/using-kendo-ui-jquery-react-app/

[72] Кастомные элементы форм в Angular 2: http://blog.thoughtram.io/angular/2016/07/27/custom-form-controls-in-angular-2.html

[73] Создание современных веб-приложений с Ember.js: http://www.danielgynn.com/building-ember-apps/

[74] Исследование Mithril, JavaScript фреймворк для создания прекрасных приложений: http://mike-ward.net/2016/08/01/exploring-mithril-a-javascript-framework-for-building-brilliant-applications/

[75] Audiogram: https://github.com/nypublicradio/audiogram

[76] lightgallery.js: https://github.com/sachinchoolur/lightgallery.js

[77] vivus — библиотека для анимации SVG: https://maxwellito.github.io/vivus/

[78] jQuery Rate — простой jQuery плагин для создания графических рейтингов: http://nezhar.github.io/jQuery-Rate/

[79] «Биткоин-браузер» Brave собрал 4,5 млн долларов: http://www.coinfox.ru/novosti/6069-bitkoin-brauzer-brave-sobral-4-5-mln-dollarov

[80] Установка дополнений Google Chrome в Mozilla Firefox: https://geektimes.ru/post/278048/

[81] Релиз Firefox 48: http://www.opennet.ru/opennews/art.shtml?num=44897

[82] технические детали для разработчиков: http://tanalin.com/blog/2016/08/firefox-48/

[83] План перевода Firefox на многопроцессную архитектуру: http://www.opennet.ru/opennews/art.shtml?num=44902

[84] Firefox начнёт показывать вместо ошибок 404 архивные страницы: http://www.3dnews.ru/937355/?feed=

[85] В Opera 39 оптимизировано выносное видео и требуется меньше памяти: http://www.ferra.ru/ru/apps/news/2016/08/02/opera-39/

[86] В Chrome 52 для Android видео грузится быстрее, использует меньше трафика и медленнее садит батарею: http://itc.ua/blogs/v-chrome-52-dlya-android-video-gruzitsya-byistree-ispolzuet-menshe-trafika-i-medlennee-sadit-batareyu/

[87] Microsoft продолжает кампанию против Chrome, теперь ОС Windows 10 советует пользователям перейти с браузера Google на Edge: http://itc.ua/news/microsoft-prodolzhaet-kampaniyu-protiv-chrome-teper-os-windows-10-sovetuet-polzovatelyam-pereyti-s-brauzera-google-na-edge/

[88] Microsoft Edge по-прежнему аутсайдер на рынке браузеров: https://www.overclockers.ru/softnews/78091/microsoft-edge-po-prezhnemu-autsajder-na-rynke-brauzerov.html

[89] Новинки Microsoft Edge, которые появились после Windows 10 Anniversary Update: https://blogs.windows.com/windowsexperience/2016/08/04/edge-anniversary-update/

[90] Тренды браузеров августа 2016: как располагаются соперники Chrome?: https://www.sitepoint.com/browser-trends-august-2016-how-do-chromes-rivals-stack-up/

[91] Microsoft Edge получит расширения, обновление поддержки JavaScript в обновлении Windows 10 Anniversary: https://www.infoq.com/news/2016/08/edge-windows-10-anniversary

[92] В протоколе HTTP/2 выявлено сразу четыре опасных бага: https://xakep.ru/2016/08/04/http-2-flaws/

[93] Google расширит поддержку AMP на всю органическую выдачу: https://www.searchengines.ru/google-rasshirit-podderzhku-amp-na-vsyu-organicheskuyu-vydachu.html

[94] В ОАЭ на законодательном уровне запретили использование VPN: http://keddr.com/2016/08/v-oae-zapretili-vpn/

[95] Dropbox запускает собственный сервис Paper для совместной работы над документами и задачами: http://itc.ua/blogs/dropbox-zapuskaet-sobstvennyiy-servis-paper-dlya-sovmestnoy-rabotyi-nad-dokumentami-i-zadachami/

[96] Кликбейт под запретом: Facebook уменьшит присутствие неинформативных публикаций с завлекающими заголовками в ленте: http://itc.ua/news/klikbeyt-pod-zapretom-facebook-umenshit-prisutstvie-neinformativnyih-publikatsiy-s-zavlekayushhimi-zagolovkami-v-lente/

[97] Искусственный интеллект не справился с тестом на здравый смысл: http://apparat.cc/news/ai-common-sense/

[98] Киберспорт на Олимпиаде: фантазии или реальность?: http://gmbox.ru/genre/kibersport/kibersport-na-olimpiade-fantazii-ili-realnost

[99] Как стать киберспортсменом, и что для этого нужно: http://disgustingmen.com/games/cybersports-career-league-of-legends

[100] Инвестор Yahoo Эрик Джексон о продаже компании: https://www.searchengines.ru/investor-yahoo-erik-dzhekson-o-prodazhe-kompanii.html

[101] Аналитики оценили среднюю стоимость украденных аккаунтов от Uber, Netflix, Gmail и других сервисов: https://vc.ru/n/stolen-profile-price

[102] Выпиливание реальности: http://www.3dnews.ru/936732/#579675cab4182eb1628b456e

[103] IBM создала ближайший искусственный аналог нейронов: http://ain.ua/2016/08/05/662776

[104] MS Windows: накануне дефолта: http://www.computerra.ru/153468/windows-default/

[105] Windows 10 Anniversary Update: первые впечатления: http://gagadget.com/windows/23179-windows-10-anniversary-update-pervyie-vpechatleniya/

[106] Гордыня: https://medium.com/@xanf/7-%D0%B3%D1%80%D0%B5%D1%85%D0%BE%D0%B2-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82%D0%B0-%D0%B3%D0%BE%D1%80%D0%B4%D1%8B%D0%BD%D1%8F-fffd58553f8f

[107] Зависть: https://medium.com/russian/7-%D0%B3%D1%80%D0%B5%D1%85%D0%BE%D0%B2-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82%D0%B0-%D0%B7%D0%B0%D0%B2%D0%B8%D1%81%D1%82%D1%8C-330d3dfbc52a

[108] Гнев: https://medium.com/@xanf/7-%D0%B3%D1%80%D0%B5%D1%85%D0%BE%D0%B2-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82%D0%B0-%D0%B3%D0%BD%D0%B5%D0%B2-3bfa60d72de0#.l30znoag4

[109] Уныние: https://medium.com/russian/7-%D0%B3%D1%80%D0%B5%D1%85%D0%BE%D0%B2-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82%D0%B0-%D1%83%D0%BD%D1%8B%D0%BD%D0%B8%D0%B5-ac514112cb2d

[110] Алчность: https://medium.com/@xanf/7-%D0%B3%D1%80%D0%B5%D1%85%D0%BE%D0%B2-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82%D0%B0-%D0%B0%D0%BB%D1%87%D0%BD%D0%BE%D1%81%D1%82%D1%8C-c5b352d51dd4#.1uucv2gpi

[111] Чревоугодие: https://medium.com/@xanf/7-%D0%B3%D1%80%D0%B5%D1%85%D0%BE%D0%B2-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82%D0%B0-%D1%87%D1%80%D0%B5%D0%B2%D0%BE%D1%83%D0%B3%D0%BE%D0%B4%D0%B8%D0%B5-e673f677b04b

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

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

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

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

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