Дайджест свежих материалов из мира фронтенда за последнюю неделю №331 (17 — 23 сентября 2018)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Новости 512 — Выпуск №22 (17.09 — 23.09) : https://soundcloud.com/csssr/news512_022

[8] Weekly Vue #5: https://soundcloud.com/dmitry-zlygin/weekly-vue-5

[9] #48 Есть две книги: https://5minreact.ru/48-the-majesty-of-vuejs2-and-road-to-learn-react/

[10] #51: 12-факторные приложения: https://medium.com/devschacht/devschacht-51-d13e6c49cf42

[11] 33 лайфхака для повышения продуктивности: https://soundcloud.com/frontend_u/e64

[12] Presentable Podcast #51: https://www.relay.fm/presentable/51

[13] Архитектура веба: основы для начинающих разработчиков: https://tproger.ru/translations/web-architecture-101/

[14] Google массово переводит сайты на mobile-first индексацию: https://www.searchengines.ru/g-mobile-first.html

[15] полный переход на mobile-first индексацию может занять годы: https://www.searchengines.ru/google-mf-years.html

[16] Google предложил новую модель управления для проекта AMP: https://www.searchengines.ru/amp-governance.html

[17] Представление Bing AMP viewer и Bing AMP cache: https://blogs.bing.com/Webmaster-Blog/September-2018/Introducing-Bing-AMP-viewer-and-Bing-AMP-cache

[18] Что определяет хорошего фронтенд-девелопера?: https://css-tricks.com/what-makes-a-good-front-end-developer/

[19] Idle Until Urgent: https://philipwalton.com/articles/idle-until-urgent/

[20] Фреймворк для веб-производительности: https://adactio.com/journal/14355

[21] Большая подборка ресурсов, посвященных веб-производительности: https://github.com/fabkrum/web-performance-resources

[22] Улучшаем навыки отладки с помощью Chrome DevTools (часть 2): https://www.telerik.com/blogs/improve-your-debugging-skills-with-chrome-devtools-(part-2)

[23] Sublime merge: https://www.sublimemerge.com/

[24] Yarn Plug'n'Play: https://github.com/yarnpkg/rfcs/pull/101

[25] Аналогичный концепт от npm под названием tink: https://github.com/npm/tink

[26] Как вынести урок из ошибок доступности на сайте Apple: https://www.abilitynet.org.uk/news-blogs/how-learn-apples-mistakes-website-accessibility

[27] Много шума вокруг ARIA: https://www.deque.com/blog/much-ado-about-aria/

[28] Отладка доступности с помощью Chrome DevTools: https://www.youtube.com/watch?v=xWPMfcjhts8

[29] Объемный город, построенный из эмоджи «на чистом CSS»: https://codepen.io/GeorgePark/pen/MqVoYP

[30] Забавная йети-пагинация: https://codepen.io/dsenneff/full/gdQJqo/

[31] Световой луч из цветных частиц: https://codepen.io/chrisgannon/full/KBorZm/

[32] CSS Grid — швейцарский армейский нож для макетов сайтов и приложений: https://habr.com/company/poiskvps/blog/423709/

[33] Химия CSS-гридов: http://css-live.ru/css/ximiya-css-gridov.html

[34] Refresh CSS Bookmarklet v2: http://lea.verou.me/2018/09/refresh-css-bookmarklet-v2/

[35] Flexbox: насколько велики размеры элементов в Flex контейнере?: https://www.smashingmagazine.com/2018/09/flexbox-sizing-flexible-box/

[36] Наглядная демонстрация работы свойства transform-origin: https://codepen.io/shshaw/pen/pOVKjb

[37] Развлекаемся с эффектами наведения для ссылок: https://css-tricks.com/having-fun-with-link-hover-effects/

[38] Что такое Модульный CSS?: https://spaceninja.com/2018/09/17/what-is-modular-css/

[39] Портирование JS на Эльбрус: https://habr.com/company/jugru/blog/419155/

[40] Вышел Electron 3.0, фреймворк для создания нативных JS-приложений: https://tproger.ru/news/electron-3-release/

[41] Next.js 7: https://nextjs.org/blog/next-7

[42] Gatsby 2.0.0: https://www.gatsbyjs.org/blog/2018-09-17-gatsby-v2/

[43] Меньше кода, больше приложений: как Vulcan.js делает из меня эффективного разработчика: https://medium.com/dailyjs/write-less-code-ship-more-apps-how-vulcan-js-makes-me-an-efficient-developer-71c829c76417

[44] 5 советов по лучшему написанию условных выражений в JavaScript: https://scotch.io/tutorials/5-tips-to-write-better-conditionals-in-javascript

[45] Bundlephobia: https://bundlephobia.com/

[46] О создании игры для конкурса js13K «Underrun»: https://phoboslab.org/log/2018/09/underrun-making-of

[47] Как на JS создать интерактивный инструмент для построения Flex раскладок: https://medium.freecodecamp.org/how-to-create-an-interactive-flex-layout-designer-in-javascript-54863b837b5

[48] Script & Style Show: Episode 21: https://davidwalsh.name/episode-20

[49] React Podcast №21: Delete Your Components with Kent C. Dodds: https://reactpodcast.com/21

[50] React Alicante 2018: https://www.youtube.com/playlist?list=PLd7nkr8mN0sVTbT644oHYDfWF6G0GwhiX

[51] Как организовать ваши зависимости во Vue-приложении: https://habr.com/post/423013/

[52] Nuxt.js 2.0: Webpack 4, ESM Modules, create-nuxt-app и многое другое! : https://medium.com/@nuxt_js/nuxt-js-2-0-webpack-4-esm-modules-create-nuxt-app-and-more-6936ce80d94c

[53] Vue.js + GSAP = Анимации: https://blog.usejournal.com/vue-js-gsap-animations-26fc6b1c3c5a

[54] Использование Scoped Slots в Vue.js для абстрактных функций: https://css-tricks.com/using-scoped-slots-in-vue-js-to-abstract-functionality/

[55] 5 наиболее запрашиваемых функций для Vue.js в 2018 году: https://vuejsdevelopers.com/2018/09/17/highly-requested-new-vue-js-features/

[56] 7 уроков по архитектуре фронтенда от Nuxt.js: https://zendev.com/2018/09/17/frontend-architecture-lessons-from-nuxt-js.html

[57] React и SEO: как их подружить?: https://habr.com/post/418619/

[58] Почему не стоит использовать компоненты высшего порядка в Реакте : http://andrew-r.ru/notes/react-hocs

[59] Enterprise React в 2018–2019: https://medium.com/@viacheslavlushchinskiy/enterprise-react-in-2018-2019-ae6c80c03f1

[60] Автостопом по галактике React Router v4: [match, location, history] — ваши лучшие друзья!: https://medium.freecodecamp.org/hitchhikers-guide-to-react-router-v4-4b12e369d10

[61] Почему React16 — это благословение для разработчиков на React: https://medium.freecodecamp.org/why-react16-is-a-blessing-to-react-developers-31433bfc210a

[62] Как начать работать с React Context API: https://medium.freecodecamp.org/how-to-get-started-with-the-react-context-api-ccc41728fa59

[63] Создание компонента в стиле React на ванильном javascript.: https://medium.com/@bluepnume/building-a-react-esque-component-using-vanilla-javascript-ddc99e76b867

[64] Иммутабельность в React и Redux: полное руководство: https://daveceddia.com/react-redux-immutability-guide/

[65] Использование Font Awesome 5 в React: https://scotch.io/tutorials/using-font-awesome-5-with-react

[66] react-flip-toolkit: https://github.com/aholachek/react-flip-toolkit

[67] Делаем Autocomplete-виджет с помощью React и Elastic Search: https://blog.bitsrc.io/how-to-build-an-autocomplete-widget-with-react-and-elastic-search-dd4f846f784

[68] Упрощаем работу доступность с помощью Angular CDK: https://netbasal.com/accessibility-made-easy-with-angular-cdk-1caaf3d98de2

[69] Создание PWA с помощью Angular 6: https://www.smashingmagazine.com/2018/09/pwa-angular-6/

[70] Повышаем уровень владения NgRx: https://itnext.io/level-up-your-ngrx-game-42652afc25bd

[71] Три столпа Angular Router — Router States и URL Matching: https://blog.angularindepth.com/angular-routing-series-pillar-1-router-states-and-url-matching-12520e62d0fc

[72] Mozilla представила финальную версию браузера Firefox Reality для очков и шлемов виртуальной реальности: https://itc.ua/blogs/mozilla-predstavila-finalnuyu-versiyu-brauzera-firefox-reality-dlya-ochkov-i-shlemov-virtualnoy-realnosti/

[73] Microsoft уже отключила функцию Windows 10, отговаривающую пользователей от установки других браузеров вместо Edge: https://itc.ua/news/microsoft-uzhe-otklyuchila-funktsiyu-windows-10-otgovarivayushhuyu-polzovateley-ot-ustanovki-drugih-brauzerov-vmesto-edge/

[74] Перехват и модификация запросов в Chrome с помощью Devtools Protocol: https://blog.shapesecurity.com/2018/09/17/intercepting-and-modifying-responses-with-chrome-via-the-devtools-protocol/

[75] Google: мы полностью индексируем и ранжируем контент во вкладках: https://www.searchengines.ru/google-tabs-fully.html

[76] Путь единорога: как GitLab шел к оценке в $1 млрд: https://ain.ua/2018/09/20/put-edinoroga-gitlab

[77] Google провалил клонирование Twitch и позвал редких геймеров смотреть YouTube: https://roem.ru/20-09-2018/273692/google-provalil-klonirovanie-twitch-i-pozval-redkih-gejmerov-smotret-youtube/

[78] В MIT создали нейросеть, распознающую объекты по голосовому описанию: https://tproger.ru/news/mit-recognition-ai/

[79] «ВКонтакте» запустила платформу подкастов: https://vc.ru/services/46063-vkontakte-zapustila-platformu-podkastov

[80] Почему YouTube Gaming проиграл конкуренцию Twitch: https://ain.ua/2018/09/22/youtube-gaming-proigral-twitch

[81] Работа над ошибками: Как я живу с дислексией: https://www.wonderzine.com/wonderzine/life/experience/238119-dyslexia

[82] Дайджест за прошлую неделю: https://habr.com/company/zfort/blog/423539/

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

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

[85] Источник: https://habr.com/post/424185/?utm_campaign=424185

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