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

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

[5] «Новости 512» от CSSSR: Уязвимость Log4Shell, The State of CSS 2021, Ruby on Rails 7, тонкости рендеринга, дженерики в Go: https://soundcloud.com/csssr/uyazvimost-log4shell-the-state-of-css-2021-ruby-on-rails-7-tonkosti-renderinga-dzheneriki-v-go

[6] Подкаст «Веб-стандарты» №313. CSS 25, Safari, отладка утечек, кастомный select, DOM и AOM, Compat 2021, минское сообщество: https://soundcloud.com/web-standards/episode-313

[7] Я.Субботник Pro по разработке интерфейсов 2021: https://www.youtube.com/playlist?list=PLKaafC45L_SRifaD5yS-LYIE3L86x-X0W

[8] webDev #13: Front-end. Вопросы на собеседовании: https://www.youtube.com/watch?v=RpcB5jnJvcI

[9] Микро-фронтенды для микро-сервисов: https://habr.com/ru/company/mvideo/blog/597653/

[10] Какие навыки нужны фронтендеру, чтобы стать мидлом? Исследование HTML Academy: https://habr.com/ru/company/htmlacademy/blog/597205/

[11] Автоматизация frontend-разработки виджетов для систем управления контентом: https://habr.com/ru/company/digdes/blog/597463/

[12] Как рисовать S-образные стрелки между прямоугольниками: https://dragonman225.js.org/curved-arrows.html

[13] Шпаргалка для собеседований по фронтенду, которая помогла мне получить офферы от Amazon и LinkedIn: https://itnext.io/frontend-interview-cheatsheet-that-helped-me-to-get-offer-on-amazon-and-linkedin-cba9584e33c7

[14] Бесконечная прокрутка в вебе: полное руководство: https://evgeniiray.medium.com/infinite-scrolling-in-web-ultimate-guide-b698124b3172

[15] Первый взгляд на Error Prevention — новейший критерий WCAG 3.0: https://uxdesign.cc/a-first-look-at-error-prevention-wcag-3-0s-newest-criterion-9762812c591d

[16] Alternate Column Scroll Animation: https://tympanus.net/codrops/2021/12/21/alternate-column-scroll-animation/

[17] Fuite — инструмент для поиска утечек памяти в SPA: https://habr.com/ru/post/597007/

[18] Подвышаем производительность сайта на Jamstack: https://calendar.perfplanet.com/2021/shapeup-jamstack-site-performance/

[19] Улучшение Core Web Vitals на примере Smashing Magazine: https://www.smashingmagazine.com/2021/12/core-web-vitals-case-study-smashing-magazine/

[20] Производительность фронтенда: главное [0]: https://medium.com/@matthew.costello/frontend-web-performance-the-essentials-0-61fea500b180

[21] Псевдокласс :has() — не только «родительский селектор»: https://css-live.ru/css/psevdoklass-has-ne-tolko-roditelskij-selektor.html

[22] День зимнего солнCSSтояния: новые публикации CSS и приятный сюрприз Safari: https://css-live.ru/vecssti-s-polej/den-zimnego-solncsstoyaniya-novye-publikacii-css-i-priyatnyj-syurpriz-safari.html

[23] Tailwind CSS — резюме после двух с половиной проектов: https://webdevblog.ru/tailwind-css-rezjume-posle-dvuh-s-polovinoj-proektov/

[24] Обтекание текста внутри SVG с помощью CSS: https://www.jayfreestone.com/writing/wrappping-text-inside-svg-css/

[25] Создание и настройка видеоплеера на HTML5 с помощью CSS: https://blog.logrocket.com/creating-customizing-html5-video-player-css/

[26] Новые возможности UnoCSS: альтернатива Tailwind CSS: https://blog.logrocket.com/new-features-unocss-tailwind-css-alternative/

[27] Пришло время для JavaScript Temporal API?: https://blog.openreplay.com/is-it-time-for-the-javascript-temporal-api

[28] Добавление нового поведения через декораторы в JavaScript: https://indepth.dev/posts/1491/attaching-new-behaviors-through-decorators-in-javascript

[29] Красота API IntersectionObserver: https://tech.trell.co/the-beauty-of-intersectionobserver-api-in-js-6c89f2394072

[30] Remix vs. Next.js vs. SvelteKit: https://blog.logrocket.com/react-remix-vs-next-js-vs-sveltekit/

[31] React.js: размышления об управлении состоянием и повторном рендеринге: https://habr.com/ru/company/timeweb/blog/597109/

[32] Шаблоны React архитектуры для ваших проектов: https://blog.openreplay.com/react-architecture-patterns-for-your-projects

[33] Современные методы получения данных API в React: https://blog.logrocket.com/modern-api-data-fetching-methods-react/

[34] Redux middleware и как его использовать с WebSockets: https://wanago.io/2021/12/20/redux-middleware-websockets/

[35] Создайте приложение CRUD в React с помощью Firebase Web SDK v9: https://blog.logrocket.com/build-crud-application-react-firebase-web-sdk-v9/

[36] Топ-5 расширений VS Code для Vue разработчиков на 2022 год: https://blog.openreplay.com/top-5-vs-code-extensions-for-vue-developers-for-2022

[37] 4 самых популярных запроса о Vue.js 3 на StackOverflow: https://javascript.plainenglish.io/4-top-rated-queries-about-vue-js-3-on-stackoverflow-90beaff3b285

[38] Создание библиотеки компонентов во Vue 3: https://blog.logrocket.com/building-vue-3-component-library/

[39] Библиотека как продукт: от папки в проекте до международного опенсорса: https://habr.com/ru/company/tinkoff/blog/597689/

[40] Angular 13: что делает его успешным для разработки фронтенда на ентерпрайз проектах? : https://blogs.ashutec.com/angular-13-what-makes-it-tick-for-enterprise-frontend-development-428fe0a90bdc

[41] Angular — Micro-Frontend: https://blog.devgenius.io/angular-micro-frontend-4dad619c4277

[42] Почему Ember?: https://whyember.com/

[43] Релиз Ember 4.0 : https://blog.emberjs.com/ember-4-0-released/

[44] The Ember Times — Issue No. 193: https://blog.emberjs.com/the-ember-times-issue-193/

[45] Svelte Intl Precompile — Библиотека i18n для Svelte, которая анализирует и компилирует ваши переводы во время сборки: https://svelte-intl-precompile.com/

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

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

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

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

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