JavaScript 🇺🇦

CSS Pattern — колекція красивих фонів на чистому CSS Збірка готових CSS-патернів, які можна використовувати як фони для сайтів та інтерфейсів

Усі параметри легко налаштовуються: • кольори • щільність • відступи • розміри та інші деталі

JavaScript

У VS Code є вбудований браузер для фронтенду Можна запускати та дебажити веб-застосунки прямо всередині редактора — без переходу в зовнішній браузер

Що доступно: • відкриття localhost прямо у VS Code • відладка без виходу з редактора • вбудовані DevTools (inspect, console тощо) • звичні брейкпоінти • менше перемикань між вкладками

JavaScript

Створюють проблеми на рівному місці JavaScript

Шпаргалка по CSS селекторах: Type Selector — вибір елементів за тегом (a, div), ID Selector — вибір елемента за унікальним id (#id), Class Selector — вибір елементів за класом (.class), Child Selector — вибір прямих дочірніх елементів (a > b), Descendant Selector — вибір усіх вкладених елементів (a b), Combined Selector — поєднання селекторів для точнішого вибору (#id b) JavaScript

Висувна скроллінгова галерея Крутий слайдер з висувними бічними елементами. Реалізовано за допомогою SCSS і JavaScript. ⤷ Взяти код Ти не знаєш JavaScript

😘😘😘 JavaScript'еr

Шпаргалка по основах JavaScript: Numbers & Math — робота з числами (Math.PI, round, random, pow), Dates — створення та обробка дат (Date(), getFullYear, getDay), Global Functions — глобальні функції (parseInt, parseFloat, encodeURI, eval), Arrays — масиви та операції з ними (доступ по індексу, перебір), Events — події (mouse, keyboard, form, drag, media), Regular Expressions — робота з шаблонами тексту JavaScript

У Node.js з’явився Temporal API — сучасний і більш зручний спосіб роботи з датами Замість старого new Date("2026-04-28") можна використовувати:

Temporal.PlainDate.from("2026-04-28")

Що змінюється: • коректна робота з датами без дивних таймзон • зручне додавання днів, місяців і років • менше типових проблем, пов’язаних з Date

JavaScript

Перша гра на JavaScript без досвіду У відео автор демонструє весь процес створення гри: від формування ідеї та додавання руху до малювання графіки, створення перешкод і фінального “полірування” JavaScript

Я задаю ШІ роль ветерана веброзробки: JavaScript

Порада з веб-доступності: як зробити іконки-посилання доступними Іноді посилання містять лише іконку — наприклад, кнопки для шерингу. Проблема в тому, що скрінрідери не розуміють такі елементи, якщо в них немає тексту Як це виправити: • додати прихований текст із підписом • зв’язати його з тегом <a> через aria-labelledby та id • для SVG-іконки встановити aria-hidden="true", щоб скрінрідер її ігнорував JavaScript

😁 JavaScript

Tutorial Republic — практичний довідник з JavaScript

Що всередині: • покрокові пояснення тем • приклади, які можна одразу запускати • інтерактивні демо для кращого розуміння • швидкий пошук рішень під конкретні задачі

JavaScript

Радіальне меню навігації Півкругле меню навігації. Реалізовано за допомогою SCSS і TypeScript. ⤷ Взяти код JavaScript'еr

Я створив проєкт, а VS Code питає, чи можна йому довіряти @itmemeua

Шпаргалка по базовому CSS: Selectors — вибір елементів (tag, .class, #id, вкладені та сусідні селектори), Syntax — структура запису стилів (selector + властивості), CSS Insertion — способи підключення стилів (inline, internal, external), Background — налаштування фону (color, image, position, size), Borders — стилі рамок (товщина, колір, тип, radius), Margins & Padding — відступи зовнішні та внутрішні, Display & Visibility — керування відображенням (block, inline, flex, none), Dimensions — розміри елементів (width, height, max/min), Comments — коментарі в коді JavaScript

Open-source набір із 54 анімацій завантаження у CLI-стилі, повністю реалізованих на тексті — без нативних залежностей

Що всередині: • 4 категорії: Braille, ASCII, стрілки та Emoji • працює лише на Text і setInterval • без нативних модулів • можна просто скопіювати готовий компонент

JavaScript

Які існують підходи до написання CSS? БЕМ (Block Element Modifier), OOCSS (object-oriented), SMACSS, Atomic CSS, Tailwind (utility-first), CSS-in-JS, а також препроцесори на кшталт SCSS і PostCSS — кожен із них допомагає вирішувати різні задачі: масштабованість, повторне використання та читабельність коду JavaScript