HTML/CSS

Знак рубля в HTML/CSS
Во многих шрифтах уже есть символ рубля, достаточно вставить символ «₽».
1268
0
Select для выбора страны (PHP + MySQL)
Несколько вариаций выпадающего списка (select option) стран мира с флагами Emoji на русском, английском и национальном...
450
0
Сборник популярных веб-шрифтов
Сборник кириллических шрифтов в форматах eot, ttf, woff, woff2 и подключение их в CSS (@font-face).
1243
0
Подчеркивание ссылок другим цветом CSS
Пара примеров как сделать подчеркивание ссылок другим цветом, отличным от цвета текста.
358
+2
CSS @media для мобильных, планшетов и настольных компьютеров
CSS-правило @media позволяет задать отдельные стили для элементов при просмотре сайта на разных устройствах.
2016
+2
Вертикальное выравнивание в блоке (Flexbox)
Для того чтобы выровнять текст или дрогой inline-элемент по высоте родителя, можно применить CSS-свойства flexbox.
1525
0
Стилизация input file
Примеры изменения вида стандартного поля для загрузки файлов input type file с помощью CSS и JS.
10616
+4
Проверка орфографии в браузере
В современных браузерах как правило есть модуль проверки орфографии в полях input, textarea и элементов с contenteditable=true.
1189
+1
Цветные SVG фильтры для элементов
Примеры наложения SVG фильтра на div c содержимым через CSS-свойство filter.
2040
+1
Стандартные и безопасные шрифты CSS
Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).
9608
0
Треугольники на CSS
Примеры как сделать различные вариации треугольников с помощью CSS-свойства border.
3380
+4
Выборка элементов в группе по псевдоклассам CSS
Все четные Все нечетные До третего после третего
1508
0
Ленточки и флажки для блоков на HTML/CSS
Несколько Примеров вёрстки лент и флажков на HTML и CSS.
2656
+8
Как сделать кривые границы блоков в CSS
Если вам требуется сделать границы шапки или подвала скошенными, то достаточно применить к элементу CSS-свойство...
3689
0
Изменение CSS-градиента в зависимости от положения курсора
Изменение градиента, в зависимости от положения курсора над элементом можно сделать с помощью JS, получив его...
2353
+4
Сборник анимированных градиентов
Сборник анимированных градиентов c использованием CSS keyframes.
10107
0
Разбить число на разряды при вводе в input text
При вводе длинных чисел в текстовое поле становится визуально понятнее и удобнее если числа автоматически бьются на...
2778
+6
Как отключить автозаполнение сохранённого логина и пароля в форме
При заполнении любой формы с паролем (авторизация или регистрация на сайте) браузеры предлагают сохранить введённые...
2381
+1
Отправка формы в новую вкладку браузера
Иногда возникает вопрос – как отправить HTML-форму в новую вкладку браузера, например для отдельной страницы, где будет...
2064
0
Многоуровневый select из базы данных
Примеры построения многоуровневых выпадающих списков (select option) и базы данных с применением рекурсии PHP.
7276
+3
Копирование текста на сайте с помощью Clipboard.js
Clipboard.js – мини плагин для копирования текста с сайта в буфер обмена, который не использует flash и JQuery.
3611
0
Затемнение изображения и фона с помощью CSS
Несколько примеров как затемнить изображение в свойстве background и теге img.
35901
+6
Как сделать блоки одной высоты
Самый простой способ сделать блоки с одинаковой высотой можно с помощью JQuery, к примеру возьмем следующую верстку блоков.
6506
+6
Курсоры в CSS
За вид курсора отвечает CSS свойство «cursor». Им можно задать вид из предопределённых названий курсоров, так и вывести курсор из файла.
20198
+8
Обновить страницу с помощью JS / HTML / PHP
Сборник методов для перезагрузки страницы или вкладки браузера.
88086
+5
Стилизация кнопок CSS
Стилизация ссылок и кнопок на примере разных сайтов с поддержкой разными состояний – наведение курсора, нажатие, попадание в фокус и заблокированное состояние элемента.
39267
0
Как преобразовать текст из textarea в параграфы HTML
Такой вопрос возникает при вставке текста из формы на сайт (отзывы, комментарии и т.д.) с форматированием элементом p.
5295
+1
Календарь на PHP
PHP-класс для вывода календаря на месяц, год или любой другой интервал с возможностью выделить отдельные даты и вывести к ним подсказки.
20496
+12
Как ограничить ввод данных в текстовое поле
Примеры, приведенные ниже позволят ограничить ввод символов в текстовые поле. Например, можно ограничить количество...
44388
+1
Как сделать несколько фонов в background
В CSS3 появилась возможность указать в свойстве background несколько изображений (Multiple Backgrounds), при этом они...
8986
+1