JavaScript'er

❗️ Безоплатний 8-денний тест-драйв IT професій ▪️ Для бажаючих працювати онлайн і заробляти в $; ▪️ Для тих, хто давно хотів працювати в IT, але не обрав для себе напрям Тривалість — 8 днів. Заняття проходять вечорами.

На тест-драйві ви спробуєте себе в ролях: ▫️ вебдизайнера, ▫️ розробника, ▫️ дата-аналітика, ▫️ проджекта, ▫️ тестувальника.

✅ Програма розрахована на новачків. У вільний час ви дивитесь короткі лекції та робите цікаві завдання, які перевіряє ментор. Почни новий рік правильно! 🎁 Після реєстрації приємний бонус: Штучний інтелект в IT. Як використовувати AI у 5 ключових ІТ-професіях?. 🔥 Реєструйтесь за посиланням: https://i.goit.global/kovf4

Ви знали, що в Chrome DevTools є прихована функція CSS Overview ? Вона надає повний аналіз кольорів, шрифтів, медіазапитів і стилів, що не використовуються на вашому сайті — все в одному місці☕️ JavaScript'ер

Клієнт завжди правий🙂 JavaScript'ер

Людина без проблем 😎 JavaScript'ер

CSS Cards Ефект розвороту карток та переходу від однієї до іншої. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

Це величезна колекція CSS-лоадерів — понад 600 варіантів , акуратно розподілених за 30+ категоріями Кожен лише один елемент <div class="loader"></div> , скопіювати CSS можна натиснути на приклад. Люблю такі ресурси: можна надихнутися чи просто взяти щось готове та корисне😎 JavaScript'ер

Гірка правда😄 JavaScript'ер

Натрапив на прикольний React-компонент. spoiled Він ховає текст або елементи під хмарою частинок, що розсіюється під час наведення, як у Telegram. Використовує CSS Painting API для реалістичного рендерингу, є fallback для непідтримуваних браузерів Підтримує темну/світлу теми, анімації переходів та гнучкі налаштування (FPS, щільність, колір) Встановити можна через npm:

 $npm i spoiled

Докладніше: https://github.com/molefrog/spoiled JavaScript'ер

Продуктивний хак для VS Code Замість кожного разу писати console.log() , ви можете додати в VS Code клавіші. У цьому прикладі я налаштував, щоб текст " cc " автоматично розширювався в " console.log() " при натисканні Tab І таких сніпетів можна зробити купу. Користуйтесь✌️ JavaScript'ер

Ідеальне вирівнювання тексту у верхньому та нижньому регістрах🙃 Набридли зайві прогалини над і під текстом? Один рядок коду вирішить цю проблему та допоможе ідеально вирівняти текст по центру:

 /* У верхньому регістрі */
.text {
text-box: cap alphabetic;
}
/* У нижньому регістрі (без висхідних або низхідних елементів) */
.text {
text-box: ex alphabetic;
}

Ось демка з візуалізацією, щоб краще зрозуміти, як працює нова властивість text-box PS Поки що цю властивість підтримують лише Safari та Chrome, але інші браузери вже активно працюють над реалізацією Ти не знаєш JavaScript

Поясни як працює any без слів JavaScript'ер

Знайшов справді корисне розширення - Responsive Viewer Ключові фішки: — Одночасне відображення сайту на кількох дозволах — Повна синхронізація всіх дій у всіх вікнах — Підтримка Chrome та Edge Якщо вам потрібна швидка та зручна перевірка адаптива – must-have інструмент. Економить купу часу✌️ Вихідний код: GitHub JavaScript'ер

Article Card - CSS Transition Якщо навести мишу на зображення, можна побачити, що з ним ховається текст. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

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

Використовуйте контейнери 😉 JavaScript'ер

Checkbox (CSS ONLY) + Animation Прапорець, який вказує на те, що опцію вибрано. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер