JavaScript'er
Closed channel
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Show more6 883
Subscribers
-224 hours
-357 days
-11730 days
Posts Archive
6 883
🎮Icônes - безкоштовний сайт з величезною кількістю іконок
🔗Посилання : https://icones.js.org/
JavaScript'ер
6 883
👨💻 Як працює z-index?
Сьогодні обговоримо одну тему, яка мені на початку вивчення CSS здавалася не дуже зрозумілою, а саме значення якості z-index.
🔤 Що таке?
- z-index вказує на шар елемента тривимірної площині. Уявіть, що кожен елемент веб-сторінки знаходиться на шарі, і кожен шар може бути накладений поверх або під іншими шарами.
🔤 Як він працює?
— За замовчуванням блоки відображаються в порядку, в якому вони знаходяться в HTML-коді.
- z-index працює тільки з елементами, які мають значення position відмінне від static (це означає, що елемент повинен бути relative, absolute, fixed або sticky).
🔤 Значення цієї властивості:
— auto: елемент не отримує жодного особливого шару і поводитиметься за умовчанням.
— Позитивні цілі числа: що вище значення, то ближче елемент розташований до переднього плану.
- Негативні числа: елемент буде за іншими елементами, які мають позитивний z-index.
inherit: елемент успадковує значення z-index від свого батька.
✨ Важливо знати:
— Коли елемент має позитивний z-index та встановлене позиціонування, він створює новий контекст накладання. Це означає, що його дочірні елементи будуть накладені в межах цього контексту щодо один одного та не вийдуть за його межі.
— Найчастіше одні елементи можуть успадковувати z-index від батьків, але щоб керувати ними незалежно, необхідно окремо вказувати z-index кожного елемента.
— Іноді порядок накладання можна заплутати іншими CSS-властивістю, такими як opacity або transform. Ці властивості також можуть створювати контексти накладання.
📌 Приклад синтаксису:
.element1 {
/* елемент перебуватиме нижче */
z-index: 1;
}
.element2 {
/* елемент перебуватиме вище */
z-index: 2;
}
JavaScript'ер6 883
🔥 ТІЛЬКИ ДЛЯ УКРАЇНЦІВ: СПИСОК БЕЗКОШТОВНИХ IT-КУРСІВ
Тут ціла навчальна бібліотека, ще й безоплатно, налітай! 😱 Обирай, ким хочеш бути, і стартуй 👇
🕹 Основи HTML/CSS
🕹 UX/UI-дизайн
🕹 Тестування
🕹 Дата-аналітика
🕹 Проєктний менеджер
Вартість усіх навчальних матеріалів перевалює за десятки мільйонів гривень.
А ти отримуєш до них доступ за одну підписку: @IT_BOT
6 883
👀Я побачив цю чудову техніку CSS Video Masking на сайті iPad
Досить акуратне використання CSS - не те, що я очікував)
JavaScript'ер
6 883
👀Face Button
Анімація емодзі, яка не спускає погляду з курсору. Реалізовано за допомогою SCSS та JS.
⤷ Забрати код
JavaScript'ер
6 883
🔥Покращення CSS: синтаксис відносних кольорів тепер підтримується у всіх браузерах.
Останнім браузером, що приєднався до списку, став Firefox, який випустив версію 128 минулого тижня.
https://www.stefanjudis.com/notes/new-in-css-relative-colors/
JavaScript'ер
6 883
Хайп, ще трішки хайпу, і потім ще хайпанути — це один із принципів новин про IT-індустрію 😨 Але не для ProIT. Ми розповідаємо лише про важливе. Лише про те, що дійсно хвилює, турбує та бентежить українських айтівців.
Докази? Скільки завгодно! Ось лише кілька тем, про які писали у ProIT за останній час:
👨💻 як проходить бронювання від мобілізації для айтівців;
💸 чи реально знайти інвестиції в стартап під час війни;
🤬 хто стоїть за атаками на українські IT-мережі;
📢 чому в Україні говорять про заборону Telegram.
Позбався зайвого хайпу зі своєї стрічки IT-новин 🧐 Читай про те, що має значення — на каналі ProIT!
6 883
😮Shining Text Effect
Цікава анімація для тексту для привернення уваги відвідувача сайту. Реалізовано з допомогою SCSS.
⤷ Забрати код
JavaScript'ер
6 883
🥸Питання із співбесіди
У чому різниця між «скиданням» та «нормалізацією» CSS?
Відповідь:
Скидання та нормалізація CSS – це два різні підходи до обнулення стилів веб-сторінки.
• Скидання CSS — це процес обнулення стилів, щоб забрати браузерні стилі за умовчуванням, які можуть відрізнятися від одного браузера до іншого. Ціль скидання CSS — створити «чисту» сторінку, де всі елементи мають однаковий вигляд у різних браузерах.
• Нормалізація CSS — це процес створення однакових стилів для різних елементів, щоб веб-сторінка виглядала однаково у всіх браузерах. На відміну від скидання CSS, нормалізація CSS зберігає деякі стилі за промовчанням браузера, але намагається зробити їх одноманітними.
JavaScript'ер
