HTML:

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

Пример заглушки, для пользователей старых браузеров:

Допустим, нам понадобилось производить действия с картинкой, еще до того, как пользователь загрузил ее на сервер. Т.е. человек уже выбрал файл, используя input[type=file], но еще не отправил форму на сервер (не нажал button[type=submit]).

Первая мысль, что можно использовать margin, padding или варианты с position для option оказалась не верной.

Когда потребовалось выделять цветом активное поле ввода, то в Chrome цвет оказался неожиданным!

Кажется, какие тут могут быть проблемы с изменением, например, цвета текста в placeholder?
Но оказалось, что с кроссбраузерностью у них еще беда.

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

Пример такой проблемы:

Нужно разместить блок, высота которого заранее не известна,  вертикально по центру другого блока.

Довольно распространенная проблема – нужно прижать футер ("подвал сайта") к низу страницы. Это нужно на страницах с малым количеством контента. Не стоит путать этот вариант с фиксированным футером (когда, при прокрутке страницы, подвал всегда виден и прибит к нижней границе окна браузера)

Нужно было растянуть меню по ширине экрана и сделать все пункты равноудаленными.