JavaScript'er

Градієнтний світловий прелоадер Неоновий градієнтний перехід по контуру прелоадера. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'еr

World Labs — створення 3D-світів за секунди Інструмент, який дозволяє швидко створювати реалістичні тривимірні сцени:

• Генерація за фото, відео, текстом або готовими моделями • Підходить для ігор, візуалізацій, реконструкцій і навчання • Можна редагувати деталі та розширювати простір • Експорт у популярні ігрові движки • На старті дають 7000 безкоштовних кредитів — достатньо для кількох великих проектів

Відмінний варіант для дизайнерів і розробників. Ось посилання Github'er

Потрібні чисті та мінімалістичні іконки для інтерфейсу користувача та дизайнерських завдань? 🐇 Griddy Icons — це безкоштовна сімейство іконок з відкритим вихідним кодом, що має чіткий, утилітарний стиль. У наборі понад 1100 іконок із товщиною облямівки 1,5 пікселя та сіткою 24х24 пікселів. Усе виконано в єдиній системі та готове до негайного використання в U Завантажуємо тут Ти не знаєш JavaScript

Типова віддалена робота JavaScript'еr

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

ilamy Календар Потужна, повнофункціональна бібліотека календарних компонентів для React, написана на TypeScript, Tailwind CSS та з використанням сучасних патернів React. Підтримує кілька режимів відображення календаря, drag-and-drop, повторювані події та розширену інтернаціоналізацію GitHub тут JavaScript'еr

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

📌 Шпаргалка по HTML JavaScript'еr

CSS-лоадер #01 Очікування завантаження у вигляді руху ліній по колу. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'еr

Сучасний спосіб перегляду пакетів npm "NPMX" — це новий браузер для реєстру npm, орієнтований на швидкість і зручність для розробників Жодного зайвого інтерфейсу. Жодних повільних сторінок. Тільки миттєва інформація про пакет, коли вона дійсно потрібна 👌 https://npmx.dev/ JavaScript'еr

Встановлюємо колір залежно від теми операційної системи користувача Функція light-dark() приймає два аргументи і повертає один з них залежно від того, яку тему вибрав користувач. Перше значення буде повернено, якщо у користувача встановлена світла тема, або тема не вибрана, а друге, якщо встановлена темна тема Щоб функція light-dark() працювала, необхідно вказати властивість color-scheme зі значенням light dark. Зазвичай це роблять у псевдокласі :root. Якщо ця властивість не вказана, то функція завжди буде повертати тільки перше значення На даний момент підтримка — 87.36% JavaScript'еr

Сторінка з помилкою 404 Кумедna анімація сторінки з помилкою #404. Реалізовано за допомогою SCSS. ⤷ Забрати код JavaScript'еr

Інтерактивна бібліотека візуалізації даних — ECharts Дозволяє додавати до проекту інтуїтивно зрозумілі, інтерактивні та налаштовувані діаграми. - Надає більш ніж 20 типів діаграм - Перемикання між рендерингом Canvas і SVG - Автоматично генеруються описи діаграм - Написана на чистому JavaScript Завантажуємо тут JavaScript'еr

Проста кнопка у стилі ретро Хитрощі тут полягають у тому, щоб створити бокс-тень без розмиття для стану за замовчуванням Для активного стану я переміщую кнопку, зменшуючи при цьому тінь, так що тінь здається статичною. Подібного трюку можна досягти за допомогою псевдоелементів, але я віддаю перевагу цьому методу за його простоту. JavaScript'еr