HTML:

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

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

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

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

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

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

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

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

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

Показываем картинку если flash player не установлен.

Иногда бывает полезно иметь порукой список кодов для часто используемых в HTML символов.