JavaScript'er

Іконки прямо в VS Code - швидко та зручно Це безкоштовне розширення дає миттєвий доступ до сотень іконок прямо у редакторі та дозволяє експортувати їх у будь-якому форматі. JavaScript'ер

Тепер <select> можна нормально стилізувати У Chrome 135 з'явилося appearance: base-select , яке перетворює цей рудиментарний елемент на кастомізований. Можна додавати іконки, змінювати стилі, керувати позиціонуванням – і все це без милиць. Поки що тільки в Chrome, але це чудовий кандидат на прогресивне покращення. Інші браузери підтягнуться (сподіваюся). Докладніше: https://developer.chrome.com/blog/a-customizable-select JavaScript'ер

Чи щасливий я? Звичайно! JavaScript'ер

🤖 AI — не магія. Це просто новий стек. І ми навчимо з ним працювати. 🧠 Приходьте на вебінар “AI в розробці та бізнесі”:

– Покажемо, як бізнес застосовує AI щодня – Розберемо архітектури, оптимізацію, інструменти – АІ: конкурент чи інструмент?

🎓 Долучайтеся до мітапу, щоб отримати інсайди від практиків та поставити їм запитання напряму Онлайн. Безплатно. Початок о 12:00 за Києвом. Кількість місць обмежена. Бонус за реєстрацію: ГАЙД З ПРОМТ-ІНЖИНІРИНГУ https://i.goit.global/ToFJU

Це величезна бібліотека готових компонентів UI-компонентів для ваших React-проектів Можна юзати у проектах або просто для натхнення✌️ https://reactcomponents.com/ JavaScript'ер

Jouer avec les flous Ефект розмиття при наведенні картки. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

Perflink , сервіс для швидкого та простого вимірювання продуктивності JS-коду https://perf.link/ JavaScript'ер

Шпаргалка по HTML Ти не знаєш JavaScript

Чи знали ви, що VSCode вміє відкривати браузер? І для цього не потрібні милиці у вигляді розширень. Все з коробки Твій код та зміни в одному вікні☝️ JavaScript'ер

Менеджер проєкту: чому лише одна таска? 😅 Python'er

Social media hover effect Ефект наведення на соцмережі з викочуванням їхньої назви. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

Цей сайт 🤌✨ Виразно варто зазирнути для потужного натхнення: https://buttermax.net/ JavaScript'ер

Паришся з підбором шрифтів для UI?🔥 Ось тулза, яка підбере ідеальну пару основного та другорядного шрифту, та ще й на реальних прикладах Більше жодних страждань із друкаркою: https://www.uifonts.app/ JavaScript'ер

CSS Порада: Можливо, ви не знали про цей трюк анімації іконки при кліку/фокусі Легко анімуйте іконку при взаємодії, створюючи спрайт зображення з усіма кадрами анімації та використовуючи функцію тимчасового розрахунку steps() у CSS.

 input[type="checkbox"] {
/* Задаємо ширину і висоту, рівні розміру одного кадру в спрайте */
width: 28px;
height: 28px;
appearance: none;
background: url('/images/star_sprite.png') no-repeat;

/* steps = загальна кількість кадрів – 1 */
transition: background-position 0.3s steps(15);
}

input[type="checkbox"]:checked {
/* Перехід до останнього кадру */
/* Ширина одного кадру = 28px */
/* 28px * 15 кадрів = 420px */
background-position: -420px 0;
}

Подивіться наживо: редагована демо-пісочниця JavaScript'ер

Посібник із правильного написання JS-коду від Airbnb Відмінний репозиторій на GitHub від Airbnb, з детальним посібником з написання чистого, послідовного та професійного JS Також містить гайдлайни для React, CSS-in-JS, CSS, Sass та Ruby https://github.com/airbnb/javascript JavaScript'ер

Набір CSS анімацій на всі випадки життя Якщо хочете додати анімацію, але не до кінця розумієте, як вона виглядатиме, то вам допоможе Animista . Вибирайте з каталогу, налаштовуйте параметри та одразу переглядайте результат. https://animista.net JavaScript'ер