HTML/CSS

CSS-правило @media позволяет задать отдельные стили для элементов при просмотре сайта на разных устройствах.

Для того чтобы выровнять текст или дрогой inline-элемент по высоте родителя, можно применить CSS-свойства flexbox.

Примеры изменения вида стандартного поля для загрузки файлов input type file с помощью CSS и JS.

В современных браузерах как правило есть модуль проверки орфографии в полях input, textarea и элементов с contenteditable=true.

Примеры наложения SVG фильтра на c содержимым через CSS-свойство filter.

Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).

Примеры как сделать различные вариации треугольников с помощью CSS-свойства border.

Все четные Все нечетные До третего после третего

Несколько Примеров вёрстки лент и флажков на HTML и CSS.

Если вам требуется сделать границы шапки или подвала скошенными, то достаточно применить к элементу CSS-свойство...

Изменение градиента, в зависимости от положения курсора над элементом можно сделать с помощью JS, получив его...

Сборник анимированных градиентов c использованием CSS keyframes.

При вводе длинных чисел в текстовое поле становится визуально понятнее и удобнее если числа автоматически бьются на...

При заполнении любой формы с паролем (авторизация или регистрация на сайте) браузеры предлагают сохранить введённые...

Иногда возникает вопрос – как отправить HTML-форму в новую вкладку браузера, например для отдельной страницы, где будет...

Примеры построения многоуровневых выпадающих списков (select option) и базы данных с применением рекурсии PHP.

Clipboard.js – мини плагин для копирования текста с сайта в буфер обмена, который не использует flash и JQuery.

Несколько примеров как затемнить изображение в свойстве background и теге img.

Самый простой способ сделать блоки с одинаковой высотой можно с помощью JQuery, к примеру возьмем следующую верстку блоков.

За вид курсора отвечает CSS свойство «cursor». Им можно задать вид из предопределённых названий курсоров, так и вывести курсор из файла.

Сборник методов для перезагрузки страницы или вкладки браузера.

Стилизация ссылок и кнопок на примере разных сайтов с поддержкой разными состояний – наведение курсора, нажатие, попадание в фокус и заблокированное состояние элемента.

Такой вопрос возникает при вставке текста из формы на сайт (отзывы, комментарии и т.д.) с форматированием элементом p.

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

Примеры, приведенные ниже позволят ограничить ввод символов в текстовые поле. Например, можно ограничить количество...

В CSS3 появилась возможность указать в свойстве background несколько изображений (Multiple Backgrounds), при этом они...

Атрибут accept в устанавливает фильтр на типы файлов в окне выбора файла.

Если требуется полностью изменить цвет или шрифт подсказки placeholder, то подойдет свойство ::placeholder, но в...

Примеры, как вывести текст в три колонки одинаковой ширины и отступом между ними с помощью разных CSS-свойств.

Сборник примеров анимации на CSS 3 Animation.