JavaScript'er

Card 3D - Color Palets & Gradients Ефект 3D-обертання картки при наведенні на неї з появою заголовка. Реалізовано за допомогою CSS. ⤷ Забрати код JavaScript'ер

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

🎮Перенесення елементів у Flexbox Властивість flex-wrap CSS дозволяє керувати перенесенням елементів у контейнерах з використанням Flexbox. Воно може приймати такі значення:

• nowrap — елементи розміщуються в один рядок без перенесення. • wrap — елементи переносяться на новий рядок, якщо не розміщуються. • wrap-reverse — елементи переносяться на новий рядок, але у зворотному порядку.

Ця властивість допомагає гнучко керувати розташуванням елементів, забезпечуючи адаптивність дизайну. JavaScript'ер

😅Доктор інформатичних наук Python'er

❗️Яким буде IT у 2025 році? 📈70% ІТ-вакансій вимагають від кандидатів профільну вищу освіту. ❓Як отримати офер у міжнародній компанії? Як залишатись актуальним? Які нововведення очікують фахівців? Відповіді знайдете на вебінарі Neoversity «Як залишитися в IT»:

🟢Ключові тренди ринку ІТ, рейтинг IT-професій на 2025 рік. 🟢Сучасні вимоги до хард і софт скілів, найважливіші критерії на думку рекрутерів, як потрапити в IT без знання англійської. 🟢Різниця в зарплаті для кандидатів з англійською і без, вплив вищої освіти на рівень зарплати.

👉 Реєструйтеся зараз, щоб одразу отримати корисний файл — чекліст для кар’єрного стрибка. Реєстрація: https://i.goit.global/iowkr

Shooting Star Зоряне падіння як фон для вашого сайту. Реалізовано з допомогою SCSS. ⤷ Забрати код JavaScript'ер

Що таке спливання? Це процес, при якому подія спочатку обробляється цільовим елементом, а потім передається вгору по дереву DOM до його попередників. Це дозволяє централізувати обробку подій. JavaScript'ер

Переносимо наш дата-центр у хмару 😂 JavaScript'ер

✏️Знайшов вам сайт, де можна творити круті анімації На даній платформі вам надано панель керування, де можна переглядати різні анімації. Для кожної надані властивості, які змінюють їх, у всіх можна змінювати швидкість, вибирати об'єкт, тип анімації, затримку та дивитися вихідний код. 📌 Посилання: animista.net JavaScript'ер

👩‍💻Основи взаємодії HTML та JavaScript Якщо хочете додати інтерактивності та оживити свою HTML-сторінку, JavaScript — ваш найкращий друг. Сьогодні поговоримо про базові моменти, які потрібно знати кожному фронтенд-розробнику. 1. Як отримати елементи через DOM – за допомогою JS можна знайти будь-який елемент на сторінці та змінити його. Наприклад, давайте змінимо текст заголовка:

 const heading = document.getElementById('title');

// Змінюємо текст заголовка
heading.textContent = 'Новий заголовок';

2. Як реагувати на дії користувача за допомогою addEventListener – додати подію на кнопку – справа двох рядків. Дивись, як це робиться:

 const button = document.querySelector('button');

// Реагуємо на клік
button.addEventListener('click', () => alert('Кнопка натиснута!'));

3. Динамічне створення елементів - JS дозволяє додавати елементи в DOM на льоту. Все працює динамічно: елемент створюється, наповнюється текстом і відразу з'являється на сторінці:

 const list = document.querySelector('ul');
const newItem = document.createElement('li');

newItem.textContent = 'Новий пункт';
// Додаємо пункт до списку
list.appendChild(newItem);

🔥 Ці прийоми є основою для роботи з JavaScript. Навчіться керувати DOM і створювати динамічний контент) JavaScript'ер

Дещо відстають у розвитку 😅 JavaScript'ер

grafana - відкрита та компонована платформа для спостереження та візуалізації даних. Візуалізуйте метрики, журнали і трасування з декількох джерел, таких як Prometheus, Loki, Elasticsearch, InfluxDB, Postgres і багатьох інших. Мови: #TypeScript (57.2%), #Go (39.6%), #Rich Text Format (0.7%), ... ⭐️ Stars 64.2k Github'er

Blurred card Акцентуємо увагу на картці шляхом розмитого ефекту на інших зображеннях. ⤷ Забрати код JavaScript'ер

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

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

📌Дуже гарний ефект для блоку картки на CSS Насправді, це зовсім не так важко, головне знати кілька функцій - blur, calc і базові в мові стилів. Ось код картки, але без дод. ефектів:

 .card {
background: #191c29;
width: var(--card-width);
height: var(-card-height);
justify-content: center;
align-items: center;
color: rgb (88199250 / 0%);
}

Розберемо найважливіші функції: • CSS-функція var() — підставляє кастомні властивості як значення властивостей • Стильова функція blur() — задає розмиття за Гаусом зображень, фонових зображень або тексту. • Функція calc() — здійснює математичне обчислення прямо в css. І, звичайно ж, повний код картки на codepen.io JavaScript'ер

Я і Linux🤣 JavaScript'ер