Дайджест свежих материалов из мира фронтенда за последнюю неделю №227 (4 — 11 сентября 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] 10 особенностей Webpack: https://habrahabr.ru/company/plarium/blog/309230/

[7] Пособие по webpack: https://habrahabr.ru/post/309306/

[8] Доступность «кастомных html-контролов для незрячих пользователей: https://habrahabr.ru/post/309288/

[9] Frontend: Разработка и поддержка: https://habrahabr.ru/company/mailru/blog/309212/

[10] Будущее сайтов: автоматическая сборка на базе ИИ и не только: https://habrahabr.ru/company/uteam/blog/309516/

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

[12] Подборка видео по оптимизации HTML/JavaScript: https://tproger.ru/video/js-html-optimization-course/

[13] Поддержка Bootstrap 3 прекращена, хотя четвертая версия всё ещё находится в стадии «альфы»: https://tproger.ru/news/bootstrap-3-is-dead/

[14] Какие элементы в HTML5 уже устарели?: https://develoger.com/what-is-obsolete-in-html5-ccc6773474c5

[15] Дизайнерское руководство по оптимизации веб-производительности: http://jonyablonski.com/2016/designers-guide-to-web-performance-optimization/

[16] Руководство по браузерной скролл-анимации: http://developer.telerik.com/featured/guide-browser-scroll-animations/

[17] Советы по созданию сайта для конкурса 10k: https://blogs.windows.com/msedgedev/2016/09/02/building-in-10k-markup-for-accessibility-clarity-and-affordance/

[18] Советы для более быстрой загрузки страницы в контексте конкурса 10к: https://medium.com/@jpdevries/10k-tips-for-a-lighter-page-load-39e188298ac7

[19] Еще один вариант реализации проекта для конкурса 10к — с webp, сервис-воркерами и другими плюшками: http://www.deanhume.com/Home/BlogPost/image-beast---my-10-k-apart-entry/10149

[20] Как выглядит звук? Искусство веб-аудио: https://ponyfoo.com/articles/web-audio-art

[21] Строительные блоки прогрессивных веб-приложений: https://www.smashingmagazine.com/2016/09/the-building-blocks-of-progressive-web-apps/

[22] 10 золотых правил отзывчивых SVG: http://www.creativebloq.com/how-to/10-golden-rules-for-responsive-svgs

[23] BroadcastChannel API: передача сообщений для веба: https://developers.google.com/web/updates/2016/09/broadcastchannel

[24] Использование SVG для прозрачных растровых изображений: http://codepen.io/tellaho/post/using-svgs-for-transparent-raster-images

[25] Washington Post анонсирует ‘молниеносный’ мобильный сайт, который будет работать на технологии прогрессивных веб-приложений и использовать AMP: http://www.wsj.com/articles/washington-post-unveils-lightning-fast-mobile-website-1473152456

[26] Релиз текстового веб-редактора Quill 1.0: https://quilljs.com/blog/announcing-quill-1-0/

[27] Роботы и вы: руководство по Robots.txt: https://www.sitepoint.com/robots-and-you-a-guide-to-robots-txt/

[28] Руководство по оптимизации изображений для SEO: https://www.sitepoint.com/your-guide-to-optimizing-images-for-seo/

[29] Ох, твою мать, git!: https://medium.com/@ABatickaya/%D0%BE%D1%85-%D1%82%D0%B2%D0%BE%D1%8E-%D0%BC%D0%B0%D1%82%D1%8C-git-7b269498afd7

[30] Разработка расширяемых компонентов на HTML и CSS: http://prgssr.ru/development/razrabotka-rasshiryaemyh-komponentov-html-i-css.html

[31] Оформление строчных блоков кода: http://kizu.ru/blog/styling-inline-code/

[32] Несколько способов изменить порядок следования элементов с помощью CSS: http://webdesign.tutsplus.com/tutorials/a-few-different-css-methods-for-column-ordering--cms-27079

[33] Переводим всё на Flexbox: https://www.isotoma.com/blog/2016/09/07/going-all-in-on-flexbox/

[34] Создание масштабируемых компонентов с помощью относительных CSS-единиц: https://css-tricks.com/building-resizeable-components-relative-css-units/

[35] Автопрефиксы, с помощью CSS переменных!: http://lea.verou.me/2016/09/autoprefixing-with-css-variables/

[36] На каком этапе находится рабочий черновик по CSS Grid Layout: https://www.sitepoint.com/where-things-are-at-in-the-css-grid-layout-working-draft/

[37] Simple CSS Media Queries — сборник медиа-выражений для устройств: http://michael-gannon.com/media/index.html

[38] CSS is !important: https://medium.com/@jpdevries/css-is-important-960a9921e454

[39] CSS в trivago — часть 1: Структура и ITCSS: https://medium.com/@pistenprinz/css-at-trivago-part-1-structure-and-itcss-52f63ed557ca

[40] Как давать названия цветовым переменным в Sass: https://alexpate.uk/journal/naming-sass-color-variables/

[41] Интервью с Harry Roberts перед Webexpo Prague: о рефакторинге CSS и ITCSS: https://medium.com/css-mine/interview-with-harry-roberts-before-webexpo-prague-about-refactoring-css-and-itcss-70335c024ad

[42] Начинаем работать со счетчиками в CSS: https://scotch.io/tutorials/getting-started-with-css-counters

[43] Перебор в Sass с помощью директив контроля: http://vanseodesign.com/css/sass-control-directives-part-2/

[44] nth-child vs nth-of-type: https://bitsofco.de/nth-child-vs-nth-of-type/

[45] radiobox.css — набор анимаций для радио-кнопок: https://720kb.github.io/radiobox.css/

[46] Курсор-мутант, с svg и анимациями: http://codepen.io/rgg/full/gwbEbz/

[47] «Веб-шрифты на прериях» — рассуждения о текущем состоянии веб-шрифтов от Richard Fink на alistapart: http://alistapart.com/article/webfonts-on-the-prairie

[48] CSS Grid Demo — Multiple Image Hero Layout: https://www.youtube.com/watch?v=paBou8Fy25k

[49] 4 вида утечек памяти в JavaScript и как с ними бороться: https://habrahabr.ru/post/309318/

[50] Строим свой full-stack на JavaScript: Основы: https://habrahabr.ru/post/309466/

[51] Samsung добавляет JavaScript в Интернет «вещей»: http://www.cio.com/article/3117720/internet-of-things/samsung-brings-javascript-to-the-internet-of-things.html

[52] Прощание с Node.js v5, подготовка к v7: https://nodejs.org/en/blog/community/v5-to-v7/

[53] Отладка JavaScript на продакшене: https://medium.com/javascript-scene/debugging-production-javascript-469668ba247b

[54] Меры против document.write(): https://developers.google.com/web/updates/2016/08/removing-document-write

[55] Введение в стрелочные функции JavaScript: http://wesbos.com/arrow-functions/

[56] Моя новая любимая ES6 игрушка: деструктурированные объекты как параметры: https://css-tricks.com/new-favorite-es6-toy-destructured-objects-parameters/

[57] JavaScript: массивы против объектов: http://frontendmayhem.com/2016/09/05/javascript-arrays-objects/

[58] Объявление var умерло? Что же я должен использовать?: http://wesbos.com/is-var-dead/

[59] Готовимся к собеседованию по JavaScript: что такое композиционная функция?: https://medium.com/javascript-scene/master-the-javascript-interview-what-is-function-composition-20dfb109a1a0

[60] Нативная бесконечная прокрутка с IntersectionObserver API: https://www.sitepoint.com/intersectionobserver-api/

[61] Лучшие практики по работе с Node.js: https://www.codementor.io/nodejs/tutorial/nodejs-best-practices

[62] Введение в Chart.js 2.0 — шесть простых примеров: https://www.sitepoint.com/introduction-chart-js-2-0-six-examples/

[63] Help с HyperDev — бесплатный интерактивный курс по Node для начинающих: https://hyperdev.com/help/learn-node-js-free-beginner-course/

[64] Урок: как собирать JavaScript с Rollup: https://code.lengstorf.com/learn-rollup-js/

[65] Начало работы с PouchDB, клиентской JavaScript базой-данных: https://www.sitepoint.com/getting-started-with-pouchdb/

[66] Руководство: как использовать Vue.js с jQuery-плагинами: http://gambardella.info/2016/09/05/guide-how-to-use-vue-js-with-jquery-plugins/

[67] JavaScript фреймворки: распределенные каналы для хороших идей: https://medium.com/@tomdale/javascript-frameworks-distribution-channels-for-good-ideas-9f3b95c0e293

[68] Анимация элементов React с помощью BoxArt: https://bocoup.com/weblog/animating-react-elements-with-boxart

[69] Создание амбициозного веб-приложения с помощью Ember.js: https://davidwalsh.name/ember-web-apps

[70] react-fake-component: http://ogpoyraz.com/react-fake-component/

[71] React Native Elements: https://github.com/dabit3/React-Native-Elements

[72] Как масштабировать React приложения: https://www.smashingmagazine.com/2016/09/how-to-scale-react-applications/

[73] Роутинг в React приложениях: полное руководство: https://scotch.io/tutorials/routing-react-apps-the-complete-guide

[74] Как использовать модуль react-redux: http://code.tutsplus.com/tutorials/how-to-use-the-react-redux-package--cms-27150

[75] Создание форм с React и Redux: https://www.youtube.com/watch?v=q6NXa14o1f0

[76] Angular 1.6 — убрана песочница выражений: http://angularjs.blogspot.com/2016/09/angular-16-expression-sandbox-removal.html

[77] От ngAnimate к Angular 2 animate: http://ngmigrate.telerik.com/from-ng-animate-to-angular-2-animate

[78] awesome-grid: https://github.com/FancyGrid/awesome-grid

[79] appmetrics.js: https://github.com/ebidel/appmetrics.js

[80] timeago.js: http://timeago.org/

[81] cookies.js: https://github.com/franciscop/cookies.js

[82] Fuse.js: http://fusejs.io/

[83] granim.js: https://github.com/sarcadass/granim.js

[84] Устанавливать расширения в десктопный Chrome теперь можно прямо с Android: http://itc.ua/blogs/ustanavlivat-rasshireniya-v-desktopnyiy-chrome-teper-mozhno-pryamo-s-android/

[85] Chrome начнёт помечать небезопасными страницы, открытые по HTTP: http://www.opennet.ru/opennews/art.shtml?num=45109

[86] Выпуск web-браузера Vivaldi 1.4: http://www.opennet.ru/opennews/art.shtml?num=45102

[87] Mozilla: многопроцессная версия Firefox на 400%-700% отзывчивее обычной: http://itc.ua/blogs/mozilla-multiprotsessovyiy-firefox-na-400-700-otzyivchivee/

[88] Google существенно оптимизировала производительность и энергопотребление Chrome 53: http://itc.ua/blogs/google-sushhestvenno-optimizirovala-proizvoditelnost-i-energopotreblenie-chrome-53/

[89] Firefox 49 для разработчиков: https://developer.mozilla.org/en-US/Firefox/Releases/49

[90] DevTools Digest, September 2016: https://developers.google.com/web/updates/2016/09/devtools-digest

[91] Презентация Apple: часы для пловцов, iPhone без миниджека, Марио: http://mobile-review.com/apple/articles/press-apple-september-2016.shtml

[92] Конференции Apple и Sony (7 сентября 2016): http://zavtracast.ru/iphone-neo-2016.html

[93] Презентация Sony: анонсы PlayStation 4 Pro и нового дизайна консоли: https://dtf.ru/913-prezentaciya-sony-anonsy-playstation-4-pro-i-novogo-dizayna-konsoli

[94] Microsoft готовится представить конкурента популярному корпоративному мессенджеру Slack: http://itc.ua/news/microsoft-gotovitsya-predstavit-konkurenta-populyarnomu-korporativnomu-messendzheru-slack/

[95] Новый формат изображений HVIF позволяет создавать красивые иконки весом в 500 байт: https://tproger.ru/news/haiku-but-not-the-ip-encoder/

[96] Крупнейшая IT-сделка в истории Европы завершена: ARM стал частью SoftBank: http://itc.ua/news/arm-stal-chastyu-softbank/

[97] Baidu открыл наработки в области машинного обучения: http://www.opennet.ru/opennews/art.shtml?num=45083

[98] OpenOffice умер, да здравствует LibreOffice!: http://inoblogger.ru/2016/09/07/openoffice/

[99] Новая статистика Steam показывает, что пользователи больше не покупают гарнитуры виртуальной реальности HTC Vive и Oculus Rift: http://itc.ua/news/novaya-statistika-steam-pokazyivaet-chto-polzovateli-perestali-pokupat-garnituryi-virtualnoy-realnosti-htc-vive-i-oculus-rift/

[100] История проекта Stack Overflow — экспертные ответы на ваши вопросы: https://tproger.ru/sponsored/stack-overflow-part-1/

[101] История Project Ara: почему Google не удалось создать модульный смартфон: https://vc.ru/p/project-ara-story

[102] Новостной ленте Facebook исполнилось 10 лет: https://vc.ru/p/newsfeed-faceversary

[103] Исследование SWIFT: биткоин — спекулятивный актив, который не способен вытеснить классические валюты: http://itc.ua/news/issledovanie-swift-bitkoin-spekulyativnyiy-aktiv-kotoryiy-ne-sposoben-vyitesnit-klassicheskie-valyutyi/

[104] Зачем процессору нейроны?: http://www.computerra.ru/155254/neuroco/

[105] Как работает лента новостей в Facebook: http://ain.ua/2016/09/07/668532

[106] В Bank of America допустили, что человечество существует в матрице: http://ain.ua/2016/09/10/669295

[107] Особенные люди в коллективе: почему западные ИТ-компании высоко ценят сотрудников c аутизмом: https://vc.ru/p/it-autism

[108] Как извлечь из посещения конференций реальную пользу, а не просто просрать день своей жизни: http://www.cossa.ru/234/139653/

[109] «Японский Билл Гейтс»: биография основателя SoftBank Масайоши Сана: https://vc.ru/p/masayoshi-son-story

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

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

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

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

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