JavaScript'er

А потім впав прод JavaScript'ер

Шпаргалка по CSS JavaScript'ер

everestpipkin/tools-list – це список невеликих безкоштовних або експериментальних інструментів, які можуть бути корисні при створенні гри, сайту або інтерактивного проєкту Мета списку — дозволити працювати поза закритими виробничими екосистемами або огородженими програмними середовищами Мови: HTML (100.0%). ⭐️ Зірка 1.7k https://github.com/everestpipkin/tools-list?tab=readme-ov-file#Graphics JavaScript'ер

Порада з CSS: простий спосіб отримати доступ до будь-якого значення атрибута у вигляді рядка за допомогою функції attr() CSS-функція, яка вміє отримувати значення будь-якого атрибута елемента, а потім використовувати це значення прямо у стилях Найпоширеніші випадки використання цієї функції - для створення тултіпа (приклад на гіфці) та також для відображення значення атрибута href після тексту посилання при друку сторінки

@media print {
  a::after {
    content: " [" attr(href) "]";
  }
}

Спробувати можна тут JavaScript'ер

а ще кнопку «Понюхати» для оцінки запаху 🤩 JavaScript'ер

Анімація підпису Генерація підпису на основі введеного тексту. Реалізовано за допомогою CSS та JS. ⤷ Забрати код JavaScript'ер

Як ми можемо прискорити завантаження ресурсів? - Кешування (Cache-Control, ETag). - Стиснення (GZIP, Brotli). - Ліниве завантаження зображень. - CDN для статики. - Мінімізація та об’єднання файлів. - Асинхронне завантаження скриптів (defer, async). - Відкладене завантаження нефокусних блоків (вкладки, карти). Ти не знаєш JavaScript

🔫 JavaScript'ер

Набридло шукати потрібні гілки git у нескінченному списку в консолі? За замовчуванням, git branch -l сортує гілки в алфавітному порядку, через що важко знайти останні Рішення просте – сортувати гілки за датою останнього коміту:

git config --global branch.sort -committerdate  

Тепер гілки відображатимуться в порядку активності, а не за іменем👍 JavaScript'ер

HTML-порада Не використовуй input type="number" для важливих числових полів — типу поштового індексу, номера картки тощо. Чому? - На десктопі з’являється зайвий спіннер. - Значення може випадково змінитися при прокручуванні миші або натисканні клавіш вгору/вниз. Замість цього — використовуй inputmode="numeric" + pattern ✅ Показує цифрову клавіатуру на мобільних пристроях — кращий UX. ✅ Додає валідацію на цифри. JavaScript'ер

Геніально JavaScript'ер

Меню Плавне появлення бічного меню при натисканні на бургер-кнопку. Реалізовано за допомогою CSS. ⤷ Забрати код Ти не знаєш JavaScript

ESLint – інструмент статичного аналізу коду, який виконує перевірку вихідного коду на відповідність встановленим правилам

Деякі можливості ESLint: — Виявлення помилок і потенційних неполадок на ранній стадії розробки, задовго до запуску або розгортання коду. Інструмент може знаходити поширені помилки, наприклад синтаксичні, невизначені змінні або неправильне використання API — Забезпечення однорідності стилю програмування в межах усього проєкту: Це гарантує, що код читається і підтримується будь-яким членом команди, незалежно від того, хто його написав — Автоматичне виправлення частини помилок — Гнучке налаштування під будь-який проєкт. Можна створювати свої правила, ділитися конфігураціями між проєктами

Мови: JavaScript (99.5%), Інші (0.5%). ⭐️ Зірка 26.2k https://github.com/eslint/eslint JavaScript'ер

Актуальна і безкоштовна книга з TypeScript Не розумію, як я це проґавив: Matt Pocock зовсім недавно викотив свіжу книгу - Total TypeScript Essentials Книжка реально крута: покриває все: від налаштування оточення і базових типів до просунутих кейсів з типізацією і реальних патернів розробки. Відмінно закладає фундамент. Забираємо абсолютно безкоштовно тут 🍯 🍯 JavaScript'ер

Поки одні вже рахують зекономлені бюджети, інші просто угорають 🍷 JavaScript'ер