Forwarded from Веб-стандарты (Веб-стандарты)
Техники загрузки SVG. Тайлер Стика замеряет перфоманс загрузки большого количества SVG-иконок на одной странице разными способами и выбирает самый производительный.
https://cloudfour.com/thinks/svg-icon-stress-test/
https://cloudfour.com/thinks/svg-icon-stress-test/
Forwarded from Frontender's notes [ru]
Событие изменения размера окна
Чтобы реагировать на изменения экрана в реальном времени в JS существует событие
➡️ Пример кода:
➡️ Аналог через свойство window
#js
Чтобы реагировать на изменения экрана в реальном времени в JS существует событие
"resize"➡️ Пример кода:
function reportWindowSize() { console.log(window.innerHeight) // Выводит высоту окна; console.log(window.innerWidth) // Выводит ширину окна;}window.addEventListener("resize", reportWindowSize);➡️ Аналог через свойство window
window.onresize = reportWindowSize;#js
Forwarded from Love Frontend [RU]
Дорожные карты 2021 для изучения Angular, Vue, Ember, NodeJS и React
https://www.theinsaneapp.com/2021/10/angular-vue-nodejs-emberjs-react-roadmap.html
https://www.theinsaneapp.com/2021/10/angular-vue-nodejs-emberjs-react-roadmap.html
Insane - TheInsaneApp.com
5 Popular JavaScript Frameworks And Their Roadmaps (2023)
Inside You'll Find Latest Angular Developer Roadmap, Ember, Nodejs, Reactjs, Vue.js Roadmaps For 2023 And Best Free Resources To Learn Them
Forwarded from For Web — фронтенд, дизайн, программирование
Интерактивные курсы по горячим клавишам в популярных редакторах кода:
VS Code → https://keycombiner.com/courses/master-vscode/
IntelliJ IDEA → https://keycombiner.com/courses/master-intellij-idea/
VS Code → https://keycombiner.com/courses/master-vscode/
IntelliJ IDEA → https://keycombiner.com/courses/master-intellij-idea/
Forwarded from For Web — фронтенд, дизайн, программирование
Что нового в Node.js? Обзор малоизвестных, но полезных возможностей, появившихся в свежих версиях Node.js: генерация UUID, AbortController, протокол node: для импортов, новые основанные на промисах API → https://simonplend.com/whats-new-in-node-js-core/
Forwarded from For Web — фронтенд, дизайн, программирование
Motion One, новая библиотека для создания анимаций: существенно меньше популярных альтернатив (всего ~3 КБ), основана на Web Animations API, поддерживает таймлайны, написана на TypeScript, использует аппаратное ускорение → https://motion.dev
Forwarded from Веб-стандарты (Веб-стандарты)
Мой кастомный CSS Reset. Джош Камю делится своим списком правил для сброса стилей CSS по умолчанию и объясняет каждое на примере.
https://www.joshwcomeau.com/css/custom-css-reset/
https://www.joshwcomeau.com/css/custom-css-reset/
Forwarded from FrontEndDev
JWT: полное руководство с лучшими практиками в JavaScript
https://betterprogramming.pub/jwt-ultimate-how-to-guide-with-best-practices-in-javascript-f7ba4c48dfbd
https://betterprogramming.pub/jwt-ultimate-how-to-guide-with-best-practices-in-javascript-f7ba4c48dfbd
Forwarded from For Web — фронтенд, дизайн, программирование
Защитный CSS: Ахмад Шадид делится коллекцией приёмов, призванных избавить вас от потенциальных проблем с поехавшей вёрсткой → https://ishadeed.com/article/defensive-css/
Forwarded from solo lemon. - запускаємо pet-проєкти
This media is not supported in your browser
VIEW IN TELEGRAM
JLess — это средство просмотра JSON из командной строки, предназначенное для чтения, изучения и поиска в данных JSON.
https://pauljuliusmartinez.github.io/
https://pauljuliusmartinez.github.io/
Temporal - новом API для работы с датой и временем в JS.
https://habr.com/ru/company/timeweb/blog/645075/
https://habr.com/ru/company/timeweb/blog/645075/
Хабр
JavaScript: работа с датой и временем с помощью Temporal
Привет, друзья! В этой статье я хочу рассказать вам о Temporal , новом API для работы с датой и временем в JS . Описание предложения Черновик спецификации Рецепты по использованию Temporal Источником...
Lama-cleaner — Инструмент для удаления объектов из фотографий
https://github.com/Sanster/lama-cleaner
https://github.com/Sanster/lama-cleaner
GitHub
GitHub - Sanster/IOPaint: Image inpainting tool powered by SOTA AI Model. Remove any unwanted object, defect, people from your…
Image inpainting tool powered by SOTA AI Model. Remove any unwanted object, defect, people from your pictures or erase and replace(powered by stable diffusion) any thing on your pictures. - Sanster...