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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Использование Service Worker для создания ботнета: https://habrahabr.ru/company/badoo/blog/318000/

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

[8] Подкаст RadioJS, Выпуск 45: https://radiojs.ru/2016/12/radiojs-45/

[9] Слепая доступность: http://cssing.org.ua/2016/12/26/blind-accessibility/

[10] Mobile-first индекс Google: что нужно перестать делать уже сейчас: https://www.searchengines.ru/mobile-first-indeks-google.html

[11] Вот что случилось в этом году: обзор фронтенд разработки в 2016-м: https://raygun.com/blog/2016/12/front-end-development-review/

[12] Самые популярные ссылки на тему фронтенда в 2016-м: https://medium.com/statuscode/the-most-popular-front-end-links-of-2016-35d3142ac398

[13] Что изучать в 2017-м, если вы — разработчик фронтенда: https://medium.com/@sapegin/what-to-learn-in-2017-if-youre-a-frontend-developer-b6cfef46effd

[14] Reactive Audio WebVR: https://css-tricks.com/reactive-audio-webvr/

[15] Песочница PlayCode.io, где можно тестировать ваш код на JavaScript, CSS, HTML, CoffeeScript или TypeScript : https://playcode.io/

[16] Как здравомыслящие люди пишут ужасный код: https://ponyfoo.com/articles/terrible-code-sane-people

[17] Еще более быстрые изображения с помощью HTTP2 и Progressive JPEG: http://calendar.perfplanet.com/2016/even-faster-images-using-http2-and-progressive-jpegs/

[18] Оптимизация производительности: пример оптимизации проекта Aidstream, ч.1: https://blog.yipl.com.np/performance-optimization-a-case-of-optimizing-aidstream-project-part-1-92bd8621da4b

[19] Как интегрировать AMP в WordPress и отобразить в поисковой выдаче Google: https://hackernoon.com/how-to-integrate-amp-in-wordpress-and-display-it-in-google-searches-e1a6ee0e66c5

[20] Начинаем работать с AMP: http://www.problogbooster.com/2016/12/amp-accelerated-mobile-pages.html

[21] Стандартизирован сброс обтекания (clearfix): http://tanalin.com/blog/2016/12/standard-clearing/

[22] Лапша в CSS: https://medium.com/@meuwka/%D0%BB%D0%B0%D0%BF%D1%88%D0%B0-%D0%B2-css-cc04fb254712

[23] Интерполяция в CSS без анимаций: https://madebymike.com.au/writing/interpolation-without-animation/

[24] Использование ключевого слова currentColor в CSS: https://soledadpenades.com/2016/12/14/using-the-currentcolor-css-keyword/

[25] Взлом HTML писем с помощью CSS : http://www.thedotpost.com/2016/12/kevin-mandeville-hacking-html-emails-with-css

[26] Стилизация лендингов с помощью PostCSS: https://www.codementor.io/vijayst/tutorials/style-a-landing-page-with-postcss-nwrhvy4ya

[27] Создание комплексных раскладок с помощью PostCSS-Flexbox: http://www.creativebloq.com/how-to/build-complex-layouts-with-postcss-flexbox

[28] Из Sass в PostCSS: https://tylergaw.com/articles/sass-to-postcss

[29] CSS — iOS Media Queries Boilerplates: https://medium.com/code-the-world/css-ios-media-queries-boilerplates-f89164979f9

[30] SCSS random() Ёлка: http://codepen.io/andrewhawkes/pen/PbddJZ

[31] Снежинка: http://codepen.io/katydecorah/pen/vydKyK

[32] Доставка на рождественское утро: http://codepen.io/hexagoncircle/pen/WoWQEO

[33] Правда о традиционных JavaScript-бенчмарках: https://habrahabr.ru/company/mailru/blog/318282/

[34] Интерактивная таблица результатов: https://habrahabr.ru/post/318558/

[35] Функциональное программирование с примерами на JavaScript.: https://tproger.ru/translations/functional-js-2/

[36] Как сделать ваш JavaScript быстрее / Роман Дворнов (Авито): https://www.youtube.com/watch?v=BstzvS2xd5U&feature=youtu.be

[37] Давайте использовать const! И вот почему: https://ponyfoo.com/articles/var-let-const

[38] Топ восходящих трендов в JavaScript, за которыми можно следить в 2017-м: https://medium.com/commit-push/the-top-rising-javascript-trends-to-watch-in-2017-86d8e87db3b3

[39] ES5 в ES6 с помощью Lebab: https://davidwalsh.name/lebab

[40] Введение в localStorage и sessionStorage: https://alligator.io/js/introduction-localstorage-sessionstorage/

[41] Лекарство от JS усталости?  — Создайте что-то более интересное: https://hackernoon.com/cure-for-js-fatigue-build-something-more-interesting-afaf74b95682

[42] Реактивное программирование с помощью JavaScript: https://blog.yipl.com.np/reactive-programming-with-javascript-3e53abf238a4

[43] Итак, вы думаете, что вы можете в JavaScript? ч.2: https://medium.com/hello-javascript/so-you-think-you-can-javascript-part-2-ffe1d373d7bc

[44] Объяснение коллбеков в Javascript: https://medium.com/@fotios.floros/explaining-javascript-callbacks-3d5a9ad52819

[45] Десятка лучших IDE дле веб разработчиков при работе с JavaScript: http://www.techbeamers.com/best-javascript-ide-web-development/

[46] Семь необходимых расширений Visual Studio Code для работы с Angular: https://medium.com/@tomsu/7-must-have-visual-studio-code-extensions-for-angular-af9c476147fd

[47] Анимация 2048 нод в SVG, реализованные с помощью React, Preact, Inferno, Vue, Angular 2, и CycleJS – пошаговое сравнение: https://swizec.com/blog/animating-svg-nodes-react-preact-inferno-vue/swizec/7311

[48] Создание автоматизации на ванильном JavaScript: https://medium.com/@tarkus/build-automation-with-vanilla-javascript-74639ec98bad

[49] Модульный front-end: http://www.nx-framework.com/blog/public/vision/

[50] Просто Angular: https://habrahabr.ru/post/318682/

[51] Vue в 2016-м: https://medium.com/the-vue-point/vue-in-2016-8df71d98bfb3

[52] Vue.js  —  установка проекта: https://medium.com/@bradfmd/vue-js-project-setup-2b39fcc8867d

[53] Почему я остаюсь с React (пока что): https://hackernoon.com/im-sticking-with-react-for-now-47b792be555d

[54] React Responsive: это довольно клево: https://medium.com/@kkomaz/react-responsive-its-pretty-cool-d61e5ed56d95

[55] Как я переконвертировал мое React-приложение на VanillaJS (и так или иначе, это было ужасной идеей): https://medium.com/@david.gilbertson/how-i-converted-my-react-app-to-vanillajs-and-whether-or-not-it-was-a-terrible-idea-4b14b1b2faff

[56] Как использовать библиотеки jQuery в экосистеме React: https://medium.com/@superKalo/how-to-use-jquery-libraries-in-the-react-ecosystem-7dfeb1aafde0

[57] Важное в Angular: Dependency Injection: https://blog.nrwl.io/essential-angular-dependency-injection-a6b9dcca1761

[58] 8 JavaScript библиотек для визуализации данных в виде интерактивных карт: https://habrahabr.ru/post/318600/

[59] Rellax: https://github.com/dixonandmoe/rellax

[60] Разбираемся с D3: https://medium.com/beast-academy/getting-started-with-d3-155bda91a4b1

[61] В GNOME Shell integration for Chrome добавлена поддержка Firefox: http://www.opennet.ru/opennews/art.shtml?num=45768

[62] Mozilla прекратит поддержку Firefox для Windows XP и Vista в сентябре 2017 года: http://itc.ua/news/mozilla-prekratit-podderzhku-firefox-dlya-windows-xp-i-vista-v-sentyabre-2017-goda/

[63] Компания NetMarketShare выпустила отчёт по поводу доли рынка браузеров и операционных систем: http://microsoftportal.net/windows-9/7808-kompaniya-netmarketshare-vypustila-otchet-po-povodu-doli-rynka-brauzerov-i-operacionnyh-sistem.html

[64] Итоги 2016 года: пять главных разочарований: https://3dnews.ru/945080/

[65] Связанные одной сетью: будет ли человек жить в виртуальном мире?: https://naked-science.ru/article/nakedscience/svyazannye-odnoy-setyu-budet

[66] Как работает алгоритм ранжирования новостной ленты в Facebook: http://internetno.net/category/analitika/facebook_algoritm/

[67] Новости Windows 10: зеленый экран смерти в бета-версиях и специальный игровой режим: http://itc.ua/news/novosti-windows-10-zelenyiy-ekran-smerti-v-beta-versiyah-i-spetsialnyiy-igrovoy-rezhim/

[68] Pebble: оптимизм с летальным исходом: https://3dnews.ru/945129/

[69] Flash умирает. Почему это плохо?: https://roem.ru/30-12-2016/239659/flash-dies-hard/

[70] 28 лет Sun Microsystems: как создавалась, развивалась и была продана компания, разработавшая Java: https://vc.ru/p/sun-story

[71] Создана первая в мире система искусственного интеллекта на базе спинтронных элементов: http://itc.ua/news/sozdana-pervaya-v-mire-sistema-iskusstvennogo-intellekta-na-baze-spintronnyih-elementov/

[72] Как США готовятся к «робобезработице»: http://gosvopros.ru/non-job/sotsialka/robo/

[73] 13 видеороликов, объясняющих важные научные открытия: http://itc.ua/articles/13-videorolikov-obyasnyayushhih-vazhnyie-nauchnyie-otkryitiya/

[74] Что дарят своим сотрудникам на Новый год Apple, Mail.Ru Group, Riot Games и другие компании: https://vc.ru/p/employees-gifts-2017

[75] Apple признана самой влиятельной компанией 2016 года: http://gagadget.com/business/25179-apple-priznana-samoj-vliyatelnoj-kompaniej-2016-goda/

[76] Лучшие гаджеты года: http://gagadget.com/itogi-goda/25177-itogi-2016-goda-luchshie-gadzhetyi-uhodyaschego-goda/

[77] Самолет Virgin опоздал из-за шутника, назвавшего WiFi-точку «Galaxy Note 7»: http://ain.ua/samolet-virgin-opozdal-iz-za-galaxy-note-7

[78] Каково это — работать в Snapchat, одной из самых скрытных хайтек-компаний: http://ain.ua/kakovo-eto-rabotat-v-snapchat

[79] Ты — пикчер: https://nplus1.ru/news/2017/01/01/pikcher

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

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

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

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

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