Публикации по теме 'css'


День 16 из #100DaysOfCode
Привет, ребята 🙌 Сегодня я закончил 16-е видео JavaScript30! Проект 16: CSS Text Shadow Mouse Move Effect Источник: https:// javascript30.com Обучение: Сегодняшняя цель состоит в том, чтобы сделать тень текста в нашем заголовке, следуя за мышью вокруг окна. Во-первых, нам нужно выбрать div (известный как hero ) и текст. Затем нам нужно прослушать mousemove изменение в герое div. Это вызовет функцию shadow : const hero = document.querySelector('.hero') const..
Что такое HTML? Язык гипертекстовой разметки
ЧТО ТАКОЕ HTML? Язык гипертекстовой разметки (HTML) — это набор символов или кодов разметки, вставляемых в файл, предназначенный для отображения в Интернете. Разметка сообщает веб-браузерам, как отображать слова и изображения веб-страницы. ОСНОВНЫЕ HTML ТЭГИ: ‹ h1 ›, который описывает заголовок верхнего уровня. ‹ h2 ›, который описывает заголовок второго уровня. ‹ p ›, который описывает абзац. ‹ таблица ›, описывающая табличные данные. ‹ ol ›, который..
Как создать гамбургер-меню с помощью кода CSS и JavaScript
Привет Кодер! Добро пожаловать в блог Codewithrandom. В этой статье мы создадим гамбургер-меню , используя HTML, CSS и код JavaScript. Гамбургер-меню стало стандартным значком для навигации, оно стало настолько популярным, что сегодня его используют даже большинство основных платформ и приложений. меню гамбургера состоит из 3 строк, и когда мы нажимаем на панель, появляется значок открытия и закрытия меню, который показывает, что это меню гамбургера. Он был назван так из-за сходства..
Клон Netflix с использованием HTML, CSS и JavaScritp (исходный код)
Привет Кодер! Добро пожаловать в блог Codewithrandom. Сегодня мы собираемся создать клон Netflix , используя HTML, CSS и JavaScript с исходным кодом. Мы создаем полный клон Netflix, чтобы знать о рабочем процессе онлайн-платформы, разработанной с помощью Codng. Также мы можем добавить названия фильмов, актеров, описание фильма и т.д. От имени целевых страниц — одна из хороших практик для получения практического опыта адаптивного дизайна, и в этом проекте создается самая популярная..
Мое путешествие в качестве стажера в Oasis Infobyte: трансформационный опыт
Мое путешествие в качестве стажера в Oasis Infobyte: трансформационный опыт Введение: Кратко представьтесь и упомяните о своей роли стажера в Oasis Infobyte. Задайте тон для сообщения в блоге, выразив свое волнение и желание поделиться своим путешествием по стажировке. Первые впечатления: Опишите свои первоначальные мысли и впечатления об Oasis Infobyte как о компании. Расскажите о своем первом взаимодействии с командой, офисной среде и общей атмосфере. Задания проекта:..
Mastering the Web Trio: полное руководство по бесплатному изучению HTML, CSS и JavaScript
Если вы хотите изучить веб-разработку и освоить HTML, CSS и JavaScript, не разорившись, вам повезло! В этом сообщении блога мы рассмотрим лучшие бесплатные платформы и доступные ресурсы, которые помогут вам начать свой путь веб-разработки. FreeCodeCamp ( www.freecodecamp.org ): FreeCodeCamp — это некоммерческая платформа для онлайн-обучения, которая предлагает комплексную учебную программу, охватывающую HTML, CSS и JavaScript, а также другие технологии веб-разработки. Их..
Пользовательский курсор с использованием CSS и Javascript
Решите, каким должен быть ваш пользовательский курсор. Для себя я использовал картинку. Заявление об ограничении ответственности: создание настраиваемого курсора - не лучшее решение с точки зрения доступности сайта. Теперь, поскольку мы знаем, что нашей целью будет курсор. Я собираюсь начать с моего index.html и создания div с курсором класса Затем нам нужно добавить изображение, а также немного его стилизовать. Что касается меня, я хочу, чтобы моя фотография имела..