8 месяцев назад
Удаление CSS-свойств с помощью свойства unset
Удаление CSS-свойств с помощью свойства unset ➿➿➿➿➿➿➿➿➿➿➿➿ Ключевое слово unset в CSS — универсальный сброс: для наследуемых свойств оно даёт наследование, для ненаследуемых — возвращает начальное значение. Это помогает писать предсказуемые стили без жёстких «обнулений». Практическая польза особенно заметна в компонентных стилях и при работе...
418 читали · 3 года назад
Создание сайдбара с помощью HTML, CSS и JavaScript
Источник: Nuances of Programming Предлагаю пошаговое руководство по создания отзывчивого сайдбара (боковой панели). Этот графический элемент можно использовать для навигации в любых веб-проектах. Уверен, что существует миллион различных способов создания боковой панели, но я выбрал именно этот. Все шаги руководства будут доступны каждому, кто обладает базовыми знаниями в области HTML, CSS и JavaScript. Замечу, что изначально этот сайдбар создавался для использования на дашборде/CMS, поскольку он позволяет добавить множество опций меню...
5865 читали · 7 лет назад
Как удалить и оптимизировать лишний CSS и JavaScript?
Когда ко мне пришла идея создания канала «YouGo в Яндекс.Дзен» – я решил, что буду выкладывать в Дзене полезную, но сжатую информацию, а на сайте развернутую и оптимизированную под поисковые системы. И к тому времени, как я его полностью сверстал – у меня появилась необходимость оптимизировать верстку для того, чтобы она стала максимально легкая и соответственно, – супер суперскоростная. К сожалению ни в Google, ни в Yandex я не нашел информацию о том, как удалить лишний CSS и JavaScript. Тогда...
2 года назад
Карусель изображений на JavaScript
Оставляем для вас ниже готовый код для создания простой карусели с изображениями. html <div class="wrapper flex-center-all"> <div class="img-container"> <img src="https://plus.unsplash.com/premium_photo-1684992858411-3e3ddf37c4c9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=880&q=80" alt="jellyfish" class="visible" id="img-1"> <img src="https://images.unsplash.com/photo-1495012379376-194a416fcc5f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=725&q=80"...