JavaScript'er
Closed channel
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Show more7 109
Subscribers
-424 hours
-247 days
-7630 days
Posts Archive
7 108
'🔝React Morph Clock
Оригінальний годинник, створений з svg-картинки на React.
Посилання на Codepen *ТИЦЬ
JavaScript'ер
7 108
👍mogollar – Графічний UI для MongoDB написаний на Electron
Мови : JavaScript (36.9%), Vue (32.7%), CSS (26.6%), HTML (3.8%).
https://github.com/dashersw/mogollar
JavaScript'ер
7 108
🎮Найкращі способи створення закруглених кутів
Щоб створити закруглені кути, ми часто встановлюємо border-radius на велике значення, наприклад 9999px. Але ми можемо використовувати для цього відносно менш хакерські рішення.
.box {
border-radius: 100vmax;
}
Тут 100vmax є 100% ширини або висоти області перегляду, в залежності від того, що більше.
Це працює в більшості випадків, за винятком деяких окремих випадків, коли розмір елемента в 2 рази більше, ніж область перегляду. Щоб впоратися з цим сценарієм, ми можемо використати таку альтернативу:
.box {
border-radius: calc(Infinity * 1px);
}
JavaScript'ер7 108
Repost from Той самий Бабіч
#коштозбір на авто для кулеметного взводу 26-го окремого стрілецького батальйону 47-ї окремої механізованої бригади триває!
Оце так книжки вмотивували вас) Ми наблизилися до мети на +51213 гривень, і від завершення збору нас відділяє лише 80125 гривень!
https://send.monobank.ua/jar/7q9bH1mT6r
5375411215424057
Дякую за кожнісіньку гривню і цьом вам у лобіка, заслужили ;)
7 108
👩💻CSS-властивість caret-color
Задає колір текстового курсору (каретки), який відображається у текстових полях форми (<input>, <textarea>), а також для елементів з атрибутом contenteditable. Властивість є успадкованою, тому її можна вказати глобально або для форми, і не вказувати кожному полю введення окремо.
input {
caret-color: yellow;
}
JavaScript'ер7 108
😎💴 Вивчай англійську, щоб бути ще більш ТОП-спеціалістом!
А за час не хвилюйся, у Project 12 ти сам обираєш графік та переносиш урок хоч за 5 хв до початку.
▪️ старт Online груп – 29/04
▪️ одна година англійської від 79 грн
▪️ 4 заняття на тиждень по 90 хв: 2 у форматі Zoom із групою та викладачем та ще 2 самостійно на нашій платформі
📲 Навчайся на базі цифрового підручника 12 Tracks, опануй цілий рівень за 3 місяці, проходь самостійні уроки з інтерактивними вправами (~ 38 видів), змінюй графік занять (~18 варіантів) та перенось уроки без обмежень.
У Project 12 навчались вже понад 18000 студентів в Україні та Польщі. Приєднуйся і ти!
Встигни записатися на БЕЗКОШТОВНИЙ УРОК 💛 Для цього проходь онлайн-текст на визначення рівня: https://bit.ly/3Udfwtl
Telegram школи
7 108
⏸Collapsible Timeline
Зверстано на HTML та CSS. Логіка розкриття елементів меню реалізована у JS.
Посилання на Codepen *ТИЦЬ
JavaScript'ер
7 108
📌Властивість scroll-behavior
Визначає, як поводитиметься анімація скролла, після натискання на якірну посилання чи після застосування програмного скролла через JS. Будь-які інші прокручування, наприклад, ті, які виконує користувач, не торкаються цієї властивості
💡 За прокручування всієї сторінки відповідає елемент HTML
💡 Значення scroll-behavior не успадковується
Підтримка якості зараз становить 95.62%
JavaScript'ер7 108
name: 'Ivan',
age: 35
};
let city = person.city;
city = 'Kyiv';
console.log(person);
JavaScript'ер7 108
🔍Curved Range Slider
Це input type="range", стилізований у CSS.
Посилання на Codepen *ТИЦЬ
JavaScript'ер
7 108
📎Навіщо використовується директива «use strict»?
"use strict" - це директива ES5, яка змушує весь наш код або код окремої функції виконуватися в строгому режимі. Суворий режим вводить деякі обмеження написання коду, тим самим дозволяючи уникати помилок на ранніх етапах.
Ось які обмеження накладає суворий режим :
• Не можна надавати значення або звертатися до неоголошених змінних
• Заборонено надавати значення глобальний змінним, доступним тільки для читання або запису
• Не можна видалити властивість об'єкта, що не видаляється.
• Заборонено дублювання параметрів
• Не можна створювати функції за допомогою функції eval
• Значення "this" за замовчуванням є undefined
… і т.д.
JavaScript'ер
7 108
💼 Втомився скролити одні й ті самі вакансії ?
⏳Не марнуй час — заходь у @junior_v_it
Тут ти знайдеш👇
☑️ актуальні вакансії від топів IT-індустрії та стартапів, яких немає на великих сервісах;
☑️ гідні пропозиції для джунів;
☑️ пропозиції від зарубіжних компаній з релокацією;
☑️ вебінари, майстер-класи, практичні семінари, онлайн-конференції.
Цінуй себе і свій час - підписуйся на @junior_v_it
