Дайджест свежих материалов из мира фронтенда за последнюю неделю №247 (23 — 29 января 2017)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Запись видео с Web Standards Days в Москве, 2017: https://www.youtube.com/watch?v=Z4E2drxNjMk&feature=youtu.be

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

[8] Веб-анимация в 2017-м: https://birtles.wordpress.com/2017/01/10/web-animation-in-2017/

[9] 33 способа ускорить ваш фронтенд в 2017 году: https://habrahabr.ru/company/badoo/blog/320558/

[10] Ускорение Lenta.ru: 3 человека, 2 недели, улучшение глубины просмотра на 27%: https://habrahabr.ru/post/320606/

[11] Как радикально улучшить производительность вашего сайта (часть 1): https://hackernoon.com/how-to-radically-improve-your-website-performance-part-1-c728f4e5b08f

[12] Семантика HTML5: контентные типы и новые элементы: https://www.sitepoint.com/html5s-changed-perspective-on-content-types/

[13] HTML vs HTML5 – в чем разница?: https://www.keycdn.com/blog/html-vs-html5/

[14] Правила использования ARIA в HTML: https://bitsofco.de/rules-for-using-aria-in-html/

[15] Упрощаем верстку отзывчивых HTML писем с помощью MJML: https://www.smashingmagazine.com/2017/01/making-responsive-html-email-coding-easy-with-mjml/

[16] Нужен Lorem Ipsum? Внутри HTML? : https://css-tricks.com/need-lorem-ipsum-inside-html/

[17] Кто ты такой, Service Worker?: https://medium.com/high-technologies-center/%D0%BA%D1%82%D0%BE-%D1%82%D1%8B-%D1%82%D0%B0%D0%BA%D0%BE%D0%B9-service-worker-9bce3b1201b6

[18] Offline-first для вашего шаблонизированного сайта (часть 2): https://jeffy.info/2017/01/24/offline-first-for-your-templated-site-part-2.html

[19] Имплементация «Save For Offline» с помощью Service Workers : https://una.im/save-offline/

[20] Создание доступного вспомогательного тултипа : https://sarasoueidan.com//blog/accessible-tooltips/

[21] Webpack Tutorial: разбираемся, как оно работает : https://www.ag-grid.com/ag-grid-understanding-webpack/

[22] npm для новичков: руководство для разработчиков фронтенда: https://www.impressivewebs.com/npm-for-beginners-a-guide-for-front-end-developers/

[23] Как мы должны загружать веб-компоненты?: https://paul.kinlan.me/loading-web-components/

[24] Иллюстрированные алгоритмы: Algorithm → AST → CSS (3 x JavaScript): https://github.com/skidding/illustrated-algorithms

[25] Map Rollovers: http://mediatemple.net/blog/tips/map-rollovers/

[26] А если без JavaScript?: https://habrahabr.ru/post/320668/

[27] Понимание процесса визуализации: https://habrahabr.ru/post/320430/

[28] CSS-анимации: Transitions и Animations. Motion Path Module CSS : https://stfalcon.com/ru/blog/post/animation-css

[29] Новый display:flow-root — не clearfix, но что это и зачем?: http://css-live.ru/faq/displayflow-root-not-clearfix.html

[30] Шпаргалка по Flexbox от Юли Бухваловой, с живыми демками и определениями из спеки : http://yoksel.github.io/flex-cheatsheet/

[31] Время clearfix хака подошло к концу?: https://rachelandrew.co.uk/archives/2017/01/24/the-end-of-the-clearfix-hack/

[32] Давайте взглянем на 50+ интересных свойств и значений в CSS: https://css-tricks.com/lets-look-50-interesting-css-properties-values/

[33] Простое использование CSS Grid: https://theboldreport.net/2017/01/a-simple-use-of-css-grid/

[34] Простая CSS анимация с помощью @keyframes: http://webdesignerwall.com/tutorials/easy-css-animation-using-keyframes

[35] Как создание сотен хип-хоп битов помогли мне понять HTML и CSS: https://medium.freecodecamp.com/how-making-hundreds-of-hip-hop-beats-helped-me-understand-html-and-css-cb7c61e847cf

[36] Пошаговое руководство по алгоритму автоматического размещения в CSS Grid: https://www.sitepoint.com/a-step-by-step-guide-to-the-auto-placement-algorithm-in-css-grid/

[37] Sass FUNction Demos: http://jonibologna.com/sass-function-demos/

[38] Архитектура CSS для множественных сайтов с помощью SASS: https://medium.com/@elad/css-architecture-for-multiple-websites-with-sass-7e923fc53f7a

[39] Мнения лидеров мнений бывают вредны: http://cssmojo.com/opinions_of_leaders_considered_harmful/

[40] Стандарт JavaScript: https://ponyfoo.com/articles/standard

[41] Куда будут двигаться JavaScript фреймворки в 2017-м?: http://blog.debugme.eu/javascript-frameworks-libraries-2017/

[42] Рефакторинг 30000 строк JS кода с помощью типов: https://www.reaktor.com/blog/refactoring-30000-lines-js-types/

[43] Полезность бесполезных JavaScript фреймворков: https://blog.hellojs.org/the-usefulness-of-useless-javascript-frameworks-74f99be72635

[44] Meteor в 2017: https://blog.meteor.com/meteor-in-2017-ad92d777c12d

[45] Что нового в jQuery 3 || 17 добавленных фич и как их использовать: http://www.rankred.com/whats-new-in-jquery-3-added-features-how-to-use-them/

[46] Прототипное наследование в JS объясненное с помощью CSS: https://medium.freecodecamp.com/understanding-prototypal-inheritance-in-javascript-with-css-93b2fcda75e4

[47] JavaScript методы работы с массивами: изменяемые и неизменяемые: http://lorenstewart.me/2017/01/22/javascript-array-methods-mutating-vs-non-mutating/

[48] Фильтрация и цепочки в функциональном JavaScript: https://www.sitepoint.com/filtering-and-chaining-in-functional-javascript/

[49] Как я написал самую быструю в мире библиотеку для мемоизации: https://community.risingstack.com/the-worlds-fastest-javascript-memoization-library/

[50] Работа с HTTP потоками с Cycle.js: http://ivanjov.com/working-with-http-streams-with-cycle-js/

[51] Async/await это шаг назад для JavaScript'a?: https://habrahabr.ru/post/320306/

[52] Как использовать JavaScript Fetch API для получения данных: https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data

[53] Подготовсья к собеседованию по JavaScript: что такое промис?: https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-promise-27fc71e77261

[54] Регулярки ECMAScript будут ещё лучше!: https://mathiasbynens.be/notes/es-regexp-proposals

[55] Предложение для ES: SharedArrayBuffer и atomics: http://www.2ality.com/2017/01/shared-array-buffer.html

[56] ES6 и не только: воркшоп в PayPal (январь 2017): https://www.youtube.com/watch?v=t3R3R7UyN2Y

[57] Angular или React – попробуй и то и другое, оно того стоит: http://www.dzurico.com/angular-or-react-try-both-of-them/

[58] Глубокое погружение в декораторы Angular: https://toddmotto.com/angular-decorators

[59] Наше путешествие по миграции 100k строк кода с AngularJS на React (часть 1): https://tech.small-improvements.com/2017/01/25/how-to-migrate-an-angularjs-1-app-to-react/

[60] Введение в Observable для Angular разработчиков: http://developer.telerik.com/topics/web-development/introduction-observables-angular-developers/

[61] Релиз React 15.5 и 16 Umbrella: https://github.com/facebook/react/issues/8854

[62] Лучше практики по написанию компонентов React: https://medium.com/code-life/our-best-practices-for-writing-react-components-dec3eb5c3fc8

[63] Redux с React – первый взгляд: http://www.jomendez.com/2017/01/26/redux-with-react-first-look/

[64] Оптимизация производительности твоего React приложения: https://auth0.com/blog/optimizing-react/

[65] react-redux-universal-boilerplate: https://github.com/kiki-le-singe/react-redux-universal-boilerplate

[66] Jest для всех: Episode 1  —  Vue.js: https://medium.com/@kentaromiura_the_js_guy/jest-for-all-episode-1-vue-js-d616bccbe186

[67] Управление состоянием во Vue.js с Vuex: https://alligator.io/vuejs/intro-to-vuex/

[68] tilt.js: http://gijsroge.github.io/tilt.js/

[69] qart.js: https://github.com/kciter/qart.js

[70] Улучшения Chrome и Firefox ускорили перезагрузку страниц на 28-50%: https://geektimes.ru/post/285208/

[71] Релиз Firefox 51: http://www.opennet.ru/opennews/art.shtml?num=45909

[72] + технические детали в блоге Марата Таналина: http://tanalin.com/blog/2017/01/firefox-51/

[73] Тестирование Firefox 52-beta и Firefox Developer Edition 53: http://www.opennet.ru/opennews/art.shtml?num=45939

[74] Выпуск web-браузера Chrome 56: http://www.opennet.ru/opennews/art.shtml?num=45924

[75] Новинки Safari: https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_1.html

[76] Google Chrome и Mozilla Firefox сделают маркировки о безопасности сайтов более навязчивыми: https://tjournal.ru/40294-google-chrome-i-mozilla-firefox-sdelaut-markirovki-o-bezopasnosti-saitov-bolee-navyazchivimi

[77] Следом за MongoDB начались атаки на CouchDB, Hadoop и ElasticSearch: http://www.opennet.ru/opennews/art.shtml?num=45903

[78] «Это был один из самых ужасных дней карьеры»: как ошибаются неопытные сотрудники IT-компаний: http://ain.ua/oshibki-neopytnyh-sotrudnikov

[79] Долгожители в сфере IT: самая старая из действующих программ и другие ветераны вычислительного труда: https://tproger.ru/translations/oldest-still-running-software-ever/

[80] История про плохого программиста, или Как не надо идти в IT: http://ain.ua/istoriya-pro-ploxogo-programmista

[81] Популярные технологии программирования в 2017 году — исследования Stack Overflow и других компаний: https://vc.ru/p/what-language-2017

[82] Тренажёр по скоростному набору кода для программистов: https://tproger.ru/tools/speedcoder/

[83] Эксперты IBM сделали пять предсказаний о жизни в 2022 г.: https://naked-science.ru/article/sci/eksperty-ibm-sdelali-pyat-predskazaniy

[84] Сложные люди в IT и что с ними делать?: https://dou.ua/lenta/columns/complicated-people-in-it/

[85] Почему крах Xiaomi похоронит идею доступных смартфонов: https://life.ru/t/%D0%B3%D0%B0%D0%B4%D0%B6%D0%B5%D1%82%D1%8B/963749/pochiemu_krakh_xiaomi_pokhoronit_idieiu_dostupnykh_smartfonov

[86] Виталий Фридман: «Реклама не работает, ведь каждый третий читатель использует adblocker»: http://telegraf.design/vitaly-friedman-nuzhno-udivlyat-kachestvom-raboty/

[87] Дания назначит первого в мире «цифрового посла» для переговоров с Apple, Google и другими корпорациями: http://ain.ua/daniya-naznachit-cifrovogo-posla

[88] Как WASD стала стандартной схемой управления на ПК: https://dtf.ru/2976-kak-wasd-stala-standartnoy-shemoy-upravleniya-na-pk

[89] Какие технологические уловки и хитрости используют современные детективы: https://daily.afisha.ru/technology/4283-kakie-tehnologicheskie-ulovki-i-hitrosti-ispolzuyut-sovremennye-detektivy/

[90] Следующая большая техническая революция произойдет в вашем ухе Facebook: http://rb.ru/longread/tech-revolution/

[91] Робот доказал, что он не робот, обойдя соответствующую капчу: http://itc.ua/blogs/robot-dokazal-chto-on-ne-robot-oboydya-sootvetstvuyushhuyu-kapchu/

[92] Подразделения Alphabet, занимающиеся технологиями будущего, все еще убыточны, но убытки уменьшаются, а выручка растет: http://itc.ua/news/podrazdeleniya-alphabet-zanimayushhiesya-tehnologiyami-budushhego-vse-eshhe-ubyitochnyi-no-ubyitki-umenshayutsya-a-vyiruchka-rastet/

[93] Gmail будет блокировать прикреплённые .js файлы с 13-го февраля, 2017-го: https://gsuiteupdates.googleblog.com/2017/01/gmail-will-restrict-js-file-attachments.html

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

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

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

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

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