HTML/CSS

Чекбокс в виде переключателя (switch toggle)
CSS стилизация чекбоксов по методу «Checkbox Hack» в виде переключателей (например, как в iOS, Google, Яндекс с их...
19231
+12
Как вывести штрих-код на сайте
Чтобы вывести штрих-код на сайте или при печати достаточно подключить специальный шрифт. Но среди большого количества нужно выбрать именно тот шрифт, который успешно будет считываться сканером...
7045
+1
Как загрузить содержимое файла в textarea
Во всех современных браузерах имеется поддержка JS-объекта FileReader. С помощью него можно асинхронно прочитать...
3491
0
Поле для ввода показаний счетчика
Пример составного поля для ввода показаний приборов учета с использованием несколькольких и jQuery. Обычно показание...
1927
0
Рамки блоков с градиентом
Примеры, как сделать рамку блока с градиентом и анимировать её.
4696
+1
Выделение активных пунктов меню с помощью JQuery
Небольшой пример, как выделить активный пункт в меню с помощью JQuery. Возьмем меню для левой колонки...
4048
+4
Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
Несколько примеров как вывести данные из БД в таблицу и добавить к ней возможность сортировки. Итак, простой вывод...
11888
+4
Поле для ввода PIN-кода
Если требуется поле для ввода пин-кода, можно использовать следующий вариант на jQuery.
4507
+3
WebP вместо изображений в браузерах где он поддерживается
В данной статье приведены примеры как сделать подгрузку WebP вместо jpg и png в тех браузерах где он поддерживается.
8002
+3
Input type number
В HTML5 появилось специальное поле input с атрибутом type=number для вода чисел. Рассмотрим его возможности...
29574
+10
Адаптивные плееры Youtube на десктопах и мобильных
Проблема плеера в том что у него нефиксированные размеры, поэтому возникают трудности на адаптивных сайтах. Ширину...
4040
+5
Текст в две колонки
Несколько примеров, как вывести текст в две колонки одинаковой ширины и отступом между ними.
36423
+2
Select option с ссылками
По спецификации HTML в option нельзя вставить ссылку, если все-таки её туда вставить, то работать она не будет. В таких случаях можно сделать перенаправление браузера по клику на JS или имитацию...
15716
+7
SVG спрайты
В целях оптимизации и удобства при многократном использовании SVG изображений можно объединить в один файл-спрайт.
16837
+3
Чекбоксы в виде кнопок
В продолжении статьи о стилизации чекбоксов, несколько примеров как стилизовать чекбоксы в кнопки и группы кнопок.
10078
+2
Вывод PHP-массива колонками
Несколько примеров как вывести одномерный PHP-массив в виде таблицы, плиток и списком в несколько колонок. Имеем массив городов...
12673
+3
Расстояние между буквами, строками, ширина табуляции в CSS
Демонстрация возможностей CSS для настройки расстояний между буквами, строками, табуляции и других свойств шрифтов.
10650
+1
Стилизация Checkbox
Несколько примеров как изменить внешний вид чекбоксов с помощью CSS, изображений и немного JS.
50332
+5
CSS фильтры
CSS3-свойство filter позволяет применить фильтры к элементам, с помощью них можно инвертировать цвета, осветлить или затемнить элементы.
4398
+2
Как скрыть лишний текст в блоке
Имеем несколько колонок с разным по длине текстом, нужно сделать их одинаковой высоты и скрыть лишнее.
29942
+8
Печать HTML страниц
Очень часто разработчики забывают про печатную версию сайта, поэтому можно встретить такой результат на бумаге...
35314
+5
Изменение размеров textarea и других элементов
В CSS 3 появилось свойство resize, которе указывает, можно ли пользователю изменять размеры текстового поля и других...
12082
+1
Блокировка многократной отправки формы
Из-за отправки файла, медленного интернета или тормозящего браузера, пользователь может нажать кнопку отправки формы...
7211
+3
Псевдоклассы nth-child и nth-last-child
Псевдокласс :nth-child используется для добавления стиля к элементам на основе нумерации в родительском элементе. В...
26617
+6
CSS-стили для списков dl, dt, dd
Элементы dl, dt, dd предназначенных для создания списка определений. dl – общий контейнер, dt – термин, dd –...
6260
+4
Подключение шрифтов с другого домена
Как и кроссдоменные запросы AJAX, подключение шрифтов с другого домена или поддомена по умолчанию запрещены и вызывают...
6594
+2
Подключение шрифтов в CSS
Если не вникать в подробности, по быстрому подключить шрифт можно так...
96537
+10
Слайдеры изображений на плагине bxSlider
BxSlider отличный jquery плагин слайдеров и каруселей, адаптивный, легко настраивается, поддерживает любой тип...
11835
+1
Выпадающий список с файлами на хостинге
Примеры как сделать select для выбора загруженных файлов. Из PHP-функций для работы с файловой системой – opendir(),...
4349
+2
Одна рамка между блоками
Несколько вариантов как схлопнуть (объединить) границы у рядом стоящих блоков.
12262
+3