Дайджест свежих материалов из мира фронтенда за последнюю неделю №476 (5 — 11 июля 2021)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

[5] Подкаст «Веб-стандарты» №289. Формат номеров, Safari, theme-color и accent-color, Temporal, a11y, переезд на Material UI: https://soundcloud.com/web-standards/episode-289

[6] «Новости 512» от CSSSR: petite-vue, вакансия от CSSSR, сравнение React и Solid.js, Qwik, тестирование писем, роадмап Deno Q3: https://soundcloud.com/csssr/petite-vue-vakansiya-ot-csssr-sravnenie-react-i-solidjs-qwik-testirovanie-pisem-roadmap-deno-q3

[7] Подкаст «Callback Hell» — Github Copilot, популярность Rust, что ещё должен уметь Senior кроме написания кода: https://soundcloud.com/csssr/github-copilot-populyarnost-rust-chto-eshchyo-dolzhen-umet-cto-krome-napisaniya-koda

[8] Подкаст «Фронтенд Юность» #195 Программист это творец творений: https://soundcloud.com/frontend_u/e195

[9] The Readme Podcast: «От комиксов в Вирджинии до React Core в Facebook» : https://github.com/readme/podcast/comics-to-react-core

[10] Вывод чётких изображений на экранах с высокой плотностью пикселей: https://habr.com/ru/company/ruvds/blog/566100/

[11] почему WebGL? (часть 1): https://habr.com/ru/post/567052/

[12] первые наброски (часть 2): https://habr.com/ru/post/567082/

[13] Заменят ли верстальщиков нейросети и конструкторы для создания сайтов?: https://habr.com/ru/company/htmlacademy/blog/566132/

[14] Убедительные аргументы в пользу доступности: https://www.smashingmagazine.com/2021/07/strong-case-for-accessibility/

[15] SVG Favicons в действии : https://css-tricks.com/svg-favicons-in-action/

[16] Как выбрать Headless CMS: https://www.smashingmagazine.com/2021/07/how-to-choose-a-headless-cms/

[17] Моя борьба за использование и анимацию конического градиента в SVG : https://css-tricks.com/my-struggle-to-use-and-animate-a-conic-gradient-in-svg/

[18] Среднее время загрузки страницы в 2021 году: https://machmetrics.com/speed-blog/average-page-load-time-in-2021/

[19] npm audit: сломан на уровне дизайна: https://overreacted.io/npm-audit-broken-by-design/

[20] WebSockets vs. HTTP: https://ably.com/topic/websockets-vs-http

[21] Подборка креативных сайтов «Inspirational Websites Roundup #27»: https://tympanus.net/codrops/2021/07/09/inspirational-websites-roundup-27/

[22] Стилизуем слайдер input range для всех популярных браузеров: https://habr.com/ru/post/567058/

[23] Использование HSL цветов в CSS: https://www.smashingmagazine.com/2021/07/hsl-colors-css/

[24] Большие, маленькие и динамические вьюпорты: https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/?ref=heydesigner

[25] Дилемма именования переменных для размера шрифта : https://css-tricks.com/the-dilemma-of-naming-font-size-variables/?ref=heydesigner

[26] Цвет темы в CSS : https://blog.jim-nielsen.com/2021/theme-color-in-css/

[27] Продвинутый редактор градиентов для CSS : https://gra.dient.art/

[28] JavaScript: изучаем регулярные выражения на практике: https://habr.com/ru/company/macloud/blog/565726/

[29] Как использовать IndexDB для управления состоянием в JavaScript : https://blog.openreplay.com/how-to-use-indexdb-to-manage-state-in-javascript

[30] Как использовать Promise.all(): https://dmitripavlutin.com/promise-all/

[31] Взгляд на разработку с помощью Astro: https://css-tricks.com/a-look-at-building-with-astro/

[32] Важность Integrity Checks в JavaScript: https://blog.bitsrc.io/the-importance-of-integrity-checks-in-javascript-c6fde630e7

[33] Enzyme.js — время говорить «прощай»: https://www.piotrstaniow.pl/goodbye-enzyme

[34] Простое управление состоянием с помощью React Easy Peasy: https://blog.openreplay.com/easy-peasy-state-management-using-react-easy-peasy

[35] Использование dangerouslySetInnerHTML в React приложении : https://blog.logrocket.com/using-dangerouslysetinnerhtml-in-a-react-application/

[36] Добавление drag-and-drop с помощью react-beautiful-dnd : https://blog.logrocket.com/adding-drag-and-drop-functionality-with-react-beautiful-dnd/

[37] Расширение Dependency Injection в React с помощью InversifyJS : https://blog.bitsrc.io/advanced-dependency-injection-in-react-af962bb94d35

[38] windy — React UI Kit, использующий Tailwind: https://windy-docs.vercel.app/

[39] Nuxt.js и поисковики. Решение проблем с SЕО для Google и Yandex: https://habr.com/ru/post/566256/

[40] Как создавать доступные приложения на Vue : https://www.freecodecamp.org/news/build-accessible-vue-applications/

[41] Как мигрировать с Vue 2 на Vue 3?: https://dev.to/maddevs/how-to-migrate-from-vue-2-to-vue-3-4le8

[42] Как структурировать крупномасштабное приложение на Vue.js: https://vueschool.io/articles/vuejs-tutorials/how-to-structure-a-large-scale-vue-js-application/

[43] Расширение Vue Router Links в Vue 3: https://medium.com/js-dojo/extending-vue-router-links-in-vue-3-8c7d93eb20bc

[44] Основы Angular: создание динамических форм с использованием FormArray в Angular: https://www.telerik.com/blogs/angular-basics-creating-dynamic-forms-using-formarray-angular

[45] Декларативный Route Path Management в Angular приложениях : https://medium.com/angular-in-depth/declarative-route-path-management-in-angular-apps-even-better-than-best-route-forward-ee9d7c46fe87

[46] Почему Blueprints в Ember такие клевые и как они экономят ваше время на написание тестов: https://dev.to/jayjayjpg/why-blueprints-in-ember-are-cool-and-how-they-save-you-time-writing-tests-1p0b

[47] Svelte для разработки веб-компонентов: подводные камни и обходные пути: https://dev.to/tnzk/svelte-for-web-components-development-pitfalls-and-workarounds-as-of-july-2021-3lii

[48] Создайте свой первый плагин Figma с помощью Svelte: https://tomquinonero.com/blog/write-a-figma-plugin-using-svelte/

[49] imaskjs — маска для инпутов на ванильном javascript : https://imask.js.org/

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

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

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

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

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