Дайджест свежих материалов из мира фронтенда за последнюю неделю №274 (1 — 6 августа 2017)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

[7] Подкаст «Frontend Weekend» #14: https://soundcloud.com/frontend-weekend/fw-14

[8] Подкаст «Пятиминутка React» #28: https://soundcloud.com/5minreact/28-react-16-beta

[9] Подкаст «Пятиминутка React» #29: https://www.youtube.com/watch?v=7JeMpnvzs8M&feature=youtu.be

[10] Подкаст «Фронтенд Юность (18+)» #12 : https://soundcloud.com/frontend_u/e12

[11] Подкаст «Фронтенд Юность (18+)» #13 : https://soundcloud.com/frontend_u/e13

[12] Посторонние шрифты — HTML Шорты: https://www.youtube.com/watch?v=MTQ9FpT3ayc&feature=youtu.be

[13] Еженедельный стрим от Юрия Артюха «ALL YOUR HTML» #10 : https://www.youtube.com/watch?v=TIz8KXsrdp02

[14] Руководство для начинающих по прогрессивным веб-приложениям и фронтенду: https://habrahabr.ru/company/mailru/blog/334536/%5Bperevod%5D-rukovodstvo-dlya-nachinayuschih-po/

[15] 7 инструментов для разработки вашего первого прогрессивного веб-приложения: https://www.webdesignerdepot.com/2017/08/7-tools-for-developing-your-first-progressive-web-app/

[16] Адаптивные изображения 201: технология Client Hints: https://www.searchengines.ru/tehnologia-client-hints.html

[17] Упрощаем работу с npm: полезные сокращения и трюки: https://tproger.ru/translations/npm-tricks/

[18] 10 руководств для улучшения доступности в вебе: https://aerolab.co/blog/web-accessibility/

[19] Заменяемые элементы в HTML: мифы и реальность: https://www.sitepoint.com/replaced-elements-html-myths-realities/

[20] Я сделал стайлгайд для моего личного сайта и вы тоже должны: https://www.zachleat.com/web/now-with-style-guide/

[21] Разница между GTmetrix, PageSpeed Insights, Pingdom Tools и WebPagetest: https://gtmetrix.com/blog/the-difference-between-gtmetrix-pagespeed-insights-pingdom-tools-and-webpagetest/

[22] Критический запрос: https://css-tricks.com/the-critical-request/

[23] «Первая значимая отрисовка»: https://www.youtube.com/watch?v=NGX0gYOo-Nk

[24] «Производительность рендера наоборот»: https://www.youtube.com/watch?v=BfMWAIc0xSU

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

[26] Сравнение времени на Vue (+SVG, GSAP и .toLocaleTimeString ): https://codepen.io/sdras/full/RZGqxR/

[27] Креативная анимация для эффектов наведения на мыши на меню: https://tympanus.net/codrops/2017/08/01/inspiration-for-menu-hover-effects/

[28] Эффекты переходов для полноэкраных лейаутов страниц: http://freefrontend.com/css-page-transitions/

[29] Инструменты для параллакс-анимации SVG : https://github.com/parallax/svg-animation-tools

[30] Унифицированный язык стилей: https://habrahabr.ru/company/mailru/blog/334704/

[31] emotion: Следующее поколение CSS-in-JS: https://medium.com/devschacht/emotion-ebe5fe3ba116

[32] Топ 9 библиотек для анимации в 2017: https://www.sitepoint.com/our-top-9-animation-libraries/

[33] Фокусировка на фокусе: https://davidwalsh.name/css-focus

[34] Есди вы действительно не любите FOUT, `font-display: optional` может вам помочь: https://css-tricks.com/really-dislike-fout-font-display-optional-might-jam/

[35] Shoelace : https://shoelace.style/

[36] Избавление от некрасивого состояния :focus (а так же его сохранение): https://medium.com/@david.gilbertson/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2

[37] Релиз Glamorous v4: https://medium.com/@kentcdodds/glamorous-v4-is-here-c678fe02a39a

[38] Как использовать пользоватеслькие CSS свойства с переходами, трансформациями и анимацией: http://vanseodesign.com/css/custom-properties-and-animations/

[39] «Мастерим фоллбек для веб-шрифта»: https://www.youtube.com/watch?v=tO01ul1WNW8

[40] «Мощь CSS»: https://www.youtube.com/watch?v=IRI1H5tyEAo

[41] JavaScript как явление: https://habrahabr.ru/post/334760/

[42] JavaScript как праздник: https://habrahabr.ru/post/334858/

[43] JavaScript как мыслевирус: https://habrahabr.ru/post/334964/

[44] Скрытые послания в именах свойств JavaScript: https://habrahabr.ru/post/334980/

[45] Новый V8 и скорость Node.js: техники оптимизации сегодня и завтра: https://habrahabr.ru/company/ruvds/blog/334806/

[46] Выпуск JavaScript-движка V8 6.1: http://www.opennet.ru/opennews/art.shtml?num=46975

[47] Online VS Code IDE для Angular и React.: https://stackblitz.com/

[48] Дорога к современному JavaScript: http://www.blinkingcaret.com/2017/08/02/the-road-to-modern-javascript/

[49] Vue vs React: битва Javascript фреймворков: https://medium.com/@diananina247/vue-vs-react-battle-of-the-javascript-frameworks-8e6615677dcb

[50] What the f*ck JavaScript?: https://github.com/denysdovhan/wtfjs

[51] Ваш последний ESLint config: https://medium.com/@netczuk/your-last-eslint-config-9e35bace2f99

[52] JavaScript-загадки для забавы и пользы — Dan Shappir: https://www.youtube.com/watch?v=D-juPGb7EKY

[53] Всплытие в JavaScript: https://codeburst.io/hoisting-in-javascript-515c987336d3

[54] Создание библиотеки для эффекта Image Zoom на ванильном JavaScript: https://tutorialzine.com/2017/08/image-zoom-library-with-vanilla-javascript

[55] О да! Async / Await: https://medium.freecodecamp.org/oh-yes-async-await-f54e5a079fc1

[56] Аудит производительности Vue.js docs : https://medium.com/@denar90/vue-js-docs-performance-audit-e89b11dfc43

[57] Nuxt.js: фреймворк для создания универсальных Vue.js приложений: https://www.sitepoint.com/nuxt-js-universal-vue-js/

[58] Создание кастомных инпутов на Vue.js: https://www.smashingmagazine.com/2017/08/creating-custom-inputs-vue-js/

[59] Биндинг классов к HTML с помощью Vue.js: http://thewebjuice.com/learn-manage-class-binding-html-using-vue-js/

[60] Как создать фотогалерею на Vue.js: https://hackernoon.com/how-to-build-a-vue-js-photo-gallery-a0d4a1ec298d

[61] vuestic: http://epicmax.co/vuestic

[62] Как задеплоить веб-приложение на связке React и Redux за 10 минут: https://tproger.ru/articles/reactjs-redux-webapp-10-minutes/

[63] TDD React.js приложений: https://medium.com/@arturbasak/tdd-react-js-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9-d354ec1562fa

[64] Изучение React.js проще, чем ты думаешь: https://edgecoders.com/learning-react-js-is-easier-than-you-think-fbd6dc4d935a

[65] Глубокое погружение в анимацию React: https://medium.com/react-native-training/react-animations-in-depth-433e2b3f0e8e

[66] hocs: https://github.com/deepsweet/hocs

[67] Введение в React роутер: https://codeburst.io/into-to-react-router-86b713a2cc86

[68] React.JS  —  передача данных в компонентах: https://codeburst.io/react-js-pass-data-from-components-8965d7892ca2

[69] Прототипирование с React VR: https://medium.com/airbnb-engineering/prototyping-with-react-vr-4d5ab91b6f5a

[70] Что нового в Angular 5: упрощена работа с прогрессивными веб приложениями: http://www.infoworld.com/article/3213244/javascript/whats-new-in-angular-5-easier-progressive-web-apps.html

[71] Сравнение между: Angular 1 Vs Angular 2 Vs Angular 4: https://www.angularminds.com/blog/article/comparison-difference-between-angular1-vs-angular2-vs-angular4.html

[72] Ключевые концепции разработки приложений на Angular: https://blog.upstate.agency/core-concepts-for-app-development-in-angular-4b121bc1b522

[73] Состояние CSS в Angular: https://blog.angular.io/the-state-of-css-in-angular-4a52d4bd2700

[74] Оптимизация производительности вашего Angular приложения: https://netbasal.com/optimizing-the-performance-of-your-angular-application-f222f1c16354

[75] В Firefox началось тестирование отправки файлов, голосового ввода и заметок: http://www.opennet.ru/opennews/art.shtml?num=46956

[76] Разработчики Mozilla тестируют инструмент для передачи уничтожающихся после загрузки файлов: https://xakep.ru/2017/08/04/mozilla-send/

[77] В тестовых сборках Chrome для Android появился встроенный блокировщик рекламы: http://www.opennet.ru/opennews/art.shtml?num=46951

[78] Еще одно расширение для Chrome превратили в adware, взломав его разработчика: https://xakep.ru/2017/08/04/web-developer-hacked/

[79] Intersection Observer приходит в Firefox: https://hacks.mozilla.org/2017/08/intersection-observer-comes-to-firefox/

[80] Facebook присоединился к Chromium: https://my-chrome.ru/2017/08/facebook-in-chromium/

[81] Машинное обучение проникает в браузеры с помощью JavaScript: http://www.infoworld.com/article/3212884/machine-learning/machine-learning-comes-to-your-browser-via-javascript.html

[82] Flash мертв: кто следующий?: https://habrahabr.ru/company/everydaytools/blog/334688/%5Bperevod%5D-flash-mertv-kto-sleduyuschiy-n

[83] Издатели возвращаются обратно к WordPress после коротких экспериментов с Medium: http://oddstyle.ru/veb-razrabotka/izdateli-vozvrashhayutsya-obratno-k-wordpress-posle-korotkix-eksperimentov-s-medium.html

[84] Запущена рабочая группа по WebAssembly (W3C): https://www.w3.org/blog/2017/08/launching-the-webassembly-working-group/

[85] webpack награждён $125,000 программой MOSS (Mozilla): https://medium.com/webpack/webpack-awarded-125-000-from-moss-program-f63eeaaf4e15

[86] Почему проваливаются стартапы: анализ причин, названных основателями 194 компаний: https://ain.ua/2017/08/05/pochemu-provalivayutsa-startapi

[87] Форк Bitcoin Cash в сети биткоина официально состоялся : http://coinews.io/ru/category/1-kripto/article/611-fork-bitcoin-cash-v-seti-bitkoina-oficial

[88] Более $3000: Курс Bitcoin обновил исторический максимум и продолжает расти: http://itc.ua/news/bolee-3000-kurs-bitcoin-obnovil-istoricheskiy-maksimum-i-prodolzhaet-rasti/

[89] В Facebook теперь для перевода используют нейронные сети: http://itc.ua/news/v-facebook-teper-dlya-perevoda-ispolzuyut-neyronnyie-seti/

[90] Что происходит в интернете за минуту в 2017 году (инфографика): https://ain.ua/2017/08/05/chto-proisxodit-v-internete-za-minutu

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

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

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

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

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