JavaScript'er

🎮Управління вмістом з overflow Властивість overflow CSS визначає, як браузер обробляє вміст, що виходить за межі елемента. Воно приймає такі значення:

• visible — вміст виходить за межі елемента (за замовчуванням). • hidden – обрізає зайвий вміст, приховуючи його. • scroll — додає прокручування, навіть якщо воно не потрібне. • auto — додає прокручування лише тоді, коли вміст перевищує розмір елемента.

JavaScript'ер

😁У мене так друг помер Ти не знаєш JavaScript

IsBot - JS бібліотека для виявлення ботів/краулерів і павуків за допомогою user-agent isbot є активом, коли він може найточніше ідентифікувати ботів за рядком користувацького агента. Він використовує великі і регулярно оновлювані списки рядків користувацького агента для створення регулярного виразу, який відповідає ботам і тільки ботам. Мови: #TypeScript (53.2%), #JavaScript (26.9%), #Shell (8.9%), #CSS (7.9%), #Pug (3.1%). ⭐️ Stars 875 Github'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'ер