JavaScript'er

👩‍💻Використання CSS-градієнта для затемнення картинки Одним із способів затемнення зображень за допомогою CSS є використання градієнтів. Цей метод дозволяє гнучкіше налаштувати ефект, а також додати різні переходи та колірні комбінації.

 background: linear-gradient(
до правого,
rgb(0 0 0 / 0.5),
rgb(0 0 0 / 0)
), url("img.jpg") 100%/cover no-repeat;

JavaScript'ер

👩‍💻Шпаргалка для CSS Grid CSS Grid Layout — це двовимірна система сіток у CSS. Це набір горизонтальних і вертикальних ліній, що перетинаються, утворюють колонки і рядки. JavaScript'ер

🔍Акордеон (FAQ) Реалізовано на HTML, CSS та JS. Посилання на Codepen *ТИЦЬ JavaScript'ер

😂Чоловік усе продумав наперед JavaScript'ер

🎮Amazing Product transition Створено та анімовано на HTML та CSS. Посилання на Codepen *ТИЦЬ JavaScript'ер

🥸Питання на співбесіді Як очистити такий масив:

 var arrayList = ['п', 'р', 'і', 'в', 'е', 'т']

Відповідь: Варіант 1: arrayList = []; Таким чином змінної arrayList задається новий порожній масив. Це рішення підійде, якщо в інших місцях коду немає посилань на вихідне значення arrayList. Варіант 2: arrayList.length = 0 Такий код очищає існуючий масив arrayList, встановлюючи його довжину як 0. Це рішення підходить, якщо потрібно оновити всі змінні посилання, які вказують на вихідний масив arrayList. Варіант 3: arrayList.splice(0, arrayList.length); Очищення масиву таким чином також оновить всі посилання на вихідний масив arrayList. JavaScript'ер

😒Люди такі наївні JavaScript'ер

const num = parseInt("7*6", 10)

console.log(num)

JavaScript'ер

🎮CryptPad – це пакет для спільної роботи, який повністю зашифрований та має відкритий вихідний код. Він створений для співпраці, синхронізуючи зміни в документах у режимі реального часу. Оскільки всі дані зашифровані, сервіс та його адміністратори не можуть бачити редагований та збережений контент. Мови: HTML (49.4%), JavaScript (49.2%), Fluent (0.7%), … https://github.com/cryptpad/cryptpad JavaScript'ер

🥸Тег <meter> Відображає поточне значення у заданому діапазоні.

 <meter value="75" min="0" max="100">75%</meter>

Візуально заповнюється залежно від значення атрибута. JavaScript'ер

😅Коли змінив щось у коді, але продовжуєш запускати старий білд JavaScript'ер

(function() {
    console.log(1);
    setTimeout(function() {
        console.log(2);
    }, 1000);
    setTimeout(function() {
        console.log(3);
    }, 0);
    console.log(4);
})();

JavaScript'ер

🎮TOAST UI Calendar - календар на JavaScript Він побудований на JS, та має все необхідне, ось деякі фішки: ▪️підтримує різне подання розкладу: щоденне, щотижневе, щомісячне ▪️підтримує налаштування інтерфейсу користувача дати та інформації про розклад ▪️Drag&Drop: можна перетягувати елементи мишею ▪️можна налаштовувати інтерфейс користувача за темою Як на мене, то відмінний компонент для вашої веб-програми. 🐱GitHub JavaScript'ер

⚙️Спливаюче повідомлення з індикатором виконання Реалізовано на HTML, CSS та JS Посилання на Codepen *ТИЦЬ JavaScript'ер

🥸Колекція поширених інтерактивних користувачів CLI - npx @inquirer/demo@latest 🐱GitHub JavaScript'ер

Хочеш поглибити свою експертизу у програмуванні? Опануй Бази Даних! Запрошуємо на БЕЗОПЛАТНИЙ❗️мітап БАЗИ ДАНИХ У ФОКУСІ від Sigma Software University, що відкриє нові горизонти у сфері баз даних. Коли: 23 травня, 19.00 Реєстрація: https://bit.ly/3yg7okx Про що поговоримо: 🔸дані з точки зору бізнесу 🔸технічні аспекти зберігання та обробки даних 🔸переваги, що приносить аналіз даних 🔸як компанії можуть використовувати ці дані для прийняття важливих рішень 👆Кожен учасник мітапу отримає вільний доступ до e-learning курсів для розвитку soft skills та спеціальну промоцію на подальший розвиток своїх hard skills. 🔗Програма та реєстрація тут: https://bit.ly/3yg7okx

📌Вписування зображення в область Властивість object-fit дозволяє керувати тим, як вміст вписується у розміри елемента. Може набувати значення: • fill — розтягує зображення на всю область • contain — вбудовує зображення зі збереженням співвідношень сторін • cover — вбудовує зображення зі збереженням співвідношень сторін, але обрізає його за розміром області • none — розмір заміненого вмісту не змінюється • scale-down — призведе до меншого розміру об'єкта. JavaScript'ер