Как сделать реверсный список на чистом HTML
В этой статье мы расскажем о атрибуте reversed, который используется для реверсного (задом наперёд) отображения списка на чистом HTML
Хитрости
Хитрость (хак) — полезный совет, помогающий решать проблемы, экономя тем самым время. Это набор методик и приёмов для упрощения процесса достижения поставленных целей при помощи разных полезных советов и хитрых трюков.
Всплывающая подсказка на чистом CSS
В этой статье мы расскажем как сделать всплывающую подсказку (attr) с помощью чистого CSS, не используя Javascript. Реализация, примеры
Как сделать нужную клавиатуру при вводе: все о «inputmode»
Атрибут inputmode для input или textarea – как сделать отображение недефолтной клавиатуры (емейл, поиск, телефон) без указания типа поля. Реализация, поддержка, примеры
✂️ Обрезаем длинную строку и добавляем троеточие…
В этой статье мы научимся обрезать текст в одну или несколько строк с помощью CSS: overflow, white-space и text-overflow. Теория, реализация, примеры
Как отключить автозаполнение поля формы?
В этой статье мы научимся отключать автозаполнение (autocomplete) для формы и полей (input) без Javascript используя нативные возможности браузера и HTML. Также – посвятим в небольшую теорию и расскажем интересные факты
CSS треугольник: теория, реализация, примеры
Очень часто нам требуется сделать треугольник для реализации требований задачи. В этой статье мы научим, расскажем и покажем Вам как просто сделать треугольник на чистом CSS за две минуты без каких-либо проблем и использования растровых изображений
Border-box: как с помощью box-sizing упростить себе жизнь
В этой статье мы решим проблему переполнения (overflow) блока из-за padding или border-width раз и навсегда. Полезный лайфхак для построения сетки и грамотного отображения элементов внутри их ячеек, не нарушая границ
Эффект наведения (:hover) на смартфонах и планшетах
Немного истории С введением CSS2 разработчики получили возможность визуализировать наведения на объекты страницы с помощью псевдокласса :hover . Это внесло больше динамики, визуального восприятия страницы и стало неотъемлемым атрибутом каждого современного сайта. Поддержка и использование На данный момент, этот псевдокласс поддерживается любым современным браузером, что позволяет его свободно использовать. Для Internet Explorer 6 (IE6) данный […]
