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


Чистый CSS для невероятного эффекта следования мыши
Эффект следования за мышью, как следует из названия, заключается в том, что элемент будет следовать за движением мыши и совершать соответствующее движение. Вероятно, это выглядит примерно так. Вообще говоря, CSS отвечает за представление, а JavaScript — за поведение. Эффект следования мышью — это поведение, и для его достижения обычно требуется JavaScript. Конечно, в этой статье основное внимание уделяется тому, как использовать CSS для имитации некоторых эффектов анимации поведения..

Front End Dev #2 — Взламываем код
Терпение и настойчивость Вы когда-нибудь так застревали на куске кода, что в конечном итоге теряли сон, начинали беспокоиться или просто теряли… кхм! Программирование не для слабаков и слабонервных! Иногда это может быть мучительно неприятно. Я не уверен, то ли это эго, то ли незнание того факта, что мы действительно можем совершать ошибки, потому что временами я был на 200% уверен, что не совершил синтаксической ошибки. Перечитываю свой прекрасно написанный код строчка за..

Липкая прокрутка с помощью Divi
Шаг 1 Загрузите файл шаблона раздела отсюда шаблон липкой прокрутки После загрузки шаблона json загрузите его в свою библиотеку divi, чтобы вы могли использовать его на любой странице в качестве раздела. Шаг 2 Добавить ниже css в Divi -> Параметры темы -> Пользовательский css /* sticky scroll */ .container-sticky .et_pb_module.active { display:flex; } .container-sticky .et_pb_module { display:none; } .container-sticky .et_pb_module.active .et_pb_text_inner{..

Основы JavaScript — HTML против CSS для учащихся!
В чем разница между HTML и CSS? Если вы только начинаете свой путь веб-разработчика или заинтересованы в том, чтобы попасть в эту отрасль, вам может быть интересно, что такое HTML и CSS? и чем они отличаются? В техническом блоге на этой неделе я попытаюсь ответить на эти вопросы и попытаюсь использовать аналогию с реальным миром, чтобы понять, что они из себя представляют, и их различия. Наслаждаться! Если использовать аналогию веб-страницы с автомобилем, HTML будет представлять собой..

Как создать чат-бота с помощью кода HTML, CSS и JavaScript
Привет Кодер! Добро пожаловать в блог Codewithrandom. В этом блоге мы узнаем, как создать Чат-бота , используя код HTML, CSS и JavaScript. Поэтому, если пользователи вводят определенное слово, они получают конкретный ответ в чат-боте, который мы пишем в коде JavaScript. Как сделать чат-бота в HTML? нам нужен код Css и Javascript в файле HTML для создания чат-бота в HTML. Мы создаем div, какой-то заголовок и абзац, и вводим, где пользователь может задать вопрос чат-боту, и..

Разбираемся со шрифтами
КОДЕКС Разбираемся со шрифтами При подготовке к проекту JavaScript мне показали удивительный мир веб-шрифтов Google! Обожаю типографику! Я потратил некоторое время на изучение, прежде чем сузил круг вариантов. Но когда пришло время реализовать это в файле CSS, все пошло не так гладко. Возможно, я выбрал один из немногих шрифтов, который просто не подойдет в этом сценарии. Может, я что-то упускаю. Поскольку в то время это было для меня в новинку, и у меня не хватало..

Как легко добавить глобальную панель навигации на свой сайт.
Глобальная панель навигации может упростить пользователям навигацию по вашему сайту с любой страницы. В этой статье я покажу вам, как вы можете создать свою собственную панель навигации и реализовать ее на любой странице с помощью 1 или 2 строк кода после ее настройки. Мы создадим скрипт, который вставит его на любую страницу, на которую он загружен, что означает, что вам не придется вставлять тонну кода на каждую страницу, и это сделает его обновление проще простого. Начните с..