JavaScript'er
Closed channel
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Show more7 116
Subscribers
-224 hours
-257 days
-7330 days
Posts Archive
7 115
💥Шпаргалка Flexbox позиціонування
Flexbox - дозволяє контролювати розмір, порядок та вирівнювання елементів по кількох осях, розподіл вільного місця між елементами та багато іншого.
JavaScript'ер
7 115
❗️ Безоплатний 8-денний тест-драйв IT професій
▪️ Для бажаючих працювати онлайн і заробляти в $;
▪️ Для тих, хто давно хотів працювати в IT, але не обрав для себе напрям
Тривалість — 8 днів. Заняття проходять вечорами.
На тест-драйві ви спробуєте себе в ролях: ▫️ вебдизайнера, ▫️ розробника, ▫️ дата-аналітика, ▫️ проджекта, ▫️ тестувальника.✅ Програма розрахована на новачків. У вільний час ви дивитесь короткі лекції та робите цікаві завдання, які перевіряє ментор. Після реєстрації приємний бонус: аналітика зарплат айтівців в Україні. 🔥 Реєструйтесь за посиланням: https://i.goit.global/ZiheA
7 115
🖥Плавне прокручування
Властивість
scroll-behavior управляє поведінкою прокручування сторінки чи елемента під час переходу за якірними посиланнями і робить її плавною.
Параметри якості:
• auto — Стандартна поведінка прокручування. Відбувається миттєво без анімації.
• smooth — Плавне прокручування з анімацією.
JavaScript'ер7 115
📌Input Field Animation
Зменшення масштабу заголовка під час введення даних у поле введення. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'ер
7 115
🥸Як зробити посилання на верх веб-сторінки?
Посилання нагору дозволяє швидко перейти до верхньої частини веб-сторінки, де зазвичай розташовується логотип, навігація по сайту та інші типові елементи сайту.
Для створення такого посилання в її адресі достатньо вказати #top . Всі сучасні браузери розуміють таку адресу і при натисканні на це посилання переходять до верхньої частини поточної веб-сторінки.
<a href="#top">Вгору</a>
Замість посилання можна використовувати кнопку, а перехід за посиланням реалізувати через JavaScript. Для цього до <button> додаємо подію onclick, усередині якої пишемо window.location.href зі значенням #top
<button onclick="window.location.href='#top'">Вгору</button>
JavaScript'ер7 115
Який HTML елемент використовується для створення перемикачів, які дозволяють вибрати один із кількох варіантів?
7 115
📌Репозиторій із 50 простими проектами на HTML & CSS & JS для новачків
📱Посилання: GitHub
JavaScript'ер
7 115
📌Балансування тексту за допомогою text-wrap: balance
Текст переноситься так, щоб найкраще збалансувати кількість символів у кожному рядку, що покращує якість верстки та читабельність.
Підтримується лише для блоків тексту, містять обмежену кількість рядків (у реалізації Chromium використовується до шести переносних рядків), тобто воно корисне для таких випадків, як заголовки чи цитати
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Підтримка наразі 84.27% - ви можете спокійно користуватися ним, тому що у браузерах, де воно не підтримується, нічого не зламається.
JavaScript'ер7 115
Який CSS-селектор вибирає елементи, які мають атрибут title, що містить слово "flower"?
7 115
🎮Regexlearn – проект, який допоможе зрозуміти та навчитися писати регулярні вирази
Особливості:
• Покрокове навчання
• Інтерактивність
• Інтуїтивно простий інтерфейс
• Можна використовувати як «шпаргалку»
Мови: TypeScript (76.1%), JavaScript (23.5%), CSS (0.4%).
⭐️ Star 3.4k
https://github.com/aykutkardas/regexlearn.com
https://regexlearn.com/
JavaScript'ер
7 115
📌Codeium React Editor – безкоштовний редактор коду з відкритим вихідним кодом та необмеженим автозаповненням за допомогою ІІ
Мови: TypeScript (77.7%), MDX (19.9%), JavaScript (2.4%).
https://github.com/Exafunction/codeium-react-code-editor/
JavaScript'ер
7 115
✅ Дочекалися, ChatGPT-4 з'явився в Telegram.
Пробуємо: @ChatGPT4
P.S. тепер він вміє робити відео
7 115
🖥Pricing - pure css
Реалістичне 3D-зображення під час перемикання карток. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'ер
7 115
🚀 Світ DevOps — ваш шанс побудувати успішну кар'єру в ІТ. Це саме та сфера, що завжди буде на піку сучасних технологій.
Підписуйтесь на канал @devopsudo і отримуйте доступ до авторських матеріалів з DevOps.
Чи хотіли ви коли-небудь:
👨🏼💻 Самостійно розгорнути власний додаток
👨🏼💻 Зрозуміти, як працює інфраструктура інтернет-сервісів?
Зачасту, це робота саме DevOps інженерів.
Не втрачайте можливість отримати нові знання і зробити крок до кар'єри своєї мрії. Приєднуйтесь до @devopsudo вже сьогодні!
