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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #51 — 18 фактов о Vue.js по итогам 2018 года: https://soundcloud.com/5minreact/051-vuejs-18-facts-in-2018

[8] #84 – Павел Черторогов об одержимости GraphQL и состоянии IT-индустрии в Алматы : https://soundcloud.com/frontend-weekend/fw-84

[9] #62: Чем фронтендер может помочь девопс продукту: https://medium.com/devschacht/devschacht-62-5f53e79f0c95

[10] #54: Предновогодний. Svelte, Vue, новости и тренды: https://medium.com/@frontman/radiojs-54-194bf47505dd

[11] Новости 512 — Выпуск №32 (17.12 — 23.12): https://soundcloud.com/csssr/news512_032

[12] «DeBuris.it декомпиляция, шейдеры»: https://www.youtube.com/watch?v=sJ_l6XVmH9Q

[13] Nordic.js 2018: https://www.youtube.com/playlist?list=PLGP3VO5jDf8ylpVlq5f0o-uCBABzrvAoc

[14] Почему веб такой сложный?: https://habr.com/post/433918/

[15] Годные туториалы на YouTube: https://habr.com/company/edison/blog/434034/

[16] Доступные SVG-иконки с инлайновыми спрайтами: https://medium.com/web-standards/accessible-svg-icons-4d8d80b52f92

[17] Список конференций, принимающих русскоязычные доклады по фронтенду: https://github.com/web-standards-ru/cfp-list

[18] Нет причин использовать pointer-events для элементов HTML: https://bitsofco.de/theres-no-reason-to-use-pointer-events-for-html-elements/

[19] Обработка неработающих изображений с помощью service worker: https://bitsofco.de/handling-broken-images-with-service-worker/

[20] Service Workies: https://serviceworkies.com/

[21] Релиз Bootstrap 4.2.1: https://blog.getbootstrap.com/2018/12/21/bootstrap-4-2-1/

[22] Запись трансляция Avito Online Frontend: Performance: https://www.youtube.com/watch?v=1h-ZRi7J69E&feature=youtu.be

[23] Как беспокоиться о весе пакета npm: https://css-tricks.com/how-to-worry-about-npm-package-weight/

[24] Делаем Modern Build: https://habr.com/company/constanta/blog/430950/

[25] Релиз WebStorm 2018.3: улучшенная поддержка Angular, улучшенны автоимпорты, GitHub Pull Requests и многое другое: https://blog.jetbrains.com/webstorm/2018/11/webstorm-2018-3

[26] Использование DevTools для понимания современных методов верстки: https://www.chenhuijing.com/blog/devtools-for-understanding-modern-layout-techniques/

[27] Я пользовался скрин-ридером в вебе течении целого дня : https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/

[28] Я выбросил свою мышь: https://www.24a11y.com/2018/i-threw-away-my-mouse/

[29] Веб-компоненты все еще обязаны быть доступными: https://www.24a11y.com/2018/web-components-still-need-to-be-accessible/

[30] Анимированный интерактивный пейзаж: https://tympanus.net/codrops/2018/12/20/interactive-animated-landscape/

[31] Самые вдохновляющие сайты за 2018: https://tympanus.net/codrops/2018/12/18/inspirational-websites-from-2018/

[32] Скролл мыши в перспективу: https://codepen.io/mprquinn/full/RErjGz

[33] Философия CSS: https://habr.com/company/piter/blog/433698/

[34] Основы CSS: блочная модель: https://tproger.ru/translations/css-box-model/

[35] Как сделать движение по кривой изинга (Easing Curve) в реверсе: https://css-tricks.com/reversing-an-easing-curve/

[36] Фрагментированное, но развивающееся состояние CSS-in-JS: https://css-tricks.com/the-fragmented-but-evolving-state-of-css-in-js/

[37] Стилизация Select как-будто сейчас 2019: https://www.filamentgroup.com/lab/select-css.html

[38] Борьба с FOIT и FOUT: https://css-tricks.com/fighting-foit-and-fout-together/

[39] Generic First CSS: Новое осмысление Mobile First: https://www.smashingmagazine.com/2018/12/generic-css-mobile-first/

[40] Google Fonts и font-display: https://css-tricks.com/google-fonts-and-font-display/

[41] Менее известные свойства CSS, объясненные в GIF`ках: https://medium.com/@PavelLaptev/lesser-known-css-properties-in-gifs-966a143497ba

[42] Касательно глобальной области видимости CSS: https://css-tricks.com/regarding-csss-global-scope/

[43] Javascript-фреймворки: тенденции 2019 года: https://habr.com/company/plarium/blog/433926/

[44] ECMAScript-модули в Node.js: новый план: https://habr.com/post/433964/

[45] Эксперименты с нейроинтерфейсами на JavaScript: https://habr.com/company/ruvds/blog/433874/

[46] Релиз Electron 4.0.0, платформы создания приложений на базе движка Chromium : http://www.opennet.ru/opennews/art.shtml?num=49829

[47] Пирамида Getter-Setter в JavaScript: https://staltz.com/javascript-getter-setter-pyramid.html

[48] Наиболее востребованные JavaScript фреймворки для разработчиков в 2019: https://blog.bitsrc.io/the-most-in-demand-javascript-frameworks-for-developers-in-2019-39bba192d8dc

[49] Новое бесплатное руководство «Functions» в «Programming Fundamentals»: https://paqmind.com/tutorials/programming-fundamentals/functions/

[50] Особенности JavaScript: чистый способ изменения глобальных прототипов: https://itnext.io/straits-9ef2b9a563cd

[51] Повышаем производительность разработки на примере Vue — часть 1: https://habr.com/post/433864/

[52] Vue 3.0 Updates" доклад Evan You на VueConfTO 2018: https://www.youtube.com/watch?v=XkOMOeEAFQI&t=1s

[53] Подводные камни Vue: https://medium.com/@matuspeciar/vue-gotchas-29abd5541f49

[54] Как создать статический сайт с Vue.js в кратчайшие сроки: https://medium.freecodecamp.org/how-to-generate-a-static-website-with-vue-js-in-no-time-e74e7073b7b8

[55] Vue Route Component Hooks: https://itnext.io/vue-custom-route-hooks-3f50cc30bb87

[56] Как создать подсветку меню в стиле Medium: https://medium.freecodecamp.org/how-to-create-a-medium-like-highlight-menu-in-vue-dc515f2dddef

[57] Как устанавливать, создавать и развертывать собственные приложения с помощью Vue: https://scotch.io/tutorials/how-to-setup-build-and-deploy-native-apps-with-vue

[58] React Hooks: что произойдет с контекстом react?: https://blog.kentcdodds.com/react-hooks-whats-going-to-happen-to-react-context-1881f8a058be

[59] Nextjs для всех — с базовыми знаниями о React: https://medium.freecodecamp.org/an-introduction-to-next-js-for-everyone-507d2d90ab54

[60] React v16.7: Нет, это не тот с хуками: https://reactjs.org/blog/2018/12/19/react-v-16-7.html

[61] Анимация между вюхами в React: https://css-tricks.com/animating-between-views-in-react/

[62] Как оптимизировать приложения на Angular: https://medium.com/nuances-of-programming/%D0%BA%D0%B0%D0%BA-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-%D0%BD%D0%B0-angular-21304274af67

[63] Angular Ivy Renderer готовность 93%: https://medium.com/angular-soviet/angular-ivy-renderer-%D0%B3%D0%BE%D1%82%D0%BE%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D1%8C-93-20e0aff2e861

[64] Повысьте производительность Angular с помощью ленивой загрузки ваших модулей: https://blog.bitsrc.io/boost-angulars-performance-by-lazy-loading-your-modules-ca7abd1e2304

[65] Улучшенная навигация в Angular 7 с помощью switchMap: https://blog.angularindepth.com/new-in-angular-7-better-navigations-79267db452c0

[66] Ентерпрайз-шаблоны Angular — часть 2: https://www.cleverti.com/news/angular-enterprise-patterns-pt2

[67] Стало известно, почему Microsoft переходит на Chromium: https://overclockers.ru/blog/Drakostaarn_blog/show/22811/stalo-izvestno-pochemu-microsoft-perehodit-na-chromium

[68] Действительно ли Google саботировал производительность Edge на YouTube?: https://medium.com/@jeremy.noring/did-google-cripple-edges-youtube-performance-ce5169d3e5f4

[69] Новый выпуск web-браузера Firefox Focus : https://www.opennet.ru/opennews/art.shtml?num=49823

[70] Chrome 72 Beta: поля публичных классов, активация пользователя и многое другое: https://blog.chromium.org/2018/12/chrome-72-beta-public-class-fields-user.html

[71] Крипторасколы или психология форка: https://www.computerra.ru/233473/kriptoraskoly-ili-psihologiya-forka/

[72] Обзор трендов в ИИ на 2019 год: https://tproger.ru/translations/ai-trends-in-2019/

[73] Facebook планирует создать собственную криптовалюту для WhatsApp: https://www.computerra.ru/233571/facebook-planiruet-sozdat-sobstvennuyu-kriptovalyutu-dlya-whatsapp/

[74] Google+, Theranos, «Кэшбери» и другие — какие компании и сервисы закрылись в 2018 году: https://vc.ru/story/53939-google-theranos-keshberi-i-drugie-kakie-kompanii-i-servisy-zakrylis-v-2018-godu

[75] Что ждать от IoT в 2019 году?: https://www.computerra.ru/233544/chto-zhdat-ot-iot-v-2019-godu/

[76] Такие разные компьютеры: о самых маленьких и самых производительных: https://www.computerra.ru/233520/takie-raznye-kompyutery-o-samyh-malenkih-i-samyh-proizvoditelnyh/

[77] Дайджест за прошлую неделю: https://habr.com/post/433352/

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

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

[80] Источник: https://habr.com/post/434110/?utm_source=habrahabr&utm_medium=rss&utm_campaign=434110

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