Алексей Соин · zencod.ru
19 subscribers
165 photos
16 videos
4 files
1K links
Статьи по разработке

- frontend
- backend
- server

zencod.ru
Download Telegram
Forwarded from Веб-стандарты (Веб-стандарты)
Техники загрузки SVG. Тайлер Стика замеряет перфоманс загрузки большого количества SVG-иконок на одной странице разными способами и выбирает самый производительный.

https://cloudfour.com/thinks/svg-icon-stress-test/
Forwarded from Frontender's notes [ru]
Событие изменения размера окна

Чтобы реагировать на изменения экрана в реальном времени в JS существует событие "resize"

➡️ Пример кода:
function reportWindowSize() {
console.log(window.innerHeight)
// Выводит высоту окна;
console.log(window.innerWidth)
// Выводит ширину окна;
}

window.addEventListener("resize", reportWindowSize);

➡️ Аналог через свойство window
window.onresize = reportWindowSize;

#js
Интерактивные курсы по горячим клавишам в популярных редакторах кода:

VS Code → https://keycombiner.com/courses/master-vscode/
IntelliJ IDEA → https://keycombiner.com/courses/master-intellij-idea/
Что нового в Node.js? Обзор малоизвестных, но полезных возможностей, появившихся в свежих версиях Node.js: генерация UUID, AbortController, протокол node: для импортов, новые основанные на промисах API → https://simonplend.com/whats-new-in-node-js-core/
Motion One, новая библиотека для создания анимаций: существенно меньше популярных альтернатив (всего ~3 КБ), основана на Web Animations API, поддерживает таймлайны, написана на TypeScript, использует аппаратное ускорение → https://motion.dev
Forwarded from Веб-стандарты (Веб-стандарты)
Мой кастомный CSS Reset. Джош Камю делится своим списком правил для сброса стилей CSS по умолчанию и объясняет каждое на примере.

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
Защитный CSS: Ахмад Шадид делится коллекцией приёмов, призванных избавить вас от потенциальных проблем с поехавшей вёрсткой → https://ishadeed.com/article/defensive-css/
Основы Postman для самых маленьких

https://habr.com/ru/company/maxilect/blog/596789/
Git-it

Десктопное приложение для изучения git и работы с github.

#JavaScript, #Perl
Делаем видео фон на чистом HTML+CSS – Web Dev Tips

https://webdevtips.ru/css/video-bg/
This media is not supported in your browser
VIEW IN TELEGRAM
JLess — это средство просмотра JSON из командной строки, предназначенное для чтения, изучения и поиска в данных JSON.

https://pauljuliusmartinez.github.io/
Onefetch — это инструмент Git, который отображает информацию о проекте и статистику кода для локального репозитория Git непосредственно на вашем терминале.

Инструмент полностью автономный — доступ к сети не требуется.

По умолчанию информация репозитория отображается вместе с логотипом доминирующего языка, но вы можете дополнительно настроить onefetch, чтобы вместо этого использовать изображение — на поддерживаемых терминалах — ввод текста или вообще ничего.

Он автоматически обнаруживает лицензии с открытым исходным кодом из текстов и предоставляет пользователю ценную информацию, такую как распределение кода, ожидающие изменения, количество зависимостей (по диспетчеру пакетов), основные участники (по количеству коммитов), размер на диске, дата создания, LOC (строки кода) и др.

https://github.com/o2sh/onefetch
Forwarded from Metanit
Небольшая шпаргалка по методам массивов в javascript #js #javascript
Деплой nodejs приложения на Ubuntu сервер

https://zencod.ru/articles/nodejs-server/
https://makeitclear.com/insight/ux-ui-tips-a-guide-to-creating-world-class-forms

Руководство по созданию форм. Рассмотрите анатомию полей ввода, типичные типы полей, состояния, описания и ошибки.