HTML/CSS

CSS-стили для маркированных списков
Несколько способов изменения вида маркированных списков (ul il).
283
-1
Как найти координату точки на отрезке
Имеем отрезок AB с координатам x1,y1 и x2, y2:
406
0
Знак рубля в HTML/CSS
Во многих шрифтах уже есть символ рубля, достаточно вставить символ «₽».
6764
0
Select для выбора страны (PHP + MySQL)
Несколько вариаций выпадающего списка (select option) стран мира с флагами Emoji на русском, английском и национальном...
1244
0
Сборник популярных веб-шрифтов
Сборник кириллических шрифтов в форматах eot, ttf, woff, woff2 и подключение их в CSS (@font-face).
3903
+1
Подчеркивание ссылок другим цветом CSS
Пара примеров как сделать подчеркивание ссылок другим цветом, отличным от цвета текста.
672
+3
CSS @media для мобильных, планшетов и настольных компьютеров
CSS-правило @media позволяет задать отдельные стили для элементов при просмотре сайта на разных устройствах.
3998
+2
Вертикальное выравнивание в блоке (Flexbox)
Для того чтобы выровнять текст или дрогой inline-элемент по высоте родителя, можно применить CSS-свойства flexbox.
2652
0
Стилизация input file
Примеры изменения вида стандартного поля для загрузки файлов input type file с помощью CSS и JS.
22731
+7
Проверка орфографии в браузере
В современных браузерах как правило есть модуль проверки орфографии в полях input, textarea и элементов с contenteditable=true.
1648
+1
Цветные SVG фильтры для элементов
Примеры наложения SVG фильтра на div c содержимым через CSS-свойство filter.
2513
+1
Стандартные и безопасные шрифты CSS
Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).
17205
0
Треугольники на CSS
Примеры как сделать различные вариации треугольников с помощью CSS-свойства border.
4939
+5
Выборка элементов в группе по псевдоклассам CSS
Все четные Все нечетные До третего после третего
2931
0
Ленточки и флажки для блоков на HTML/CSS
Несколько Примеров вёрстки лент и флажков на HTML и CSS.
3625
+7
Как сделать кривые границы блоков в CSS
Если вам требуется сделать границы шапки или подвала скошенными, то достаточно применить к элементу CSS-свойство...
5421
0
Изменение CSS-градиента в зависимости от положения курсора
Изменение градиента, в зависимости от положения курсора над элементом можно сделать с помощью JS, получив его...
3352
+4
Сборник анимированных градиентов
Сборник анимированных градиентов c использованием CSS keyframes.
14021
0
Разбить число на разряды при вводе в input text
При вводе длинных чисел в текстовое поле становится визуально понятнее и удобнее если числа автоматически бьются на...
4235
+7
Как отключить автозаполнение сохранённого логина и пароля в форме
При заполнении любой формы с паролем (авторизация или регистрация на сайте) браузеры предлагают сохранить введённые...
3586
+1
Отправка формы в новую вкладку браузера
Иногда возникает вопрос – как отправить HTML-форму в новую вкладку браузера, например для отдельной страницы, где будет...
3083
0
Многоуровневый select из базы данных
Примеры построения многоуровневых выпадающих списков (select option) и базы данных с применением рекурсии PHP.
8851
+3
Копирование текста на сайте с помощью Clipboard.js
Clipboard.js – мини плагин для копирования текста с сайта в буфер обмена, который не использует flash и JQuery.
4780
+1
Затемнение изображения и фона с помощью CSS
Несколько примеров как затемнить изображение в свойстве background и теге img.
56755
+13
Как сделать блоки одной высоты
Самый простой способ сделать блоки с одинаковой высотой можно с помощью JQuery, к примеру возьмем следующую верстку блоков.
7174
+6
Курсоры в CSS
За вид курсора отвечает CSS свойство «cursor». Им можно задать вид из предопределённых названий курсоров, так и вывести курсор из файла.
28068
+8
Обновить страницу с помощью JS / HTML / PHP
Сборник методов для перезагрузки страницы или вкладки браузера.
103723
+6
Стилизация кнопок CSS
Стилизация ссылок и кнопок на примере разных сайтов с поддержкой разными состояний – наведение курсора, нажатие, попадание в фокус и заблокированное состояние элемента.
48287
-1
Как преобразовать текст из textarea в параграфы HTML
Такой вопрос возникает при вставке текста из формы на сайт (отзывы, комментарии и т.д.) с форматированием элементом p.
5883
+1
Календарь на PHP
PHP-класс для вывода календаря на месяц, год или любой другой интервал с возможностью выделить отдельные даты и вывести к ним подсказки.
23933
+10