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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

[7] Видео докладов с конференции FrontTalks: https://events.yandex.ru/events/yagosti/17-18-september-2016/

[8] Accelerated Mobile Pages: https://ymatuhin.ru/front-end/amp/

[9] SVG и медиа-запросы: http://frontender.info/svg-media-queries/

[10] Chrome, Firefox и Edge перешли на новый этап тестирования технологии WebAssembly: http://www.opennet.ru/opennews/art.shtml?num=45403

[11] Пока растр, привет вектор: три способа простого использования SVG: https://www.devbridge.com/articles/bye-raster-hello-vector-3-ways-to-use-svg-easier-1/

[12] Викторина: насколько хорошо вы знаете парсер HTML: https://html5te.st/quiz/

[13] что нового и что изменилось в Bootstrap 4: http://developer.telerik.com/featured/whats-new-whats-changed-bootstrap-4/

[14] шпаргалка с именами классов: https://bootstrapcreative.com/resources/bootstrap-4-css-classes-index/

[15] Представление FlyWeb — набор новых API от Mozilla для создания локальных веб-серверов и сервисов: https://flyweb.github.io/posts/2016/11/01/introducing-flyweb.html

[16] Соединяем виртуальные миры: гиперссылки в WebVR: https://blog.mozvr.com/connecting-virtual-worlds-hyperlinks-in-webvr/

[17] Ссылки mailto: пусть пользователь выбирает сам: https://kyusuf.com/post/mailto-links-letting-the-user-decide

[18] Веб — это не модно, или как я научился любить веб: https://medium.com/@Lady_Ada_King/the-web-is-not-fashionable-b1b65c600e0b

[19] Исследование вьюпортов, часть очередная: http://www.quirksmode.org/blog/archives/2016/11/viewports_resea.html

[20] Какой язык программирования вам следует учить первым?: https://medium.freecodecamp.com/what-programming-language-should-i-learn-first-%CA%87d%C4%B1%C9%B9%C9%94s%C9%90%CA%8C%C9%90%C9%BE-%C9%B9%C7%9D%CA%8Dsu%C9%90-19a33b0a467d

[21] 10 принципов для плавной анимации в вебе: https://blog.gyrosco.pe/smooth-css-animations-7d8ffc2c1d29

[22] Перестаньте объединять ваш CSS/JS: https://blog.mariano.io/stop-concatenating-your-css-js-a9b44bf259cc

[23] Производительность веба: https://medium.com/the-ui-files/web-runtime-performance-462b1328df54

[24] Доступность сайтов для самых маленьких: https://medium.com/@ABatickaya/%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D0%BE%D1%81%D1%82%D1%8C-%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-%D1%81%D0%B0%D0%BC%D1%8B%D1%85-%D0%BC%D0%B0%D0%BB%D0%B5%D0%BD%D1%8C%D0%BA%D0%B8%D1%85-28d8ab6ebd3d

[25] Инструменты для разработки доступных сайтов: https://bitsofco.de/tools-for-developing-accessible-websites/

[26] 10 вещей, которых не хватает на вашем сайте: https://medium.com/etch-stories/10-things-your-website-might-be-missing-25b4055b5f90

[27] Почему семантика имеет значение: https://www.youtube.com/watch?v=g2tzEil5TL0

[28] Опросник по Front-End инструментам – 2016: https://www.ashleynolan.co.uk/blog/frontend-tooling-survey-2016.html

[29] Более быстрые и надёжнее CI билды с Yarn: https://medium.com/javascript-scene/faster-more-reliable-ci-builds-with-yarn-7dbc0ef31580

[30] RFC: бюджет производительности Webpack: https://github.com/webpack/webpack/issues/3216

[31] webpack-bundle-analyzer — визуализатор содержимого бандла: https://www.npmjs.com/package/webpack-bundle-analyzer

[32] Эффектные медиа-попапы: http://tympanus.net/codrops/2016/11/01/media-pop-up-effect/

[33] Создаем прогресс-бар с радиальным заполнением: https://github.com/kdzwinel/progress-bar-animation

[34] Анонсируем Dart Sass: https://habrahabr.ru/post/314208/

[35] Веб-шрифты, ребята, ну я даже не знаю: http://meowni.ca/posts/web-fonts/

[36] Как и почему вы должны инлайнить критический CSS: https://www.sitepoint.com/how-and-why-you-should-inline-your-critical-css/

[37] Вещи, которые я узнал о CSS Grid Layout: https://css-tricks.com/things-ive-learned-css-grid-layout/

[38] [ИТ-лекторий]: Стандарт СSS: как и для чего он был придуман?: https://www.youtube.com/watch?v=H0fWspU7LZM&feature=youtu.be

[39] CSS Motion Path по состоянию на октярь 2016: http://codepen.io/danwilson/post/css-motion-paths-2016

[40] Блог webkit: Изменчивые шрифты в вебе: https://webkit.org/blog/7051/variable-fonts-on-the-web/

[41] Современный сброс CSS (с оговорками): https://benfrain.com/a-modern-css-reset-with-caveats/

[42] 8 простых правил для надежной, масштабируемой архитектуры CSS: https://github.com/jareware/css-architecture/blob/master/README.md

[43] Архитектура фронтенда, часть 2: брендовые переменные : https://medium.com/etch-stories/front-end-architecture-part-2-brand-variables-683dec9c753a

[44] Как построить отзывчиваю сеточную систему: https://zellwk.com/blog/responsive-grid-system/

[45] О семантических именах классов: https://medium.com/simple-human/semantic-class-names-are-you-being-too-specific-or-too-generic-4a24c9304c2c

[46] Пост-процессоры CSS для начинающих: советы и ресурсы: http://www.hongkiat.com/blog/css-post-processors-tips-resources/

[47] Континуум Q: использование единиц измерения q в CSS: http://thenewcode.com/1158/The-Q-Continuum-Using-q-Measurements-In-CSS

[48] Опрос: должен ли CSS стать более похожим на язык программирования?: http://www.webdesignerdepot.com/2016/11/poll-should-css-become-more-like-a-programming-language/

[49] Почему HTML думает, что “chucknorris” это цвет?: http://stackoverflow.com/questions/8318911/why-does-html-think-chucknorris-is-a-color

[50] glamor — внедрённый css в React приложениях: https://github.com/threepointone/glamor

[51] JavaScript и SEO в 2016 году: https://habrahabr.ru/post/314172/

[52] $mol: reactive micromodular ui-framework: https://habrahabr.ru/post/311172/

[53] Детали о версии Node.js v7 : https://www.contentful.com/blog/2016/11/02/node-v7-urls-deprecations-warnings-and-developer-experience/

[54] Совместное планирование с requestIdleCallback: https://hacks.mozilla.org/2016/11/cooperative-scheduling-with-requestidlecallback/

[55] Паттерн Стратегия на JavaScript: https://habrahabr.ru/post/313392/

[56] Ванильный JavaScript vs Фреймворки и Библиотеки — в поисках хорошего баланса: https://hashnode.com/post/vanilla-javascript-vs-frameworks-and-libraries-finding-a-good-balance-civ1zfus90pphdc53q8vtakz5

[57] Учебный план для излечения усталости от JavaScript: https://medium.com/@sachagreif/a-study-plan-to-cure-javascript-fatigue-8ad3a54f2eb1

[58] Является ли JavaScript всегда лучшем решением?: https://www.sitepoint.com/is-javascript-always-the-best-solution/

[59] Войны JavaScript. Как мы до этого дошли?: http://cssence.com/blog/2016-11-the-javascript-wars

[60] Замыкания в JavaScript на примерах: http://www.jomendez.com/2015/11/23/closure-in-javascript-through-examples/

[61] Делаем ваш JavaScript более функциональным: https://adam.merrifield.ca/2016/11/01/making-your-javascript-more-functional/

[62] Создание шейдеров с помощью Babylon.js: https://www.smashingmagazine.com/2016/11/building-shaders-with-babylon-js/

[63] Начало работы с MobX: простой пример: https://medium.com/@carsoncgibbons/getting-started-with-mobx-an-easy-example-99850d13dbd7

[64] Создание динамических таблиц за секунды из любых JSON данных: https://www.sitepoint.com/dynamic-tables-json/

[65] Программная генерация звуков с Javascript: http://marcgg.com/blog/2016/11/01/javascript-audio/

[66] 9 полезных советов для тех, кто начинает знакомство с React.js: https://tproger.ru/translations/9-useful-tips-react/

[67] Виджет автозаполнения с React: https://webapplog.com/autocomplete-react/

[68] Нужна ли вообще библиотека для роутинга?: http://jamesknelson.com/even-need-routing-library/

[69] Angular 2 — уходим от распознавания изменений: https://medium.com/@NetanelBasal/angular-2-escape-from-change-detection-317b3b44906b

[70] Будущее Angular 1.x, что дальше?: https://toddmotto.com/future-of-angular-1-x

[71] Простая авторизация с Angular с JSON веб токенами: http://angularjs.blogspot.com/2016/11/easy-angular-authentication-with-json.html

[72] Angular 2 —  как использовать преимущества свойства exportAs: https://medium.com/@NetanelBasal/angular-2-take-advantage-of-the-exportas-property-81374ce24d26

[73] Тестирование Angular 2 в деталях: сервисы: https://auth0.com/blog/angular-2-testing-in-depth-services/

[74] Промисы в Javascript: зачем и как: https://medium.com/@joshmiles/javascript-promises-the-why-the-how-and-the-mind-blowing-4bd1ac873b48

[75] Шесть маленьких, но клевых свойств ES6: https://davidwalsh.name/es6-features

[76] Переменные: https://medium.com/@andrewjrhill/getting-to-grips-with-es6-variables-f27b72798bf3

[77] стрелочные функции: https://medium.com/@andrewjrhill/getting-to-grips-with-es6-arrow-functions-ebfa62c5c5d6

[78] Используйте лучшее из ES6 везде: https://blog.castiel.me/posts/002-use-the-coolest-es6-features-everywhere.html

[79] Вычисляемые tag функции для литералов шаблонов ES6: http://www.2ality.com/2016/11/computing-tag-functions.html

[80] Замените jQuery на Vue.js в следующем вашем проекте на Bootstrap: https://medium.com/js-dojo/drop-jquery-from-your-bootstrap-project-and-replace-it-with-vue-js-82230bfca98a

[81] VueJS: перебор элементов списка: https://paulund.co.uk/vuejs-loop-list-elements

[82] VueJS: условное скрытие/отображение: https://paulund.co.uk/vuejs-conditional-show-and-hide

[83] utransition: https://github.com/andrew--r/utransition

[84] typeis.js: https://typeis.github.io/

[85] Lightflow: https://github.com/saperio/lightflow

[86] SkateJS: http://skate.js.org/

[87] egjs: https://naver.github.io/egjs/

[88] Recordy: https://github.com/scriptify/Recordy

[89] Из Firefox 52 удалят API уровня заряда аккумулятора для сохранения приватности пользовательских данных: https://habrahabr.ru/post/314326/

[90] Chrome для Windows стал на 5%-15% быстрее за счет новых оптимизаций: http://itc.ua/blogs/chrome-dlya-windows-stal-na-5-15-byistree-za-schet-novyih-optimizatsiy/

[91] Microsoft пытается увеличить долю Microsoft Edge c помощью бонусов: http://microsoftportal.net/windows-9/7676-microsoft-pytaetsya-uvelichit-dolyu-microsoft-edge-c-pomoschyu-bonusov.html

[92] Microsoft Edge обошёл Chrome и Firefox в тесте безопасности: http://4pda.ru/2016/11/02/328461/

[93] Internet Explorer и Edge потеряли 40 млн. пользователей: http://microsoftportal.net/internet-explorer/7675-internet-explorer-i-edge-poteryali-40-mln-polzovateley.html

[94] Новое представление элемента input type=«date» в Firefox: https://mozilla.invisionapp.com/share/237UTNHS8#/screens/171579739

[95] Firefox Nightly News — поддержка async/await: https://blog.nightly.mozilla.org/2016/11/01/async-await-support-in-firefox/

[96] Интернет-пользователей, заходящих с настольных компьютеров, стало меньше, чем мобильныхновость: https://habrahabr.ru/post/314188/

[97] Pornhub обходит блокировщики рекламы с помощью вебсокетов: https://habrahabr.ru/post/314354/

[98] Microsoft запустила сервис для коллективной работы Teams, являющийся частью Office 365: http://itc.ua/news/microsoft-zapustila-servis-dlya-kollektivnoy-rabotyi-teams-yavlyayushhiysya-chastyu-office-365/

[99] Викторина: хорошо ли вы знаете Stack Overflow?: https://tproger.ru/quiz/stack-overflow/

[100] Статистика западных соцсетей: месячная аудитория, доход с пользователя, присутствие брендов: https://vc.ru/p/social-media-stat

[101] Влияет ли доменная зона на поисковую выдачу: https://vc.ru/p/problem-15345

[102] Умные лампочки назвали угрозой эпидемии в интернете вещей: https://nplus1.ru/news/2016/11/04/hue

[103] Азбука ИИ: «Рекуррентные нейросети»: https://nplus1.ru/material/2016/11/04/recurrent-networks

[104] Мобильные гаджеты обогнали ПК по заходам в интернет: http://gagadget.com/24398-mobilnyie-gadzhetyi-obognali-pk-po-zahodam-v-internet/

[105] Android стал самой продаваемой мобильной системой в истории: http://gagadget.com/business/24399-android-stal-samoj-prodavaemoj-mobilnoj-sistemoj-v-istorii/

[106] Duo Security: 65% пользователей до сих пор предпочитают Windows 7: https://xakep.ru/2016/11/03/windows-stats/

[107] Почему пионер Linux Линус Торвальдс предпочитает x86, а не ARM: http://inoblogger.ru/2016/10/30/torvalds-x86/

[108] Как быстро хакеры взломают тостер с выходом в интернет?: http://ain.ua/2016/11/05/679582

[109] «Dear Microsoft», — письмо от Slack: https://slackhq.com/dear-microsoft-8d20965d2849#.nhnw6yj9e

[110] Почему Slack может пожалеть из-за своего письма Microsoft: http://www.theverge.com/2016/11/3/13504932/slack-microsoft-teams-letter-wtf

[111] Новый MacBook Pro — уже не Laptop для разработчиков часть 1: https://blog.devteam.space/new-macbook-pro-is-not-a-laptop-for-developers-anymore-d0d4b1b8b7de

[112] 2: https://medium.com/startup-grind/new-macbook-pro-is-not-a-laptop-for-developers-anymore-part-2-solutions-58dd943e4c16

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

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

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

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

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