Дайджест свежих материалов из мира фронтенда за последнюю неделю №252 (27 — 5 марта 2017)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

[7] Синдром самозванца: сражение с усталостью от фронтенда: https://habrahabr.ru/post/322674/

[8] Вышло обновление Visual Studio Code 1.10: https://tproger.ru/news/visual-studio-code-1-10/

[9] Как смотреть видео с фронтенд-конференций: https://medium.com/@neonick/confvideos101-e0a088cece23

[10] Тренды в фронтенд инструментария в 2017-м году: https://www.sitepoint.com/front-end-tooling-trends-2017/

[11] О функциональном программировании в фронтенде: https://blog.daftcode.pl/get-functional-3eaceb76258f

[12] ebaytechblog: эффективное код-ревью фронтенда: http://www.ebaytechblog.com/2017/03/02/effective-front-end-code-review/

[13] Оптимизация фронтенда под браузеры: https://habrahabr.ru/company/badoo/blog/322988/

[14] Тестирование производительности с помощью User Timing API: http://csskarma.com/blog/user-timing-api/

[15] Состояние адаптивных изображений в 2017-м: https://cloudfour.com/thinks/state-of-responsive-images-2017/

[16] Анализ rel=preload от команды Chrome Data Saver: https://medium.com/reloading/a-link-rel-preload-analysis-from-the-chrome-data-saver-team-5edf54b08715

[17] Технология WebAssembly признана готовой для включения в браузерах по умолчанию: https://www.opennet.ru/opennews/art.shtml?num=46117

[18] Иллюстрированное введение в WebAssembly: https://hacks.mozilla.org/2017/02/a-cartoon-intro-to-webassembly/

[19] Создание и введение в модули WebAssembly: https://hacks.mozilla.org/2017/02/creating-and-working-with-webassembly-modules/

[20] Что делает WebAssembly таким быстрым?: https://hacks.mozilla.org/2017/02/what-makes-webassembly-fast/

[21] Где WebAssembly находится сейчас и что дальше?: https://hacks.mozilla.org/2017/02/where-is-webassembly-now-and-whats-next/

[22] Что такое JSON? Введение и руководство для новичков: https://www.impressivewebs.com/what-is-json-introduction-guide-for-beginners/

[23] Как создать свой собственный прогрессивный загрузчик изображений: https://www.sitepoint.com/how-to-build-your-own-progressive-image-loader/

[24] Библиотеки Progressive Web App Libraries на продакшене: https://medium.com/dev-channel/progressive-web-app-libraries-in-production-b52cad37d34

[25] Создание картинок на CSS делает верстальщика лучше, или Чем себя занять долгими зимними вечерами: https://habrahabr.ru/post/323086/

[26] Неизведанные глубины CSS: метрики шрифта, line-height и vertical-align: http://css-live.ru/css/metriki-shrifta-line-height-vertical-align.html

[27] Пользовательские свойства CSS. Основы: http://zmeika.name/2017/03/02/custom-css-properties-basics.html

[28] Февральская встреча pitercss №10 : https://www.youtube.com/playlist?list=PLTdS5E3zupkEiDgztHOUw4kOSM8Qdzo7H

[29] Соглашения по именованию размеров в масштабируемом CSS: https://speckyboy.com/naming-conventions-sizes-scalable-css/

[30] Breakpoints: Don’t Box Me In: https://cloudfour.com/thinks/breakpoints-dont-box-me-in/

[31] Основные концепты grid layout: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout

[32] Подробнейшее руководство по CSS Grid Layout: https://tympanus.net/codrops/css_reference/grid/

[33] Изучение CSS Grid Layout: https://rachelandrew.co.uk/archives/2017/03/03/learning-css-grid-layout/

[34] Подборка актуальных ресурсов по изучению CSS Grid : http://jensimmons.com/post/feb-27-2017/learn-css-grid

[35] Grid + Flexbox: наилучшая комбинация для разметки в вебе: https://www.chenhuijing.com/blog/css-grid-flexbox-combo/

[36] Создание отзывчивой сетки на Flexbox с помощью Less: https://scotch.io/tutorials/making-our-flexbox-grid-responsive

[37] Действительно ли вы знаете CSS linear-gradients?: https://medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf

[38] Имплементация Critical CSS на вашем сайте: https://nystudio107.com/blog/implementing-critical-css

[39] О технике container queries: https://ethanmarcotte.com/wrote/on-container-queries/

[40] Эффектная анимация текста в стиле видео-заставки: http://codepen.io/rob_costello/pen/QpWRRL

[41] Примеры CSS анимации границ блоков по наведению: http://codepen.io/giana/pen/yYBpVY/?editors=1100

[42] React или Vue? Выбираем библиотеку для фронтенд-разработки: https://habrahabr.ru/company/ruvds/blog/323142/

[43] Промисы на примере бургер-вечеринки: https://habrahabr.ru/company/nixsolutions/blog/323066/

[44] Настройка проекта на Node.JS с нуля: https://www.youtube.com/watch?v=RW5JjiFg2uw

[45] MinskJS Meetup #1 : https://www.youtube.com/playlist?list=PL-whh3wS8xsKFQUJwBgWOOm8bAO4JmFiU

[46] Обновление до Babel 7 (WIP): https://babeljs.io/blog/2017/03/01/upgrade-to-babel-7

[47] Быстрый совет: как сортировать массивы объектов в JavaScript: https://www.sitepoint.com/sort-an-array-of-objects-in-javascript/

[48] Все что я выучил из #Javascript30: https://medium.com/craft-academy/everything-i-learned-from-javascript30-d8d2db246b7

[49] Предлагаемая карта решения вопросов JavaScript разработки в 2017-м: https://hackernoon.com/a-map-to-modern-javascript-development-2017-16d9eb86309c

[50] Реальная история эпохи ECMAScript 4: https://auth0.com/blog/the-real-story-behind-es4/

[51] Работа с JavaScript Battery API: http://www.developerdrive.com/2017/03/working-with-the-javascript-battery-api/

[52] 5 продвинутых техник Javascript и отладки, о которых вы должны знать: https://medium.com/badoo-developers/5-advanced-javascript-and-web-debugging-techniques-you-should-know-about-c037761d5119

[53] Тестирование роутов в Angular 2: https://semaphoreci.com/community/tutorials/testing-routes-in-angular-2

[54] Как мы сделали миграцию 200K+ LOC проекта на TypeScript и выжили чтобы рассказать эту историю: https://hashnode.com/post/how-we-migrated-a-200k-loc-project-to-typescript-and-survived-to-tell-the-story-ciyzhikcc0001y253w00n11yb

[55] Горячая перезагрузка всего!: https://hackernoon.com/hot-reload-all-the-things-ec0fed8ab0

[56] Asynchronous vs Deferred JavaScript: https://bitsofco.de/async-vs-defer/

[57] Подкаст 5minreact #6 — React 15.5 and 16 Umbrella: http://5minreact.ru/6-15.5-and-16-umbrella/

[58] 6 краеугольных камней для React : https://hashnode.com/post/6-cornerstones-of-react-cizv4k5hd00ax615339e451cg

[59] Как работать с формами с React: https://www.sitepoint.com/work-with-forms-in-react/

[60] Конвертация большой кодовой базы React с Coffeescript на ES6: https://blog.bugsnag.com/converting-a-large-react-codebase-from-coffeescript-to-es6/

[61] Функциональный setState — это будушее React: https://medium.freecodecamp.com/functional-setstate-is-the-future-of-react-374f30401b6b

[62] Оптимизация производительности для React: часть 2: https://www.youtube.com/watch?v=jm81fmVr3co

[63] Улучшение работы с зависимостями в React: http://blog.scottlogic.com/2017/02/28/relogic.html

[64] Три вещи, которые я узнал, работая с данными в Redux: https://dev.bleacherreport.com/3-things-i-learned-about-working-with-data-in-redux-5fa0d5f89c8b

[65] eslint-plugin-jsx-a11y: https://github.com/evcohen/eslint-plugin-jsx-a11y

[66] Генератор BEM классов для Vue.js: https://vuejsfeed.com/blog/bem-class-name-generator-for-vue-js

[67] Обновление Vue.js до версии 2.2: https://alligator.io/vuejs/upgrading-vue-2.2/

[68] Создание короткого рассказа с помощью SVGs и Vue.js: https://medium.com/coding-artist/write-a-short-story-with-svgs-and-vue-js-reviving-zelda-like-nostalgia-47116e300fd7

[69] Создание To-Do приложения с помощью Vue.js 2: https://scotch.io/tutorials/build-a-to-do-app-with-vue-js-2

[70] Обзор: Vue.js фреймворки для создания мобильных гибридных приложений: https://alligator.io/vuejs/roundup-mobile-hybrid-frameworks/

[71] Имплементация Pull to reload для веба: https://github.com/ErlendEllingsen/pull-to-reload

[72] neurojs: https://github.com/janhuenermann/neurojs

[73] Store.js: https://github.com/marcuswestin/store.js

[74] Anchorme: http://alexcorvi.github.io/anchorme.js/

[75] BigPicture.js — плагин с функционалом позволяющим по клику на миниатюту просмотреть изображение/видео во всплывающей панели: https://github.com/henrygd/bigpicture

[76] В Firefox началось тестирование контекстных контейнеров: http://www.opennet.ru/opennews/art.shtml?num=46127

[77] V8: за кулисами (февраль. история TurboFan): http://benediktmeurer.de/2017/03/01/v8-behind-the-scenes-february-edition/

[78] Какой браузер самый быстрый под Linux?: http://www.zdnet.com/article/whats-the-fastest-linux-web-browser/

[79] Safari теряет пользователей, подражая IE: http://www.computerworld.com/article/3176061/web-browsers/safari-browser-sheds-users-mimicking-ie.html

[80] Mozilla приобрела сервис отложенного чтения Pocket: https://vc.ru/n/mozilla-pocket

[81] Как развивался сервис для отложенного чтения Pocket и что изменится после его продажи Mozilla: https://ain.ua/2017/03/01/kak-razvivalsya-servis-dlya-otlozhennogo-chteniya-pocket

[82] HTTPS обошел HTTP: распространение безопасного протокола достигло переломного уровня: https://tproger.ru/translations/https-tipping-point/

[83] «Яндекс» признан самой дорогой компанией Рунета: http://www.cossa.ru/news/153665/

[84] Ryzen 7: мировой релиз долгожданного трио: https://3dnews.ru/948473/

[85] CoinDesk: Курс биткоина впервые превысил стоимость унции золота: http://itc.ua/news/kurs-bitkoina-prevyisil-stoimost-untsii-zolota/

[86] Оно само: сбой облачных сервисов Amazon произошел по вине сотрудника компании: https://ain.ua/2017/03/02/ono-samo-sboj-oblachnyx-servisov-amazon

[87] «Меня только что попросили сбалансировать двоичное дерево поиска в аэропорту»: https://tjournal.ru/41543-menya-tolko-chto-poprosili-sbalansirovat-dvoichnoe-derevo-poiska-v-aeroportu

[88] Бюджетный IoT. Как сэкономить на лампочках, объединить домашние гаджеты и обмануть Siri: https://xakep.ru/2017/03/03/inexpensive-iot/

[89] Цифровое наследие: Что будет с вашими аккаунтами после смерти: http://www.the-village.ru/village/business/newprof/258240-post-mortem

[90] Бесплатные игровые движки на HTML5 и JavaScript: https://tproger.ru/digest/free-game-engines-js/

[91] Как бдительный робот может создать проблемы добропорядочному гражданину: http://gosvopros.ru/job/professionalnye-navyki/robot-compliance/

[92] Boston Dynamics официально представила робота на колёсах Handle: https://3dnews.ru/948310/

[93] NASA опубликовало симулятор работы астронавта в открытом космосе и множество другого софта: https://tjournal.ru/41618-nasa-opublikovalo-simulyator-raboti-astronavta-v-otkritom-kosmose-i-mnozhestvo-drugogo-softa

[94] Не прошло и года: Google закрывает мессенджер Spaces: https://ain.ua/2017/02/26/google-zakryvaet-mennedzher-spaces

[95] Разработчик обошел «капчу» Google с помощью распознания речи Google: https://ain.ua/2017/03/03/razrabotchik-oboshel-kapchu-google

[96] «ИТ-компании слишком крупные, чтобы быть честными»: https://vc.ru/p/exponential-wrong

[97] Чем питается пессимизм в ИТ?: http://www.computerra.ru/163599/itif/

[98] Новая Зеландия предложила бесплатную поездку в страну соискателям на ИТ-специальности: https://vc.ru/n/new-zealand-holiday

[99] Разницу между Apple и Google объяснили с помощью их патентов: http://www.cossa.ru/news/153786/

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

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

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

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

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