😁31👍11🔥2
Привет! Сегодня научимся создавать прогресс-бар с эффектом машинного набора на чистом HTML и CSS. Такой эффект будет идеально подходить для отображения выполнения различных задач или загрузки данных.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍26🔥13😁3
📖 Бессерверные приложения на JavaScript
⬇️ Cкачать книгу
📣 Code Ready | #книга
Книга, которая объясняет, как разрабатывать и разворачивать приложения без использования собственных серверов, полагаясь на облачные сервисы.Автор: Слободан Стоянович
Год: 2020
Please open Telegram to view this post
VIEW IN TELEGRAM
2🤝16🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Используется для встраивания внешних файлов, таких как видео, аудио, PDF или другого медиа-контента, непосредственно на веб-страницу.
Для него доступен атрибут src, который указывает путь к встраиваемому файлу, а также атрибуты width и height, задающие размеры встраиваемого элемента.
src="file.pdf" — путь к файлу для встраивания, например, PDF.
type="application/pdf" — указывает тип контента, что помогает браузеру правильно его отобразить.
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍21🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
Color Highlight — это расширение для VS Code, которое автоматически окрашивает цветовые значения в CSS-файлах и обрамляет их рамкой, позволяя лучше понимать, какой цвет будет использоваться в итоге.
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍28🔥7
Всем привет! Сегодня рассмотрим, как создать эффект мигания текста для заголовка карточки, который сразу привлечет внимание посетителей к важному тексту.
Мы добавим анимацию мигания, которая плавно изменяет прозрачность текста, создавая эффект мерцания.
Для эффекта мигания используем CSS-анимацию с постепенным изменением прозрачности, что помогает создать мягкий и привлекательный визуальный эффект.
🔥 — если было полезно
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥31👍12
This media is not supported in your browser
VIEW IN TELEGRAM
Keycode — интерактивный инструмент для быстрого поиска кода клавиши, которую вы нажимаете.
⛓ Ссылочка: keycode.com
📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍15🤝3
This media is not supported in your browser
VIEW IN TELEGRAM
• Ctrl + Backspace — Удаляет всё слово стоящее перед курсором.
• Ctrl + Shift + ← / → — выделит слова после или перед курсором.
• Ctrl + D — множественное редактирование. Изменит одинаковый код сразу в нескольких местах.
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍22🔥8
Свойство flex-wrap в CSS позволяет управлять переносом элементов в контейнерах с использованием Flexbox.
Оно может принимать следующие значения:
• nowrap — элементы располагаются в одну строку, без переноса.
• wrap — элементы переносятся на новую строку, если не помещаются.
• wrap-reverse — элементы переносятся на новую строку, но в обратном порядке.
Это свойство помогает гибко управлять расположением элементов, обеспечивая адаптивность дизайна.
Code Ready | #свойство #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🔥5
Всем привет! Сегодня разберём, как создать кнопку "Наверх", которая появляется при прокрутке страницы вниз и возвращает пользователя в начало страницы.
Мы сделаем так, чтобы кнопка появлялась плавно, исчезала с анимацией, а при нажатии на неё страница прокручивалась наверх с эффектом плавного скролла.
🔥 — если было полезно
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥114🤝30👍13