HTML/CSS

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

Отцентрованные шаблоны для десктопной версии с фиксированной шириной 960px и прижатым подвалом. Хорошо подходят для лэндингов т.к. есть возможность сделать разноцветные блоки на всю ширину окна.

Вёрстка контролов оценки и показа рейтинга без изображений и JS.

Простой способ прижать footer к низу окна при малой высоте контента. HTML-верстка следующая...

Разметка «BlogPosting» является наследником «Article» и говорит о том, что представленная информация представляет собой...

Несколько примеров как зачеркнуть текст по диагонали с помощью псевдоэлементов CSS :before и :after.

Первыми тегами для зачёркнутого текста были strike и s. C приходом HTML 4 их использование стало осуждается, а в HTML 5 их вовсе запретили.

В CSS3 появилось свойство animation, с помощью которого можно задать элементу скорость и параметры изменения других...

CSS-свойство display table и другие, делают вывод группы элементов подобно таблице, но с ограничением – объединения ячеек colspan и rowspan не поддерживаются.

«Хлебные крошки» или «навигационная цепочка» – это список ссылок, которые показывают вложенность страницы на сайте.

Все чаще на сайтах появляются диалоги «Мы используем cookie-файлы...», зачем это делают? Cookies, IP-адреса относятся к...

Цель сброса стилей состоит в том, чтобы уменьшить разность отступов, размеров шрифтов заголовков и т.д. заданных по умолчанию в разных браузерах.

Несколько способов как сделать выделение ячеек и рамок таблицы при наведении курсора. Во всех примерах верстка таблиц...

Пример, как сделать Яндекс карту не прямоугольной формы т.е. наложить изображение (маску) по верх карты со сохранением...

Пример верстки слайдера на плагине bxSlider, который растягивается на всю ширину сайта, оставляя по центру...

Подборка необычных градиентов CSS3 показывающая все возможности linear-gradient.

С фоном у текста есть проблема – у элемента с display: inline при переносах текста не работают отступы (padding) по бокам. Исправить это можно следующими способами.

Список параметров для настройки функций плеера YouTube, полное описание в документации на developers.google.com.

Несколько примеров как сделать кнопки прокрутки страницы вверх и вниз. Для скроллинга используется jQuery функция...

Несколько примеров изменения вида радио кнопок на чистом CSS. Единственное неудобство метода в том, что приходится указывать уникальные id.

Если у указать width 100%, то он растянется на всю ширину родителя, но height 100% так не работает.

Сделать галерею которая заполнит все пространство фотографиями разного размера можно с помощью jQuery плагина...

Несколько примеров как задать стили у нумерации списков с применением счетчика counter и псевдоэлемтов :before и...

Две мини функции которые облегчают выделения полей select, radio и checkbox до и после отправки форм.

Добавить стрелки к блоку можно с помощью псевдо-элемента :before.

В продолжении первой части, примеры как добавить стрелки к блоку с рамкой. Используются оба псевдо-элемента :before и :after.

Свойство list-style-type: decimal-leading-zero добавит ведущие нули к нумерации списка.

HTML ссылки для открытия чата и других функций популярных мессенджеров.

С появлением атрибута download у ссылок, появилась возможность указать браузеру что файл в href нужно сохранить на...

jQuery UI Accordion функциональный плагин аккордеона. Рассмотрим примеры использования.