Дайджест свежих материалов из мира фронтенда за последнюю неделю №423 (6 — 12 июля 2020)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст «Веб-стандарты» №237: Firefox 78, новинки V8 8.4, интересное с Web.Dev Live, сравнение WebP и JPEG, небезопасные API: https://medium.com/web-standards/episode-237-e4306705d7ab

[7] Подкаст CSSSR: web.dev LIVE, React Testing Library, тёмные века веба, производительность, релизы NodeJS и RoR: https://soundcloud.com/csssr/webdev-live-react-testing-library-tyomnye-veka-veba-proizvoditelnost-relizy-nodejs-i-ror

[8] Видеоблог Вадима Макеева: 28. Автотесты и деплой на GitHub Actions: npm-скрипты, EditorConfig и настройка ssh-ключа: https://www.youtube.com/watch?v=hevU4NdIsoU

[9] Я.Субботник по разработке интерфейсов 2020: https://www.youtube.com/playlist?list=PLKaafC45L_SSYVMAgcEps3j_ulhSfpZB5

[10] Numl – Альтернативный язык разметки и стилизации для веб: https://habr.com/ru/post/510026/

[11] Советы и хитрости NPM : https://blog.bitsrc.io/npm-tips-and-tricks-24c5e9defea6

[12] Сделайте свои сайты быстрыми, доступными и безопасными с помощью Google : https://www.smashingmagazine.com/2020/07/web-dev-live-google-event-2020/

[13] Обнаружение мобильных браузеров без анализа строки user agent: Client Hints: https://medium.com/@omrilotan/detect-mobile-browsers-without-user-agent-string-parsing-66e3694ce8cd

[14] ARIA Grid как анти-паттерн : https://adrianroselli.com/2020/07/aria-grid-as-an-anti-pattern.html

[15] Вашему SPA не нужен роутер : https://forweb.dev/en/blog/drop-the-router

[16] Что нового в инструментах для работы со скоростью загрузки : https://www.youtube.com/watch?v=yDHfrhCGFQw

[17] Отображение вырезанного изображения при наведении : https://codepen.io/kathykato/pen/pogaOKG

[18] Креативный эффект анимации меню : https://tympanus.net/codrops/2020/07/08/exploring-animations-for-menu-hover-effects/

[19] Motion Path: введение в современные анимации: https://habr.com/ru/post/509880/

[20] Малоизвестные CSS-свойства: https://habr.com/ru/company/ruvds/blog/509704/

[21] Выравнивание логотипов средствами CSS: https://habr.com/ru/company/ruvds/blog/509706/

[22] Atomizer vs Minimalist Notation (MN): https://habr.com/ru/post/510600/

[23] Принцип цикады, пересмотренный с переменными CSS : https://lea.verou.me/2020/07/the-cicada-principle-revisited-with-css-variables/

[24] Порядок отрисовки в CSS : https://abandonedwig.info/blog/2020/07/03/css-painting-order.html

[25] Десять современных однострочных CSS-разметок : https://web.dev/one-line-layouts/

[26] Новости CSS за июль 2020 : https://www.smashingmagazine.com/2020/07/css-news-july-2020/

[27] Отображение текущего шага с помощью CSS Counters : https://css-tricks.com/displaying-the-current-step-with-css-counters/

[28] Что такое специфичность CSS? : https://sarahchima.com/blog/css-specificity/

[29] Сила адаптивных суффиксов в именах классов : https://seesparkbox.com/foundry/responsive_class_suffixes_automating_classes_with_sass_mixins_and_sass_maps

[30] Глубокое погружение в веб-шрифты : https://iamschulz.com/a-deep-dive-into-webfonts/

[31] Как определить почтовый клиент стилями: https://howtotarget.email/

[32] Управление зависимостями JavaScript: https://habr.com/ru/company/domclick/blog/509440/

[33] Реализуем идеальную аутентификацию в вашем JS-приложении: https://dou.ua/forums/topic/30975/

[34] Изучаем и используем Composition в JavaScript и TypeScript: https://webdevblog.ru/izuchaem-i-ispolzuem-composition-v-javascript-i-typescript/

[35] Готовы ли мы заменить Lodash? : https://medium.com/swlh/are-we-ready-to-replace-lodash-60cd651f6c58

[36] Как парсить URL в JavaScript: hostname, pathname, query, hash : https://dmitripavlutin.com/parse-url-javascript/

[37] Полное руководство по оператору нулевого слияния в ES2020: https://blog.bitsrc.io/the-ultimate-guide-to-the-es2020-nullish-coalescing-operator-231d2b64dfde

[38] Объяснение Debounce — Как заставить ваш JavaScript ждать, пока пользователь закончит набирать текст: https://www.freecodecamp.org/news/debounce-explained-how-to-make-your-javascript-wait-for-your-user-to-finish-typing-2/

[39] Отладка SEO проблем в JavaScript : https://www.youtube.com/watch?v=himvKu12YCY

[40] React-разработка: 6 путей к профессиональному росту: https://habr.com/ru/company/ruvds/blog/510418/

[41] Типичные ошибки джунов, использующих React: https://tproger.ru/translations/mistakes-junior-react-developers-make/

[42] Создание блога с помощью Next.js : https://css-tricks.com/building-a-blog-with-next-js/

[43] 4 способа рендера больших списков в React : https://blog.logrocket.com/4-ways-to-render-large-lists-in-react/

[44] Next.js: Server-side Rendering vs. Static Generation: https://vercel.com/blog/nextjs-server-side-rendering-vs-static-generation

[45] Четыре способа получения данных в React : https://www.bitnative.com/2020/07/06/four-ways-to-fetch-data-in-react/

[46] Vue.js для начинающих, урок 1: экземпляр Vue: https://habr.com/ru/company/ruvds/blog/509700/

[47] Vue.js для начинающих, урок 2: привязка атрибутов: https://habr.com/ru/company/ruvds/blog/509702/

[48] Модульность во Vue.js и Vuex: https://habr.com/ru/post/509904/

[49] Создание компонента Vue с использованием TDD: краткое введение: https://webdevblog.ru/sozdanie-komponenta-vue-s-ispolzovaniem-tdd-kratkoe-vvedenie/

[50] Создание небольших десктопных приложений с Tauri и Vue.js : https://www.smashingmagazine.com/2020/07/tiny-desktop-apps-tauri-vuejs/

[51] CSS-переходы в Vuejs и Nuxtjs : https://www.smashingmagazine.com/2020/07/css-transitions-vuejs-nuxtjs/

[52] Правильное использование Angular: Template Syntax : https://indepth.dev/using-angular-in-the-right-way-template-syntax/

[53] Формы (Angular Reactive) : https://netbasal.com/introducing-angular-reactive-forms-with-benefits-26e52f21489c

[54] Ng v8 to v9: https://medium.com/globant/ng-v8-to-v9-the-know-how-8ee83a072616

[55] Переиспользование поведение DOM в React vs Ember : https://dev.to/_raja_sk_/reusable-dom-behavior-in-react-vs-ember-4p04

[56] The Ember Times — Issue No. 155: https://dev.to/embertimes/the-ember-times-issue-no-155-2i1g

[57] Дорожная карта Ember 2020 : https://blog.emberjs.com/2020/07/10/2020-ember-roadmap.html

[58] Динамические CSS-классы в Svelte : https://imfeld.dev/writing/svelte_dynamic_css

[59] Financial — финансовая TypeScript / JavaScript библиотека без зависимостей: https://github.com/lmammino/financial#readme

[60] Лучшие 21 JavaScript библиотек и фреймворков для работы с 3D : https://medium.com/javascript-in-plain-english/top-21-javascript-3d-library-frameworks-ab5949ce0c98

[61] shareon — легкие и стильные кнопки для шаринга в социальных сетях: https://shareon.js.org/

[62] Malina.js: создание веб-приложения без фреймворка на клиентской части : https://github.com/malinajs/malinajs

[63] Магия WebPush в Mozilla Firefox. Взгляд изнутри: https://habr.com/ru/post/487494/

[64] В Firefox 80 реализована настройка для перенаправления с HTTP на HTTPS: https://www.opennet.ru/opennews/art.shtml?num=53336

[65] Google Chrome будет загружать страницы быстрее и эффективнее расходовать заряд батареи: https://itc.ua/news/google-chrome-budet-zagruzhat-straniczy-bystree-i-effektivnee-rashodovat-zaryad-batarei/

[66] Тестирование Firefox более эффективно с машинным обучением : https://hacks.mozilla.org/2020/07/testing-firefox-more-efficiently-with-machine-learning/

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

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

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

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

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