HTML/CSS

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

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

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

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

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

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

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

Чтобы сделать таблицу с фиксированной высотой и вертикальной прокруткой потребуется разделить её на две части.

Подборка CSS-стилей для оформления таблиц.

Небольшая JavaScript функция для генерации пароля...

CSS стилизация чекбоксов по методу «Checkbox Hack» в виде переключателей (например, как в iOS, Google, Яндекс с их...

Чтобы вывести штрих-код на сайте или при печати достаточно подключить специальный шрифт. Но среди большого количества нужно выбрать именно тот шрифт, который успешно будет считываться сканером...

Во всех современных браузерах имеется поддержка JS-объекта FileReader. С помощью него можно асинхронно прочитать...

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

Примеры, как сделать рамку блока с градиентом и анимировать её.

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

Несколько примеров как вывести данные из БД в таблицу и добавить к ней возможность сортировки. Итак, простой вывод...

Если требуется поле для ввода пин-кода, можно использовать следующий вариант на jQuery.

В данной статье приведены примеры как сделать подгрузку WebP вместо jpg и png в тех браузерах где он поддерживается.

В HTML5 появилось специальное поле input с атрибутом type=number для вода чисел. Рассмотрим его возможности...

Проблема плеера в том что у него нефиксированные размеры, поэтому возникают трудности на адаптивных сайтах. Ширину...

Несколько примеров, как вывести текст в две колонки одинаковой ширины и отступом между ними.

По спецификации HTML в option нельзя вставить ссылку, если все-таки её туда вставить, то работать она не будет. В таких случаях можно сделать перенаправление браузера по клику на JS или имитацию...

В целях оптимизации и удобства при многократном использовании SVG изображений можно объединить в один файл-спрайт.

В продолжении статьи о стилизации чекбоксов, несколько примеров как стилизовать чекбоксы в кнопки и группы кнопок.

Несколько примеров как вывести одномерный PHP-массив в виде таблицы, плиток и списком в несколько колонок. Имеем массив городов...

Демонстрация возможностей CSS для настройки расстояний между буквами, строками, табуляции и других свойств шрифтов.

Несколько примеров как изменить внешний вид чекбоксов с помощью CSS, изображений и немного JS.

CSS3-свойство filter позволяет применить фильтры к элементам, с помощью них можно инвертировать цвета, осветлить или затемнить элементы.

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