HTML/CSS

Методология БЭМ (BEM)
БЭМ — методология, разработанная Яндексом для ускорения разработки, читаемости и повторного использования HTML/CSS кода.
193
0
CSS-стили для маркированных списков
Несколько способов изменения вида маркированных списков (ul il).
17707
+2
Как найти координату точки на отрезке
Имеем отрезок AB с координатам x1,y1 и x2, y2:
2035
+1
Знак рубля в HTML/CSS
Во многих шрифтах уже есть символ рубля, достаточно вставить символ «₽».
18971
-1
Select для выбора страны (PHP + MySQL)
Несколько вариаций выпадающего списка (select option) стран мира с флагами Emoji на русском, английском и национальном...
2807
-3
Сборник популярных веб-шрифтов
Сборник кириллических шрифтов в форматах eot, ttf, woff, woff2 и подключение их в CSS (@font-face).
11715
+2
Подчеркивание ссылок другим цветом CSS
Пара примеров как сделать подчеркивание ссылок другим цветом, отличным от цвета текста.
1864
0
CSS @media для мобильных, планшетов и настольных компьютеров
CSS-правило @media позволяет задать отдельные стили для элементов при просмотре сайта на разных устройствах.
11203
-1
Вертикальное выравнивание в блоке (Flexbox)
Для того чтобы выровнять текст или дрогой inline-элемент по высоте родителя, можно применить CSS-свойства flexbox.
5213
-1
Стилизация input file
Примеры изменения вида стандартного поля для загрузки файлов input type file с помощью CSS и JS.
45975
+7
Проверка орфографии в браузере
В современных браузерах как правило есть модуль проверки орфографии в полях input, textarea и элементов с contenteditable=true.
2692
0
Цветные SVG фильтры для элементов
Примеры наложения SVG фильтра на div c содержимым через CSS-свойство filter.
4031
0
Стандартные и безопасные шрифты CSS
Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).
35695
+1
Треугольники на CSS
Примеры как сделать различные вариации треугольников с помощью CSS-свойства border.
8948
+5
Выборка элементов в группе по псевдоклассам CSS
Все четные Все нечетные До третего после третего
6544
-1
Ленточки и флажки для блоков на HTML/CSS
Несколько Примеров вёрстки лент и флажков на HTML и CSS.
5713
+7
Как сделать кривые границы блоков в CSS
Если вам требуется сделать границы шапки или подвала скошенными, то достаточно применить к элементу CSS-свойство...
8707
0
Изменение CSS-градиента в зависимости от положения курсора
Изменение градиента, в зависимости от положения курсора над элементом можно сделать с помощью JS, получив его...
5182
+6
Сборник анимированных градиентов
Сборник анимированных градиентов c использованием CSS keyframes.
22070
-2
jQuery - Разбить число на разряды при вводе в input text
При вводе длинных чисел в текстовое поле становится визуально понятнее и удобнее если числа автоматически бьются на...
7365
+5
Как отключить автозаполнение сохранённого логина и пароля в форме
При заполнении любой формы с паролем (авторизация или регистрация на сайте) браузеры предлагают сохранить введённые...
5618
+1
Отправка формы в новую вкладку браузера
Иногда возникает вопрос – как отправить HTML-форму в новую вкладку браузера, например для отдельной страницы, где будет...
4912
-1
Многоуровневый select из базы данных
Примеры построения многоуровневых выпадающих списков (select option) и базы данных с применением рекурсии PHP.
11697
+3
Копирование текста на сайте с помощью Clipboard.js
Clipboard.js – мини плагин для копирования текста с сайта в буфер обмена, который не использует flash и JQuery.
7124
0
Затемнение изображения и фона с помощью CSS
Несколько примеров как затемнить изображение в свойстве background и теге img.
93264
+14
Как сделать блоки одной высоты
Самый простой способ сделать блоки с одинаковой высотой можно с помощью JQuery, к примеру возьмем следующую верстку блоков.
8535
+4
Курсоры в CSS
За вид курсора отвечает CSS свойство «cursor». Им можно задать вид из предопределённых названий курсоров, так и вывести курсор из файла.
42832
+9
Обновить страницу с помощью JS / HTML / PHP
Сборник методов для перезагрузки страницы или вкладки браузера.
128164
+6
Стилизация кнопок CSS
Стилизация ссылок и кнопок на примере разных сайтов с поддержкой разными состояний – наведение курсора, нажатие, попадание в фокус и заблокированное состояние элемента.
64658
-1
Как преобразовать текст из textarea в параграфы HTML
Такой вопрос возникает при вставке текста из формы на сайт (отзывы, комментарии и т.д.) с форматированием элементом p.
7080
+2