Дайджест свежих материалов из мира фронтенда за последнюю неделю №216 (13 — 19 июня 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

[7] Frontflip, выпуск 18: http://frontflip.me/2016/06/15/why-mobx-and-not-redux.html

[8] Google: частые ошибки при добавлении логотипа на AMP-страницы: http://www.searchengines.ru/google-chastye-oshibki-amp.html

[9] Как мы используем SVG-спрайты: http://glivera-team.github.io/svg/2016/06/13/svg-sprites-2.html

[10] Куда движется веб в 2016-м: http://developer.telerik.com/featured/web-going-2016/

[11] Нельзя просто взять и научиться писать код: https://medium.freecodecamp.com/one-does-not-simply-learn-to-code-f25bacdc5b62

[12] Чертов открытый веб: https://hueniverse.com/2016/06/08/the-fucking-open-web/

[13] Обзор онлайн-песочниц для написания кода: https://www.sitepoint.com/round-up-online-code-playgrounds/

[14] UX валидация форм с помощью HTML и CSS: https://css-tricks.com/form-validation-ux-html-css/

[15] Подробно о том, как создавались новые шаблоны для рассылки на Tuts+: http://webdesign.tutsplus.com/articles/how-we-did-it-building-the-new-tuts-email-templates--cms-26680

[16] PNG to WebP – сравнение размеров компрессии: https://optimus.keycdn.com/support/png-to-webp/

[17] Web Rebels 2016: https://opbeat.com/events/web-rebels-2016/#progressive-web-apps-a-love-story

[18] Настройка и рассчет бюджета веб-производительности: https://www.keycdn.com/blog/web-performance-budget/

[19] Оптимизация посадочной страницы: радиокнопки vs дропдауны: http://www.marketingexperiments.com/blog/research-topics/landing-page-optimization-research-topics/radio-buttons-versus-dropdowns.html

[20] Как Emoji могут улучшить ваш код: https://www.tjvantoll.com/2016/06/10/emoji-and-coding/

[21] Сайт Google Fonts получил редизайн и новые возможности: http://www.creativebloq.com/fonts/google-fonts-website-gets-redesign-61620894

[22] Разработка по стайлгайдам с помощью Atomic Docs: https://css-tricks.com/style-guide-driven-development-atomic-docs/

[23] Mega Boilerplate: http://megaboilerplate.com/

[24] Улучшаем качество фронтенд проектов, автоматически: http://developer.telerik.com/featured/improving-quality-front-end-projects-automatically-pt-1-html/

[25] Интерактивный проигрыватель с помощью Web Audio API: http://tympanus.net/codrops/2016/06/15/interactive-record-player/

[26] SVG анимация перелистывания страниц книги: http://codepen.io/tmrDevelops/pen/emEweK

[27] Динамические двухцветные SVG-изображения помощью feColorMatrix и Jade: https://ines.io/blog/dynamic-duotone-svg-jade

[28] Залипательная демка на канвасе с эмуляцией физических свойств жидкости: http://david.li/fluid/

[29] Еженедельная подборка красивых эффектов на CSS/SVG/JS #42: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-42.html

[30] Как называть css-классы: https://habrahabr.ru/post/303174/

[31] Оформление содержимого <use> в SVG с помощью CSS: http://prgssr.ru/development/oformlenie-soderzhimogo-use-v-svg-s-pomoshyu-css.html

[32] Магия CSS. Глава 4. Цвет: https://medium.com/@ABatickaya/%D0%BC%D0%B0%D0%B3%D0%B8%D1%8F-css-%D0%B3%D0%BB%D0%B0%D0%B2%D0%B0-4-%D1%86%D0%B2%D0%B5%D1%82-bc53dd749ce9

[33] Паттерны загрузки веб-шрифтов: http://web-standards.ru/articles/web-font-loading-patterns/

[34] Как работают в флексбоксе z-index и автоотступы: http://prgssr.ru/development/kak-rabotayut-v-fleksbokse-z-index-i-avtootstupy.html

[35] Битва с БЭМ: 10 самых распространенных проблем и способы их решения (часть 2): http://e-planet.ru/company/blog/bitva-s-bem-10-samyh-rasprostranennyh-problem-i-sposoby-ih-reshenija-chast-2.html

[36] PiterCSS #5: https://www.youtube.com/watch?v=qFeCi6E3e14&t=1314

[37] Юрий Зайцев о том, как улучшают качество CSS кода на Facebook: https://code.facebook.com/posts/879890885467584/improving-css-quality-at-facebook-and-beyond

[38] Разоблачение плотности пикселей: https://medium.com/@pnowelldesign/pixel-density-demystified-a4db63ba2922

[39] Сравнение лучших CSS пре- и пост- процессоров: http://www.slant.co/topics/217/~css-preprocessors-postprocessors

[40] 7 PostCSS плагинов для облегчения начала использования PostCSS: https://www.sitepoint.com/7-postcss-plugins-to-ease-you-into-postcss/

[41] Дефолтные стили браузера Google Chrome: https://cs.chromium.org/chromium/src/third_party/WebKit/Source/core/css/html.css

[42] React CSS компоненты: https://github.com/andreypopp/react-css-components

[43] Размышления по поводу floats, figures, regions и grids: https://www.rachelandrew.co.uk/archives/2016/06/17/thinking-about-page-floats-figures-regions-and-grids/

[44] Snapper: A CSS Snap Points Carousel: https://www.filamentgroup.com/lab/introducing-snapper.html

[45] Интеграция Stylelint в ваш процесс разработки для улучшения CSS: https://web-design-weekly.com/2016/06/15/integrate-stylelint-workflow-better-css/

[46] Об использовании Pointer Events: http://danielcwilson.com/blog/2016/06/pointer-events/

[47] CriticalCSS в действии: https://bocoup.com/weblog/criticalcss-in-action

[48] Имплементация базового ритма в CSS: https://pilot.co/blog/implementing-baseline-rhythm-in-css/

[49] Видео с Frontend Conf 2016: Библиотека UI компонентов о которой вы всегда мечтали: http://tohtml.it/post/146154017733/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-%D1%81-frontend-conf-2016-%D0%B1%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B0-ui

[50] Делаем свой JavaScript чистым: http://prgssr.ru/development/delaem-svoj-javascript-chistym.html

[51] Введение в функциональный JavaScript: Часть 2: http://webtackles.ru/javascript/introduction-to-func-js-arrays/

[52] Два столпа JavaScript: http://frontender.info/the-two-pillars-of-javascript/

[53] JSConf Budapest 2016 : https://www.youtube.com/playlist?list=PL37ZVnwpeshE6PbF5GB4hvtU3A4HqMfxf

[54] Руководство по работе с Redux: https://habrahabr.ru/company/mailru/blog/303456/

[55] Видео записи докладов с конференции React Amsterdam 2016: https://www.youtube.com/playlist?list=PLNBNS7NRGKMG3uLrm5fgY02hJ87Wzb4IU

[56] Выбираем JavaScript фреймворк: https://www.youtube.com/watch?v=6I_GwgoGm1w&feature=youtu.be

[57] Тестирование AngularJS с Jasmine и Karma (Part 1): https://scotch.io/tutorials/testing-angularjs-with-jasmine-and-karma-part-1

[58] Структура React и Redux приложений: https://medium.com/@sapegin/structuring-react-and-redux-applications-255361d24f84

[59] Минимальный стартовый набор для работы с React: http://krasimirtsonev.com/blog/article/The-bare-minimum-to-work-with-React

[60] Три причины, по которым я прекратил использование React.setState: https://medium.com/@mweststrate/3-reasons-why-i-stopped-using-react-setstate-ab73fc67a42e

[61] React: ES5 (createClass) или ES6 (class)?: https://daveceddia.com/react-es5-createclass-vs-es6-classes/

[62] Обзор Egghead курсов: React, реактивное программирование и опен-сорс: https://medium.com/@sapegin/egghead-courses-review-5594348c4adf

[63] Синтаксис Angular Component: http://blog.thehumangeo.com/angular-component-syntax.html

[64] Доступен Angular 2.0 RC2: http://angularjs.blogspot.com/2016/06/rc2-now-available.html

[65] Пересмотренный роутинг в Angular 2: http://blog.thoughtram.io/angular/2016/06/14/routing-in-angular-2-revisited.html

[66] Preact — альтернатива React-у с тем же ES6 API: https://preactjs.com/

[67] #ES2016 (aka #ES7) spec is out. : http://www.ecma-international.org/ecma-262/7.0/index.html

[68] ECMAScript 2016 утвержден: https://topaxi.codes/ecmascript-2016-approved/

[69] ES6: улучшения объекта Number изнутри: http://css-live.ru/articles/es6-uluchsheniya-obekta-number-iznutri.html

[70] Understanding JavaScript Promises, Pt. I: Background & Basics: https://scotch.io/tutorials/understanding-javascript-promises-pt-i-background-basics

[71] Мировоззрение, основанное на промисах: https://ponyfoo.com/articles/promise-worldview

[72] gulp-sww: https://github.com/arcturus/gulp-sww

[73] Исследование ESLint: https://blog.scottnonnenberg.com/eslint-part-1-exploration/

[74] Миграция 10к строк JS кода на TypeScript: http://www.pgbovine.net/migrating-legacy-codebase-to-typescript.htm

[75] Функциональное программирование на JavaScript: http://www.barbarianmeetscoding.com/blog/2016/06/14/functional-programming-in-javascript/

[76] Функциональные концепции для JavaScript разработчиков: каррирование: https://blog.simpleblend.net/functional-javascript-concepts-currying/

[77] Каррирование в JavaScript: https://www.youtube.com/watch?v=eZ5w5MYP3C0

[78] Как три точки изменили JavaScript: http://rainsoft.io/how-three-dots-changed-javascript/

[79] Изоморфный Javascript, еще проще.: https://medium.com/@pierceydylan/isomorphic-javascript-it-just-has-to-work-b9da5b0c8035

[80] Один странный прием, который изменит ваш способ написания кода: JavaScript TDD: http://jrsinclair.com/articles/2016/one-weird-trick-that-will-change-the-way-you-code-forever-javascript-tdd/

[81] История загрузчиков модулей JavaScript: http://appendto.com/2016/06/the-short-history-of-javascript-module-loaders/

[82] Изучение основ D3.js, взращивая овощи в огороде : https://www.rtfmanual.io/d3garden/

[83] Практическое функциональное программирование с Ramda.js: https://www.sitepoint.com/functional-programming-with-ramda/

[84] PQ: компилятор читаемой по человечески цепочки промисов: https://github.com/f/pq

[85] Kakapo.js — фреймворк нового поколения для создания моков: http://devlucky.github.io/kakapo-js

[86] fetch-sync — прокси fetch запросов через Background Sync API: https://github.com/sdgluck/fetch-sync

[87] Экспериментальная поддержка виртуальной реальности в Google Chrome: https://my-chrome.ru/2016/06/vr/

[88] Блокировщик рекламы Opera стал доступен на всех мобильных платформах: http://itc.ua/news/blokirovshhik-reklamyi-opera-stal-dostupen-na-vseh-mobilnyih-platformah/

[89] Что нового в Safari: https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html

[90] Google готовит большую оптимизацию для Chrome 53: http://www.androidpolice.com/2016/06/13/google-preparing-big-optimizations-chrome-53-47-improvement-motion-mark-webkit/

[91] Blisk: твой следующий браузер для веб-разработки?: https://www.sitepoint.com/blisk-your-next-web-development-browser/

[92] Разработчики показали первый в мире 1000-ядерный процессор: https://naked-science.ru/article/hi-tech/razrabotchiki-pokazali-pervyy-v

[93] GitHub предупредил об атаке, использующей перехваченные с других сайтов пароли: http://www.opennet.ru/opennews/art.shtml?num=44609

[94] Эпоха копирования Apple подходит к концу: http://inoblogger.ru/2016/06/16/copying-apple/

[95] Samsung покупает компанию Joyent: http://www.opennet.ru/opennews/art.shtml?num=44607

[96] «Яндекс» открывает исходный код ClickHouse: http://www.cossa.ru/news/244/132544/

[97] Microsoft покупает LinkedIn за $26.2 млрд: http://www.opennet.ru/opennews/art.shtml?num=44598

[98] Зачем Microsoft купила LinkedIn: http://keddr.com/2016/06/zachem-microsoft-kupila-linkedin/

[99] Как ИТ-эксперты и пользователи соцсетей отреагировали на сделку между Microsoft и LinkedIn: https://vc.ru/p/linkedin-reaction

[100] 10 правил, которые позволяют NASA писать миллионы строк кода с минимальными ошибками: https://habrahabr.ru/company/hexlet/blog/303160/

[101] WWDC’16 за 10 минут: iOS 10, macOS Sierra и watchOS 3: https://www.youtube.com/watch?v=diGPZZaGBPA

[102] Технологии надзора: приватности не существует : http://keddr.com/2016/06/mir-na-ladoni-privatnosti-ne-sushhestvuet/

[103] Лучшие трейлеры прошедшей E3: http://kanobu.ru/articles/luchshie-trejleryi-proshedshej-e3-369522/

[104] «Пострадают все»: Как введение «налога на Google» повлияет на российский ИТ-рынок: https://vc.ru/p/nalog-na-google

[105] Где деньги: топ-10 самых «щедрых» стартап-акселераторов мира: http://ain.ua/2016/06/16/655013

[106] Соцсети: было и прошло: http://www.computerra.ru/150834/asocial/

[107] 7 гаджетов, которые должен попробовать каждый: http://gagadget.com/science/22612-7-gadzhetov-kotoryie-dolzhen-poprobovat-kazhdyij/

[108] Топ-5 IT-компаний в рейтинге самых дорогих брендов: http://keddr.com/2016/06/top-5-it-kompaniy-v-reytinge-samyih-dorogih-brendov/

[109] Google обвиняют в краже идеи Project Loon: http://gagadget.com/business/22599-google-obvinyayut-v-krazhe-idei-project-loon/

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

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

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

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

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