HTML/CSS

БЭМ — методология, разработанная Яндексом для ускорения разработки, читаемости и повторного использования HTML/CSS кода.

Несколько способов изменения вида маркированных списков (ul il).

Имеем отрезок AB с координатам x1,y1 и x2, y2:

Во многих шрифтах уже есть символ рубля, достаточно вставить символ «₽».

Несколько вариаций выпадающего списка (select option) стран мира с флагами Emoji на русском, английском и национальном...

Сборник кириллических шрифтов в форматах eot, ttf, woff, woff2 и подключение их в CSS (@font-face).

Пара примеров как сделать подчеркивание ссылок другим цветом, отличным от цвета текста.

CSS-правило @media позволяет задать отдельные стили для элементов при просмотре сайта на разных устройствах.

Для того чтобы выровнять текст или дрогой inline-элемент по высоте родителя, можно применить CSS-свойства flexbox.

Примеры изменения вида стандартного поля для загрузки файлов input type file с помощью CSS и JS.

В современных браузерах как правило есть модуль проверки орфографии в полях input, textarea и элементов с contenteditable=true.

Примеры наложения SVG фильтра на div c содержимым через CSS-свойство filter.

Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).

Примеры как сделать различные вариации треугольников с помощью CSS-свойства border.

Все четные Все нечетные До третего после третего

Несколько Примеров вёрстки лент и флажков на HTML и CSS.

Если вам требуется сделать границы шапки или подвала скошенными, то достаточно применить к элементу CSS-свойство...

Изменение градиента, в зависимости от положения курсора над элементом можно сделать с помощью JS, получив его...

Сборник анимированных градиентов c использованием CSS keyframes.

При вводе длинных чисел в текстовое поле становится визуально понятнее и удобнее если числа автоматически бьются на...

При заполнении любой формы с паролем (авторизация или регистрация на сайте) браузеры предлагают сохранить введённые...

Иногда возникает вопрос – как отправить HTML-форму в новую вкладку браузера, например для отдельной страницы, где будет...

Примеры построения многоуровневых выпадающих списков (select option) и базы данных с применением рекурсии PHP.

Clipboard.js – мини плагин для копирования текста с сайта в буфер обмена, который не использует flash и JQuery.

Несколько примеров как затемнить изображение в свойстве background и теге img.

Самый простой способ сделать блоки с одинаковой высотой можно с помощью JQuery, к примеру возьмем следующую верстку блоков.

За вид курсора отвечает CSS свойство «cursor». Им можно задать вид из предопределённых названий курсоров, так и вывести курсор из файла.

Сборник методов для перезагрузки страницы или вкладки браузера.

Стилизация ссылок и кнопок на примере разных сайтов с поддержкой разными состояний – наведение курсора, нажатие, попадание в фокус и заблокированное состояние элемента.

Такой вопрос возникает при вставке текста из формы на сайт (отзывы, комментарии и т.д.) с форматированием элементом p.