HTML | VERSTKA

Исчерпывающий путеводитель по тегу iframe

Мы рассмотрим большинство функций, которые предоставляет элемент iframe, и поговорим о том, как их использовать, а также о том, как iframe может быть полезен для преодоления некоторых сложных ситуаций. Наконец, мы поговорим о том, как вы можете защитить свой iframe, … Continued

Кнопка “Показать ещё” без косяков

В этом видео мы рассмотрим как управлять контентом на странице с помощью JS. Будем его скрывать и показывать на разных разрешениях экрана. Создадим кнопку, которая будет этим управлять и она не будет зависеть от кол-ва контента!

Тег dialog

Тег для создания всплывающего окна без боли и страданий.

Переход на якорь с дочерней страницы

по клику на определенный пункт меню должен быть переход на определенную страницу и скролл до заданного якоря

Как прятать

Когда display: none, а когда visibility: hidden? — спрашивает нас RedFox. Зависит от того, что вы пытаетесь сделать. Есть и другие варианты как спрятать блок и даже специальный атрибут.

Картинки CSS/HTML

Простые подсказки по CSS по изображениям, из которых можно узнать, как сделать картинку ссылкой, скруглить углы и добавить фильтры. А так же как сделать изображение адаптивным, задать ширину и многое другое.

«Загадочные отступы» между инлайн-элементами

Каждому, даже самому «молодому» верстальщику известны неприятности (проблемы) с интервалом между элементами, пробелами, которые вставляются между словами. В этой статье мы попытаемся понять, что же из себя представляют эти загадочные “Отступы”, что это за звери и с чем их едят. … Continued

Всё о <input type="checkbox/"><input type="radio/">

Всё о

CSS & HTML & JavaScript

Слайдер SWIPER 2023. Основные типы слайдеров. Подробный курс для новичков

Слайдер SWIPER. Подробный курс. Почему Swiper лучший слайдер для сайта? Начнем с того, что Swiper написан на чистом JavaScript и не требует подключения дополнительных библиотек. А также он очень, очень, мощный и поможет справится с огромным кол-вом различных задач! Подробное … Continued

Как установить значение заполнителя для даты типа ввода в HTML 5? (Eng)

Чтобы установить значение заполнителя для input введите дату в HTML5, используйте placeholder атрибут. placeholder атрибут не работает с input введите «дата». Использовать onfocus="(this.type='date')" для пользовательского заполнителя, включающего раскрывающийся список выбора даты.