JavaScript'er
Closed channel
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Show more7 125
Subscribers
-424 hours
-247 days
-6730 days
Posts Archive
7 125
Просунуте JavaScript налагодження за допомогою
console.table()
Досить акуратно, правда?👍
Звичайно, table найкраще працює з табличними даними. Якщо всі об'єкти мають абсолютно різні поля — ви отримаєте таблицю, у якій більшість осередків — undefined . Але, незважаючи на це, все буде виглядати акуратно, даючи вам гарний загальний огляд
JavaScript'ер7 125
Натрапив на прикольний React-компонент. spoiled
Він ховає текст або елементи під хмарою частинок, що розсіюється під час наведення, як у Telegram.
Використовує CSS Painting API для реалістичного рендерингу, є fallback для непідтримуваних браузерів
Підтримує темну/світлу теми, анімації переходів та гнучкі налаштування (FPS, щільність, колір)
Встановити можна через npm:
$npm i spoiled
Докладніше: https://github.com/molefrog/spoiled
JavaScript'ер7 125
Repost from GitHub'er
Vue.js - це прогресивний фреймворк JavaScript для розроблення користувацьких інтерфейсів і односторінкових веб-додатків
Він допомагає створювати динамічні інтерфейси та односторінкові додатки, вирішує завдання рівня представлення (view) і спрощує роботу з бібліотеками
Мови: #TypeScript (96.7%), #JavaScript (1.8%), #Other (1.5%).
⭐️ Stars 208k
Github'er
7 125
❗️ Безоплатний 8-денний тест-драйв IT професій
▪️ Для бажаючих працювати онлайн і заробляти в $;
▪️ Для тих, хто давно хотів працювати в IT, але не обрав для себе напрям
Тривалість — 8 днів. Заняття проходять вечорами.
На тест-драйві ви спробуєте себе в ролях: ▫️ вебдизайнера, ▫️ розробника, ▫️ дата-аналітика, ▫️ проджекта, ▫️ тестувальника.✅ Програма розрахована на новачків. У вільний час ви дивитесь короткі лекції та робите цікаві завдання, які перевіряє ментор. Почни новий рік правильно! 🎁 Після реєстрації приємний бонус: Штучний інтелект в IT. Як використовувати AI у 5 ключових ІТ-професіях?. 🔥 Реєструйтесь за посиланням: https://i.goit.global/kovf4
7 125
Ви знали, що в Chrome DevTools є прихована функція CSS Overview ?
Вона надає повний аналіз кольорів, шрифтів, медіазапитів і стилів, що не використовуються на вашому сайті — все в одному місці☕️
JavaScript'ер
7 125
Який метод JavaScript повертає всі елементи в документі, які відповідають певному CSS-селектору?
7 125
CSS Cards
Ефект розвороту карток та переходу від однієї до іншої. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'ер
7 125
Це величезна колекція CSS-лоадерів — понад 600 варіантів , акуратно розподілених за 30+ категоріями
Кожен лише один елемент
<div class="loader"></div> , скопіювати CSS можна натиснути на приклад.
Люблю такі ресурси: можна надихнутися чи просто взяти щось готове та корисне😎
JavaScript'ер7 125
Який метод JavaScript надає можливість виконання асинхронних запитів до сервера, відправляючи дані без необхідності перезавантаження сторінки?
7 125
Натрапив на прикольний React-компонент. spoiled
Він ховає текст або елементи під хмарою частинок, що розсіюється під час наведення, як у Telegram.
Використовує CSS Painting API для реалістичного рендерингу, є fallback для непідтримуваних браузерів
Підтримує темну/світлу теми, анімації переходів та гнучкі налаштування (FPS, щільність, колір)
Встановити можна через npm:
$npm i spoiled
Докладніше: https://github.com/molefrog/spoiled
JavaScript'ер7 125
Продуктивний хак для VS Code
Замість кожного разу писати
console.log() , ви можете додати в VS Code клавіші.
У цьому прикладі я налаштував, щоб текст " cc " автоматично розширювався в " console.log() " при натисканні Tab
І таких сніпетів можна зробити купу. Користуйтесь✌️
JavaScript'ер7 125
Repost from Ти не знаєш JavaScript
Ідеальне вирівнювання тексту у верхньому та нижньому регістрах🙃
Набридли зайві прогалини над і під текстом? Один рядок коду вирішить цю проблему та допоможе ідеально вирівняти текст по центру:
/* У верхньому регістрі */
.text {
text-box: cap alphabetic;
}
/* У нижньому регістрі (без висхідних або низхідних елементів) */
.text {
text-box: ex alphabetic;
}
Ось демка з візуалізацією, щоб краще зрозуміти, як працює нова властивість text-box
PS Поки що цю властивість підтримують лише Safari та Chrome, але інші браузери вже активно працюють над реалізацією
Ти не знаєш JavaScript7 125
Який метод JavaScript дозволяє програмно звертатися до CSS-правил, застосованих до елемента, та змінювати їх у реальному часі?
