- PVSM.RU - https://www.pvsm.ru -

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

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №449 (4 — 10 января 2021) - 1

Веб-разработка [1]    |    CSS [2]    |    JavaScript [3]    |    Браузеры [4]

Веб-разработка

habr Разработка PWA с поддержкой распознавания лица и голоса [5]
habr Фронтендер пишет нейронки. Уровень сложности «хочу на ручки» [6]
en Искусство создания компонентов из реальной жизни [7]
en Что не так с Web Assembly? [8]
en Front-end прогнозы на 2021 год [9]
en Создайте клон Google Doc с помощью HTML, CSS и JavaScript [10]
video en Прогрессивное улучшение мертво? [11]

CSS

en Варианты стилизации веб-компонентов [21]
en Финальный отчет State Of CSS 2020 [22]
en Кастомные свойства в качестве состояния [23]
en Действительно ли Tailwind того стоит? [24]
en Изучение нового CSS Houdini Painting API [25]

JavaScript

Что не так с классами в JavaScript? [26]
en Что такое JavaScriptLandia? [27]
en В чем разница между DOM Node и Element? [28]
en Стек и очередь в JavaScript [29]
en 7 ошибок, которые я сделал (и сожалею) как разработчик JavaScript [30]
en Самая свежая информация о JavaScript классах [31]
en Использование компонентов Bootstrap с кастомным JavaScript [32]

Браузеры

В Microsoft Edge наконец-то появилась синхронизация истории и открытых вкладок [49]
В адресной строке Chrome по умолчанию начнёт применяться HTTPS [50]
Прощай, молодость: Google Chrome стал терять пользовательскую аудиторию [51]
Mozilla отключила клавишу Backspace в браузере Firefox для защиты от случайной потери данных [52]
Firefox 85 перейдёт на ECH для скрытия домена в HTTPS-трафике [53]
en Интересный список браузеров, о которых вы никогда не слышали [54]
en Чем браузер Vivaldi отличается от Google Chrome [55]

Дайджест за прошлую неделю [56].
Материал подготовили dersmoll [57] и alekskorovin [58].

Автор: alexzfort

Источник [59]


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

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

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

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

[2] CSS: #css

[3] JavaScript: #js

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

[5] Разработка PWA с поддержкой распознавания лица и голоса: https://habr.com/ru/company/ruvds/blog/536324/

[6] Фронтендер пишет нейронки. Уровень сложности «хочу на ручки»: https://habr.com/ru/post/536220/

[7] Искусство создания компонентов из реальной жизни: https://ishadeed.com/article/building-real-life-components/

[8] Что не так с Web Assembly?: https://blog.bitsrc.io/whats-wrong-with-web-assembly-3b9abb671ec2

[9] Front-end прогнозы на 2021 год : https://www.browserlondon.com/blog/2021/01/04/front-end-predictions-2021/

[10] Создайте клон Google Doc с помощью HTML, CSS и JavaScript: https://blog.logrocket.com/build-a-google-doc-clone-with-html-css-and-javascript/

[11] Прогрессивное улучшение мертво?: https://briefs.video/videos/is-progressive-enhancement-dead-yet/

[12] Google PageSpeed ​​Insights: правда о рейтинге 100/100: https://kinsta.com/blog/google-pagespeed-insights/

[13] Анализ Web Vitals с помощью WebPageTest: https://calendar.perfplanet.com/2020/analyzing-web-vitals-with-webpagetest/

[14] Обзор цифровой доступности по итогам 2020 года: https://www.boia.org/blog/digital-accessibility-year-in-review-2020

[15] Соответствие требованиям обеспечения доступности мобильных устройств в 2021 году и законодательство ЕС: https://www.deque.com/blog/2021-mobile-accessibility-compliance-and-legislation-in-eu/

[16] Как клевые инструменты доступности могут сделать вашу жизнь проще: https://www.lullabot.com/articles/accessibility-tools-make-your-life-easier

[17] Методы создания дружественных к дальтоникам веб-приложений с использованием Chrome DevTools: https://blog.bitsrc.io/technique-for-color-blind-friendly-web-apps-using-chrome-devtools-fe25d8fcb83e

[18] Animations 101 — Использование Greensock: https://dagomez.medium.com/animations-101-using-greensock-3996d771b9db

[19] Создание бесконечной галереи с автопрокруткой с использованием WebGL с шейдерами OGL и GLSL: https://tympanus.net/codrops/2021/01/05/creating-an-infinite-auto-scrolling-gallery-using-webgl-with-ogl-and-glsl-shaders/

[20] Самые популярные демки на Codepen за 2020: https://codepen.io/2020/popular/pens/

[21] Варианты стилизации веб-компонентов : https://nolanlawson.com/2021/01/03/options-for-styling-web-components/

[22] Финальный отчет State Of CSS 2020: https://2020.stateofcss.com/en-US/report/

[23] Кастомные свойства в качестве состояния : https://css-tricks.com/custom-properties-as-state/

[24] Действительно ли Tailwind того стоит? : https://medium.com/javascript-in-plain-english/is-tailwind-css-really-worth-using-1830a706231a

[25] Изучение нового CSS Houdini Painting API : https://gerardvanderput.medium.com/exploring-the-new-css-houdini-painting-api-3f641bfce614

[26] Что не так с классами в JavaScript?: https://webdevblog.ru/chto-ne-tak-s-klassami-v-javascript/

[27] Что такое JavaScriptLandia?: https://medium.com/javascript-in-plain-english/what-is-javascriptlandia-9859367d2ec1

[28] В чем разница между DOM Node и Element?: https://dmitripavlutin.com/dom-node-element/

[29] Стек и очередь в JavaScript : https://www.telerik.com/blogs/stack-queue-javascript

[30] 7 ошибок, которые я сделал (и сожалею) как разработчик JavaScript: https://medium.com/javascript-in-plain-english/7-mistakes-i-made-and-regret-as-javascript-developer-a7e80098e363

[31] Самая свежая информация о JavaScript классах: https://blog.logrocket.com/the-bleeding-edge-of-javascript-classes/

[32] Использование компонентов Bootstrap с кастомным JavaScript: https://blog.logrocket.com/using-bootstrap-components-with-custom-javascript/

[33] React.js — формошлепство или работа с формами при помощи пользовательских хуков: https://habr.com/ru/post/523256/

[34] Рассказ о React и Input Ranges : https://blog.bitsrc.io/a-story-about-react-and-input-ranges-70f1a941d173

[35] Темизация и переключение тем с помощью React и styled-components : https://css-tricks.com/theming-and-theme-switching-with-react-and-styled-components/

[36] Concurrent Mode в React: https://www.telerik.com/blogs/concurrent-mode-react

[37] Продвинутые React хуки: глубокое погружение в useEffect Hook: https://codeburst.io/advanced-react-hooks-deep-dive-into-useeffect-hook-18470266047d

[38] Build time atomic CSS-in-JS. Baked and ready to serve.: https://compiledcssinjs.com/

[39] xstyled — утилитарный CSS-in-JS фреймворк для React. Создайте целый веб-сайт, используя JSX и Props.: https://xstyled.dev/

[40] Видеочат и шаринг экрана с помощью React, Node, WebRTC (peerjs) : https://dev.to/arjhun777/video-chatting-and-screen-sharing-with-react-node-webrtc-peerjs-18fg

[41] Ванильные хуки (за пределами React): https://medium.com/javascript-in-plain-english/vanilla-hooks-outside-react-860471e5f95c

[42] Руководство по Vue.js 3 с примерами: Components, Props & Composition API : https://dev.to/ellis22/vue-js-3-tutorial-with-example-components-props-composition-api-32lf

[43] Релиз Ember 3.24 : https://blog.emberjs.com/ember-3-24-released/

[44] Ember JS с плюсами и минусами : https://www.rlogical.com/blog/ember-js-with-its-pros-and-cons/

[45] Создание Glimmer Router с помощью Navigo : https://dev.to/rajasegar/building-a-glimmer-router-with-navigo-3flj

[46] Svelte и spring анимации : https://css-tricks.com/svelte-and-spring-animations/

[47] Компилируем Svelte в уме. Часть 1/3: https://habr.com/ru/post/536468/

[48] Стоит ли использовать Svelte на продакшене? : https://blog.logrocket.com/should-you-use-svelte-in-production/

[49] В Microsoft Edge наконец-то появилась синхронизация истории и открытых вкладок: https://itc.ua/news/v-microsoft-edge-nakonecz-to-poyavilas-sinhronizacziya-istorii-i-otkrytyh-vkladok/

[50] В адресной строке Chrome по умолчанию начнёт применяться HTTPS: https://www.opennet.ru/opennews/art.shtml?num=54355

[51] Прощай, молодость: Google Chrome стал терять пользовательскую аудиторию: https://3dnews.ru/1029269

[52] Mozilla отключила клавишу Backspace в браузере Firefox для защиты от случайной потери данных: https://3dnews.ru/1029552

[53] Firefox 85 перейдёт на ECH для скрытия домена в HTTPS-трафике: https://www.opennet.ru/opennews/art.shtml?num=54384

[54] Интересный список браузеров, о которых вы никогда не слышали: https://thehistoryoftheweb.com/a-fun-list-of-browsers-youve-never-heard-of/

[55] Чем браузер Vivaldi отличается от Google Chrome : https://vivaldi.com/blog/vivaldi-browser-vs-google-chrome/

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

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

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

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