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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Какие перспективы у Node.js после воссоединения — мнения экспертов: https://habrahabr.ru/post/311448/

[7] Структуры данных для самых маленьких: https://habrahabr.ru/post/310794/

[8] Всегда используйте тег label: https://htmlacademy.ru/blog/115-always-use-a-label

[9] Лучшие практики использования видео с помощью HTML5 : https://davidwalsh.name/html5-video

[10] X-XSS-Protection: https://www.keycdn.com/blog/x-xss-protection/

[11] Прячем SVG-иконки от скрин-ридеров: http://www.456bereastreet.com/archive/201609/hiding_inline_svg_icons_from_screen_readers/

[12] Как работают фильтры в SVG: http://vanseodesign.com/web-design/svg-filters-introduction/

[13] Загрузка полифиллов только по мере надобности: https://philipwalton.com/articles/loading-polyfills-only-when-needed/

[14] Все что вы должны знать о прогрессивных веб-приложениях: http://tutorialzine.com/2016/09/everything-you-should-know-about-progressive-web-apps/

[15] Компоновка отзывчивых изображений с помощью инструмента Responsive Image Breakpoints Generator: https://www.smashingmagazine.com/2016/09/automating-art-direction-with-the-responsive-image-breakpoints-generator/

[16] Насколько доступны функции веб-платформы?: https://paulirish.github.io/web-feature-availability/

[17] REST API Inspector: https://restdb.io/blog/#!posts/57ead5a12d15442d0000054a

[18] Доступные всплывающие метки: http://allthingssmitty.com/2016/09/25/accessible-floating-labels/

[19] Симпатичный эффект для типографики с помощью HTML5 Canvas и CSS Blend Modes: http://thenewcode.com/1144/Set-Your-Name-In-Lights-with-HTML5-Canvas-and-CSS-Blend-Modes

[20] Псевдоэлементы, которых не может быть: http://css-live.ru/articles-css/impossible-pseudos.html

[21] 9 недооцененных возможностей CSS: http://prgssr.ru/development/9-nedoocenivaemyh-vozmozhnostej-css.html

[22] Вещи, которых следует остерегаться при работе с CSS 3D: https://css-tricks.com/things-watch-working-css-3d/

[23] Wenk : https://mightycrow.github.io/wenk/

[24] Вы знаете, что ваш сайт — отстой, когда…: https://hackernoon.com/you-know-a-site-has-its-shit-together-when-8ee21040d0bc

[25] Создаем формы с помощью Flexbox: https://www.sitepoint.com/make-forms-fun-with-flexbox/

[26] Чиним выделение контуров объектов при клике: https://alastairc.ac/2016/09/fixing-outlines-on-click/

[27] «Современный CSS и интерактивные письма» — доклад Mark Robbins на CSS Day 2016 : https://vimeo.com/181481382

[28] Статическая библиотека на CSS для инлайновых индикаторов загрузки: http://tawian.io/text-spinners/

[29] Способы управления расстоянием в веб-типографике: https://css-tricks.com/methods-controlling-spacing-web-typography/

[30] Анимированный полёт птицы на CSS: http://codepen.io/samirc/full/KgXVjV/

[31] Эффекты переходов с CSS масками: http://tympanus.net/codrops/2016/09/29/transition-effect-with-css-masks/

[32] Grid layout — необходимый шаг для развития CSS: http://maketea.co.uk/2016/09/28/css-grid-layout-is-a-step-change.html

[33] CSS4 Grid: наконец-то пришла настоящая раскладка: https://www.youtube.com/watch?v=axVw1Zduqn0

[34] Записи докладов с PiterJS #7: https://www.youtube.com/playlist?list=PLcXJ90eZ2bxjzjHpANVCkZCKTJlMP54zN

[35] Кому нужен AMP? Отложенная загрузка отзывчивых изображений с помощью Layzr.js: https://photography.tutsplus.com/tutorials/who-needs-amp-how-to-lazy-load-responsive-images-quick-and-easy-with-layzr--cms-27221

[36] Улучшайте ваше изучение JavaScript с помощью забавных экспериментов: https://www.sitepoint.com/improve-javascript-learning-experiments/

[37] Функциональное программирование в Javascript? Скорее дисфункциональное: http://ilikekillnerds.com/2016/09/functional-programming-javascript-like-dysfunctional/

[38] Быстрый совет: добавление и удаление CSS класса ванильным JavaScript: https://www.sitepoint.com/add-remove-css-class-vanilla-js/

[39] Управляем DOM-ом. Это не так тяжело, как вы бы могли подумать: https://medium.com/re-dom/master-the-dom-bc1a2a06089b

[40] Предложение асинхронного итератора в JavaScript: https://ponyfoo.com/articles/javascript-asynchronous-iteration-proposal

[41] Отладка Node.js с Chrome DevTools (параллельно с браузерным JavaScript): https://blog.hospodarets.com/nodejs-debugging-in-chrome-devtools

[42] Как безопасно использовать контекст в React-е: https://medium.com/@mweststrate/how-to-safely-use-react-context-b7e343eff076

[43] Одностраничный роутинг в Elm: https://mattweldon.com/articles/single-page-routing-in-elm/

[44] Реализация каррирования с помощью плейсхолдеров и поддержкой function-bind-syntax: https://github.com/Riim/curry

[45] Состоялся официальный релиз Vue.js 2.0: https://tproger.ru/news/vue-2-0-release/

[46] Релиз Vue 2.0: https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8

[47] JSX: антипаттерн или нет?: https://habrahabr.ru/post/311226/

[48] Immutable.js с Redux, его лучшим другом: http://frontendinsights.com/immutablejs-with-redux-his-best-friend/

[49] Сделайте ваши React-компоненты симпатичными: https://medium.com/walmartlabs/make-your-react-components-pretty-a1ae4ec0f56e

[50] Redux – лучшая имплементация Flux: http://frontendinsights.com/redux-the-best-flux-implementation/

[51] Миграция профилей Pinterest в React: https://engineering.pinterest.com/blog/migrating-pinterest-profiles-react

[52] Детальный обзор кодовой базы React: https://facebook.github.io/react/contributing/codebase-overview.html

[53] Чистый d3 код, работающий вместе с React: http://dev.topheman.com/d3-react-chart-components/

[54] Юнит тестирование React Native с *новым* Jest (II) — Redux: срезы action-ов и reducer-ов: https://blog.callstack.io/unit-testing-react-native-with-the-new-jest-ii-redux-snapshots-for-your-actions-and-reducers-8559f6f8050b

[55] Изучение React Native для новых и опытных разработчиков: https://reactjs.co/react-native-convention/

[56] Конфигурация create-react-app без перезапуска: https://medium.com/@kitze/configure-create-react-app-without-ejecting-d8450e96196a

[57] Понимание реактивного программирования и RxJS: https://auth0.com/blog/understanding-reactive-programming-and-rxjs/

[58] Анимационные переходы за 2 минуты с ngAnimate и CSS: http://www.codelord.net/2016/09/26/animating-transitions-in-2-minutes-with-nganimate-and-css/

[59] Разбираемся с промисами: основы: http://prgssr.ru/development/razbiraemsya-s-promisami-osnovy.html

[60] Переменные и всплытие функций в ES2015: https://bitsofco.de/variable-and-function-hoisting-in-es2015/

[61] Литералы шаблонов: https://css-tricks.com/template-literals/

[62] Lazy-loading ES2015 модулей в браузере: http://blog.avenuecode.com/lazy-loading-es2015-modules-in-the-browser/

[63] ES6 или ES2015 — как называть версии JavaScript?: http://bytearcher.com/articles/es6-vs-es2015-name/

[64] Предложение для добавления в ES: global: http://www.2ality.com/2016/09/global.html

[65] «Особенности ES6, невозможные в ES5» — доклад Dan Shappir: https://www.youtube.com/watch?v=GbVAMgU3Jj0

[66] react-animations: http://react-animations.herokuapp.com/

[67] choreographer-js: https://christinecha.github.io/choreographer-js/

[68] Leaflet: http://leafletjs.com/

[69] viewscroller: http://www.viewdesic.com/viewscroller/

[70] navigo: https://github.com/krasimir/navigo

[71] g9: http://omrelli.ug/g9/

[72] CurrencyFormatter.js: https://osrec.github.io/currencyFormatter.js/

[73] Taggd: https://timseverien.com/taggd/v3/

[74] Тестирование Firefox 50-beta и Firefox Developer Edition 51: http://www.opennet.ru/opennews/art.shtml?num=45212

[75] 7 альтернативных браузеров вместо Google Chrome, Safari и Firefox: https://vc.ru/p/chrome-alt

[76] Firefox 53 перестанет работать в Windows XP и Vista: http://itc.ua/blogs/firefox-53-perestanet-rabotat-v-windows-xp-i-vista/

[77] В следующей версии Windows 10 браузер Edge будет работать в небольшой виртуальной машине: http://itc.ua/blogs/v-sleduyushhey-versii-windows-10-brauzer-edge-budet-rabotat-v-nebolshoy-virtualnoy-mashine/

[78] Апдейт мобильной версии Chrome принесет несколько интересных нововведений: http://keddr.com/2016/09/obnovlennaya-versiya-google/

[79] Проект Mozilla представил три новые экспериментальные возможности для Firefox: http://www.opennet.ru/opennews/art.shtml?num=45237

[80] Новую версию браузера Opera со встроенным VPN загрузило более 2 млн новых пользователей за первую неделю: http://www.opera.com/blogs/russia/2016/09/opera-40-nash-lucshiy-reliz/

[81] Детали Safari Technology Preview Release 14: https://webkit.org/blog/6969/release-notes-for-safari-technology-preview-release-14/

[82] Но это не поддерживается в IE: https://paulund.co.uk/not-supported-ie

[83] В приложении Bing появилась поддержка AMP: https://www.searchengines.ru/bing-amp.html

[84] Юбилей React.js: количество звездочек на GitHub у библиотеки превысило 50000: https://tproger.ru/news/react-50k-start-on-github/

[85] Blackberry официально отказалась от производства смартфонов: https://vc.ru/n/blackberry-no-more-phones

[86] Google Penguin больше не будет понижать сайты за спамные ссылки: https://www.searchengines.ru/google-penguin-ssylki.html

[87] У Microsoft появилось новое подразделение из 5000 человек, которое займется разработками в области искусственного интеллекта: http://itc.ua/news/u-microsoft-poyavilos-novoe-podrazdelenie-iz-5000-chelovek-kotoroe-zaymetsya-razrabotkami-v-oblasti-iskusstvennogo-intellekta/

[88] Amazon, Facebook, Google, IBM и Microsoft объединили усилия по разработке ИИ: http://www.3dnews.ru/940190

[89] Компании Google исполнилось 18 лет: http://itc.ua/news/kompanii-google-ispolnilos-18-let/

[90] Mozilla высмеяла запреты Европейской комиссии по копирайту с помощью культовых мемов: https://vc.ru/p/mozilla-eu

[91] Mozilla окончательно «убила» Firefox OS: http://gagadget.com/announce/23947-mozilla-okonchatelno-ubila-firefox-os/

[92] Болезнь программистов 21 века: что такое компьютерный зрительный синдром и как с ним бороться: https://tproger.ru/articles/computer-vision-syndrome/

[93] Восстановлена первая запись компьютерной музыки, сделанная Аланом Тьюрингом в 1961 году: http://itc.ua/news/vosstanovlena-pervaya-zapis-kompyuternoy-muzyiki-sdelannaya-alanom-tyuringom-v-1961-godu/

[94] 20 причин, почему умирают стартапы: https://vc.ru/p/rip-report

[95] Марк Цукерберг показал, как устроены дата-центры Facebook: http://ain.ua/2016/09/29/673434

[96] 15 стартапов, которые купила Google, и что из этого вышло: http://ain.ua/2016/09/29/673092

[97] «Foo» и «bar»: как в программировании появились два самых популярных «зарезервированных имени»: https://tproger.ru/articles/foo-bar-history/

[98] Хакатон: волшебная пилюля: http://www.computerra.ru/156194/hackathon/

[99] Google сделал рекордно точную систему машинного перевода на основе нейросетей: https://nplus1.ru/news/2016/09/28/neurogoogletrans

[100] Как реагирует сообщество на «вопросы низкого качества» на Stack Overflow, и что делать, если такой вопрос задали именно вы?: https://tproger.ru/sponsored/stack-overflow-part-3/

[101] 6 способов зашифровать всё: http://gosvopros.ru/format/spiski/encrypt/

[102] 8 аксессуаров, которые не выпустила Apple (но выпустили другие): http://ain.ua/2016/09/25/671873

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

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

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

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

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