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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #81 – Екатерина Павленко о том, как работает программный комитет HolyJS изнутри: https://soundcloud.com/frontend-weekend/fw-81

[8] 59: Как сделать крутой доклад: https://soundcloud.com/devschacht/devschacht-59

[9] Новости 512 — Выпуск №31 (26.11 — 02.12): https://soundcloud.com/csssr/news512_031

[10] 11. Прототип изоляции стилей для Shower на веб-компонентах: https://www.youtube.com/watch?v=_FRIRJZYlxU

[11] WSD в Минске, 2018: https://www.youtube.com/watch?v=bjxjAESwejE

[12] performance.now(), 16 видео с конференции, где 16 спикеров мирового уровня покрыли самые важные стороны веб-производительности: https://www.youtube.com/playlist?list=PLjnstNlepBvMnKuNFvWeQWzlRp8Cbiw0X

[13] + заметки к каждому докладу: https://hiddedevries.nl/en/blog/2018-11-10-up-to-speed-with-web-performance

[14] Frontend NE: The conference 2018: https://www.youtube.com/playlist?list=PLQnVLZV0MsRJfHn3ZdLLeAlnP2WGBsKsG

[15] Полезные правила доступности, которые останутся в памяти: https://medium.com/web-standards/pragmatic-a11y-rules-b16dd2f77685

[16] Background Fetch API: Готовьтесь к его использованию!: https://medium.com/@webmaxru/background-fetch-api-get-ready-to-use-it-69cca522cd8f

[17] Как и когда использовать атрибут tabindex: https://bitsofco.de/how-and-when-to-use-the-tabindex-attribute/

[18] Google опубликовал подробный FAQ по индексации AMP: https://www.searchengines.ru/amp-faq.html

[19] До свидания, Electron. Здравствуйте, настольные PWA: https://medium.com/webbdev/pwa-e8cf7f6b93a9

[20] «Progressive Web Apps. The future of the Mobile Web»: https://www.awwwards.com/PWA-ebook/

[21] Обширное руководство по Прогрессивным Веб-приложениям: https://www.smashingmagazine.com/2018/11/guide-pwa-progressive-web-applications/

[22] Прогрессивные веб-приложения vs Нативные приложения: https://www.codica.com/blog/progressive-web-apps-vs-native/

[23] Превратите ваше приложение на Vue в PWA!: https://blog.bitsrc.io/turn-your-vue-web-app-into-a-pwa-ca04d8bcdd64

[24] WebP скоро захватит веб, но век будет не долгим: https://habr.com/post/431498/

[25] Должен ли я использовать JavaScript для загрузки моих веб-шрифтов?: https://www.filamentgroup.com/lab/js-web-fonts.html

[26] Адаптируемся под пользователей с помощью Client Hints: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/client-hints/

[27] Hacking Web Performance: https://www.youtube.com/watch?v=UgSFxtIPc4c

[28] Избежание подводных камней автоматического инлайнинга кода (в контексте WP): https://www.smashingmagazine.com/2018/11/pitfalls-automatically-inlined-code/

[29] Что нового в DevTools (Chrome 72): https://developers.google.com/web/updates/2018/11/devtools

[30] Console.рулит(): https://itnext.io/console-rules-b30560fc2367

[31] CraSSh: ломаем все современные браузеры вычислениями в CSS: https://habr.com/post/431656/

[32] Введение в пользовательские CSS-свойства: https://habr.com/company/netologyru/blog/431616/

[33] Правильная шпаргалка по CSS-каскаду: http://css-live.ru/css/pravilnaya-shpargalka-po-css-kaskadu.html

[34] css-grid-layout-generator.pw: https://css-grid-layout-generator.pw/

[35] Введение в CSS Shapes: https://tympanus.net/codrops/2018/11/29/an-introduction-to-css-shapes/

[36] Взгляд на CSS Reset (обнуление стилей) в 2018: https://bitsofco.de/a-look-at-css-resets-in-2018/

[37] Варианты включения и остановки CSS анимации: http://adrianroselli.com/2018/12/toggling-animations-on-and-off-a-variation.html

[38] Просто используйте :focus стили, черт побери: https://gomakethings.com/just-use-focus-styles-damnit/

[39] CSS Animation 101: https://github.com/cssanimation/css-animation-101

[40] Все о переменных окружения в CSS: https://bitsofco.de/css-environment-variables/

[41] NES.css: https://bcrikko.github.io/NES.css/

[42] Эффекты креативной визуализации изображений по наведению по ссылкам: https://tympanus.net/codrops/2018/11/27/image-reveal-hover-effects/

[43] Начинаем работать с вариативными шрифтами в CSS: https://www.creativebloq.com/features/get-started-with-variable-fonts-in-css

[44] Создание CSS-галереи с Grid раскладкой (с эффектом размытия и интерактивными медиа выражениями): https://webdesign.tutsplus.com/tutorials/create-a-css-grid-image-gallery-with-blur-effect-and-interaction-media-queries--cms-32287

[45] Создание интерфейсов будущего: нестандартные формы: https://www.youtube.com/watch?v=eCHt8zsbCT4

[46] Руководство по обработке ошибок в JavaScript: https://habr.com/company/ruvds/blog/431078/

[47] Фронт: https://www.youtube.com/watch?v=tr1-xLC8Uvs

[48] Данные решают всё: https://www.youtube.com/watch?v=bPYsQQgnZB0

[49] Microsoft выпустила TypeScript 3.2: https://tproger.ru/news/microsoft-release-typescript32/

[50] Прячем JavaScript-код на фронтенде от посторонних: https://tproger.ru/blogs/js-obfuscation/

[51] Как меня задолбало противопоставление хренова const чертову let: https://medium.com/webbdev/vs-b15bc3155c63

[52] Основные сайты содержат неавторизованный JavaScript на своих платежных страницах: https://shkspr.mobi/blog/2018/11/major-sites-running-unauthenticated-javascript-on-their-payment-pages/

[53] Скомпроментированный npm пакет: event-stream: https://medium.com/intrinsic/compromised-npm-package-event-stream-d47d08605502

[54] Infinite Scroll с помощью генераторов: https://medium.com/@ashishshubham/infinite-scroll-using-generators-bbacbf6cafd9

[55] Малоизвестные функции JavaScript: https://medium.com/@viral_shah/little-known-features-of-javascript-901665291387

[56] Концепции функционального программирования в Javascript: https://medium.com/the-renaissance-developer/concepts-of-functional-programming-in-javascript-6bc84220d2aa

[57] Самые популярные Node.js-фреймворки 2018 года: https://habr.com/company/ruvds/blog/431076/

[58] Пограничное состояние Nodejs C++/JS: пересекая рубикон: https://blog.bitsrc.io/nodejs-c-js-boundary-crossing-the-rubicon-c9c5511907a2

[59] 10 Node фреймворков для использования в 2019: https://scotch.io/bar-talk/10-node-frameworks-to-use-in-2019

[60] Написание приложений с эффективным использованием памяти на Node.js: https://medium.com/dev-bits/writing-memory-efficient-software-applications-in-node-js-5575f646b67f

[61] ncc: Node.js CLI инструмент и API для компилирования Node.js проектов в единый JS файл: https://zeit.co/blog/ncc

[62] Краткий обзор Vue с высоты птичьего полета: https://medium.freecodecamp.org/a-birds-eye-vue-how-to-get-started-with-vue-js-dd1b82795908

[63] Мои любимые пакеты для Vue.js & Nuxt.js на 2019: https://medium.com/@RifkiNada/my-favorite-vue-js-nuxt-js-packages-for-2019-639dbbfe699e

[64] Ускорь свою разработку на Vue.js c Vue CLI 3: https://code.tutsplus.com/tutorials/boost-your-vuejs-workflow-with-vue-cli-3--cms-32232

[65] React.js для продолжающих: https://tproger.ru/translations/react-after-learning-basics/

[66] useEffect vs useLayoutEffect vs useMutationEffect: https://blog.kentcdodds.com/useeffect-vs-uselayouteffect-vs-usemutationeffect-6a3ee231304a

[67] Дорожная карта React 16.x: https://reactjs.org/blog/2018/11/27/react-16-roadmap.html

[68] Ленивая загрузка (и предзагрузка) компонентов в React 16.6: https://medium.com/@pomber/lazy-loading-and-preloading-components-in-react-16-6-804de091c82d

[69] 8 предложений, которые улучшат ваше приложение на React: https://itnext.io/8-propositions-that-will-improve-your-react-application-fc22f6a79bd9

[70] Состояние управления состоянием в React в 2019: https://blog.bitsrc.io/state-of-react-state-management-in-2019-779647206bbc

[71] №30: Develop in the Cloud with Christina Holland: https://reactpodcast.com/30

[72] Полное руководство по Routing в Angular: https://www.smashingmagazine.com/2018/11/a-complete-guide-to-routing-in-angular/

[73] Мои приключения с запуском Angular Ivy внутри StackBlitz: да, это возможно: https://medium.com/@urish/my-adventures-running-angular-ivy-inside-stackblitz-yes-it-is-possible-f4984fafd7d4

[74] Создание простого CRUD приложения с Angular и Node: https://www.sitepoint.com/build-a-basic-crud-app-with-angular-and-node/

[75] Сравнение JavaScript библиотек для HTTP запросов для 2019-го: https://blog.bitsrc.io/comparing-http-request-libraries-for-2019-7bedb1089c83

[76] progress-estimator: https://github.com/bvaughn/progress-estimator

[77] displaceable: крошечная библиотека для обработки производительного смещения элементов относительно позиции мыши: https://github.com/dinohamzic/displaceable

[78] Настройка Firefox/Chrome для очень медленного и лимитированного интернета: https://habr.com/post/431310/

[79] Разработчики Chrome задумались о прекращении поддержки FTP: https://tproger.ru/news/chrome-devs-deprecates-ftp/

[80] Opera 57 получила «умные» новости и рекомендации от Netflix: https://tproger.ru/news/opera-57-release/

[81] В Firefox 64 появится встроенный менеджер задач: http://www.opennet.ru/opennews/art.shtml?num=49663

[82] Вышел браузер для VR-устройств Firefox Reality 1.1: https://tproger.ru/articles/firefox-reality-1-1-realese/

[83] Web Audio, Autoplay Policy и игры: https://developers.google.com/web/updates/2018/11/web-audio-autoplay

[84] Картина мира: https://vas3k.ru/blog/homesillyhome/

[85] Почему падают криптовалюты — 5 причин от The New York Times: https://ain.ua/2018/11/28/5-prichin-padeniya-kripty/

[86] SEO 101: факты, советы и мифы поисковой оптимизации: https://spark.ru/startup/artjoker-ua/blog/43379/seo-101-fakti-soveti-i-mifi-poiskovoj-optimizatsii

[87] Визуализация данных в работе аналитика: типы диаграмм и какую выбрать: https://dou.ua/lenta/articles/visualizing-data-for-analyst/

[88] Почему не стоит давать тестовые задания. И почему не стоит их делать: https://dou.ua/lenta/articles/test-assignment-for-job-seekers/

[89] Проект OpenSSL переходит на лицензию Apache и меняет схему нумерации выпусков: http://www.opennet.ru/opennews/art.shtml?num=49677

[90] Instagram будет описывать фотографии для слабовидящих пользователей: https://itc.ua/blogs/instagram-budet-opisyivat-fotografii-dlya-slabovidyashhih-polzovateley/

[91] Хронология: какие проекты закрыла Google и почему: https://vc.ru/services/52234-hronologiya-kakie-proekty-zakryla-google-i-pochemu

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

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

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

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

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