- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка [1] | CSS [2] | JavaScript [3] | Браузеры [4]
• Разработка PWA с поддержкой распознавания лица и голоса [5]
• Фронтендер пишет нейронки. Уровень сложности «хочу на ручки» [6]
• Искусство создания компонентов из реальной жизни [7]
• Что не так с Web Assembly? [8]
• Front-end прогнозы на 2021 год [9]
• Создайте клон Google Doc с помощью HTML, CSS и JavaScript [10]
• Прогрессивное улучшение мертво? [11]
• Варианты стилизации веб-компонентов [21]
• Финальный отчет State Of CSS 2020 [22]
• Кастомные свойства в качестве состояния [23]
• Действительно ли Tailwind того стоит? [24]
• Изучение нового CSS Houdini Painting API [25]
• Что не так с классами в JavaScript? [26]
• Что такое JavaScriptLandia? [27]
• В чем разница между DOM Node и Element? [28]
• Стек и очередь в JavaScript [29]
• 7 ошибок, которые я сделал (и сожалею) как разработчик JavaScript [30]
• Самая свежая информация о JavaScript классах [31]
• Использование компонентов Bootstrap с кастомным JavaScript [32]
• В Microsoft Edge наконец-то появилась синхронизация истории и открытых вкладок [49]
• В адресной строке Chrome по умолчанию начнёт применяться HTTPS [50]
• Прощай, молодость: Google Chrome стал терять пользовательскую аудиторию [51]
• Mozilla отключила клавишу Backspace в браузере Firefox для защиты от случайной потери данных [52]
• Firefox 85 перейдёт на ECH для скрытия домена в HTTPS-трафике [53]
• Интересный список браузеров, о которых вы никогда не слышали [54]
• Чем браузер 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
Нажмите здесь для печати.