HTML/CSS

CSS @media для мобильных, планшетов и настольных компьютеров
CSS-правило @media позволяет задать отдельные стили для элементов при просмотре сайта на разных устройствах.
253
0
Вертикальное выравнивание в блоке (Flexbox)
Для того чтобы выровнять текст или дрогой inline-элемент по высоте родителя, можно применить CSS-свойства flexbox.
517
0
Стилизация input file
Примеры изменения вида стандартного поля для загрузки файлов input type file с помощью CSS и JS.
2490
0
Проверка орфографии в браузере
В современных браузерах как правило есть модуль проверки орфографии в полях input, textarea и элементов с contenteditable=true.
658
0
Цветные SVG фильтры для элементов
Примеры наложения SVG фильтра на c содержимым через CSS-свойство filter.
1160
0
Стандартные и безопасные шрифты CSS
Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).
3714
0
Треугольники на CSS
Примеры как сделать различные вариации треугольников с помощью CSS-свойства border.
1534
+3
Выборка элементов в группе по псевдоклассам CSS
Все четные Все нечетные До третего после третего
785
0
Ленточки и флажки для блоков на HTML/CSS
Несколько Примеров вёрстки лент и флажков на HTML и CSS.
1620
+7
Как сделать кривые границы блоков в CSS
Если вам требуется сделать границы шапки или подвала скошенными, то достаточно применить к элементу CSS-свойство...
2103
0
Изменение CSS-градиента в зависимости от положения курсора
Изменение градиента, в зависимости от положения курсора над элементом можно сделать с помощью JS, получив его...
1559
+2
Сборник анимированных градиентов
Сборник анимированных градиентов c использованием CSS keyframes.
2899
0
Разбить число на разряды при вводе в input text
При вводе длинных чисел в текстовое поле становится визуально понятнее и удобнее если числа автоматически бьются на...
1541
+5
Как отключить автозаполнение сохранённого логина и пароля в форме
При заполнении любой формы с паролем (авторизация или регистрация на сайте) браузеры предлагают сохранить введённые...
1210
+3
Отправка формы в новую вкладку браузера
Иногда возникает вопрос – как отправить HTML-форму в новую вкладку браузера, например для отдельной страницы, где будет...
1302
0
Многоуровневый select из базы данных
Примеры построения многоуровневых выпадающих списков (select option) и базы данных с применением рекурсии PHP.
5321
+3
Копирование текста на сайте с помощью Clipboard.js
Clipboard.js – мини плагин для копирования текста с сайта в буфер обмена, который не использует flash и JQuery.
2298
0
Затемнение изображения и фона с помощью CSS
Несколько примеров как затемнить изображение в свойстве background и теге img.
18337
+4
Как сделать блоки одной высоты
Самый простой способ сделать блоки с одинаковой высотой можно с помощью JQuery, к примеру возьмем следующую верстку блоков.
5500
+6
Курсоры в CSS
За вид курсора отвечает CSS свойство «cursor». Им можно задать вид из предопределённых названий курсоров, так и вывести курсор из файла.
13237
+5
Обновить страницу с помощью JS / HTML / PHP
Сборник методов для перезагрузки страницы или вкладки браузера.
72752
+7
Стилизация кнопок CSS
Стилизация ссылок и кнопок на примере разных сайтов с поддержкой разными состояний – наведение курсора, нажатие, попадание в фокус и заблокированное состояние элемента.
30252
0
Как преобразовать текст из textarea в параграфы HTML
Такой вопрос возникает при вставке текста из формы на сайт (отзывы, комментарии и т.д.) с форматированием элементом p.
4702
+1
Календарь на PHP
PHP-класс для вывода календаря на месяц, год или любой другой интервал с возможностью выделить отдельные даты и вывести к ним подсказки.
17489
+10
Как ограничить ввод данных в текстовое поле
Примеры, приведенные ниже позволят ограничить ввод символов в текстовые поле. Например, можно ограничить количество...
35560
+1
Как сделать несколько фонов в background
В CSS3 появилась возможность указать в свойстве background несколько изображений (Multiple Backgrounds), при этом они...
6952
+1
Фильтр файлов по расширению у input file
Атрибут accept в устанавливает фильтр на типы файлов в окне выбора файла.
10730
0
Оформление placeholder разными стилями
Если требуется полностью изменить цвет или шрифт подсказки placeholder, то подойдет свойство ::placeholder, но в...
5839
-2
Текст в три колонки
Примеры, как вывести текст в три колонки одинаковой ширины и отступом между ними с помощью разных CSS-свойств.
13687
0
Эффекты анимации на CSS animation keyframes
Сборник примеров анимации на CSS 3 Animation.
20639
+4