Всем привет! Сегодня разберём, создание прикольного эффекта плавного появления элементов при прокрутке страницы на чистом Html, Css и JavaScript.
Анимировать элементы будем с помощью IntersectionObserver API, благодаря которому мы сможем отслеживать, когда элемент попадает в область видимости, и запускать красивую анимацию.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥46👍14🤝7
Наведите курсор — и появится дополнительная информация, помогающая лучше понять, что к чему.
Это особенно удобно, когда на странице много графики: пояснения дают контекст, которого не видно сразу.
Но не переусердствуйте, чтобы не перегрузить пользователя избыточной информацией и не создать ненужные раздражители.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥12🤝6😁3
Они позволяют удобно находить, изменять, разделять и проверять строки без необходимости писать сложную логику вручную. Методы строк особенно полезны при валидации данных, форматировании вывода и обработке пользовательского ввода.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥49👍24🤝13
Всем привет! Сегодня разберём, как сделать плавное переключение между светлой и тёмной темой на чистом HTML, CSS и JavaScript.
Ключевые моменты:
• HTML: структура переключателя
• CSS: анимация и смена темы через переменные
• JavaScript: логика сохранения выбора с localStorage
🔥 — если хочешь побольше подобного
🤝 — если уже делал что-то похожее
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥84🤝14👍12😁4❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Если изменение разрешено — в углу элемента появляется специальная иконка (похожая на треугольник), за которую можно потянуть и изменить размер в нужном направлении.
Варианты значений:
• none — размеры изменить нельзя (значение по умолчанию).
• both — можно менять и по ширине, и по высоте.
• horizontal — размер можно изменять по горизонтали.
• vertical — размер можно изменять по вертикали.
Есть и экспериментальные:
• block — изменение в блочном направлении.
• inline — изменение в строчном направлении.
Дайте пользователю свободу — но с умом. Не каждый блок должен тянуться во все стороны, иначе дизайн может "поплыть".
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23👍14🤝5❤1
This media is not supported in your browser
VIEW IN TELEGRAM
OverAPI — это справочник для быстрого поиска синтаксиса и примеров по множеству языков и технологий, удобный для фронтенд разработчиков, работающих с HTML, CSS, JavaScript, и не только.
📌 Ссылочка: overapi.com
📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19🔥13❤1
Например,
git push
отправляет твои изменения на сервер, а git checkout
позволяет быстро переключаться между ветками.На картинке — 12 самых нужных команд, которые стоит держать под рукой.
Сохрани, чтобы не забыть!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍32🔥13🤝6❤1