Блог. Я люблю CSS!

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

Но как ни странно, иногда эти самые неприятные баги могут приятно удивить верстальщиков, заставить их подскочить с кресла и воскликнуть: “Это не баг, это фича!”

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

Думаю, не стоит объяснять, насколько полезными иногда бывают спрайты. В умелых руках спрайты делают чудеса. Применение у них достаточно широкое. В спрайты можно объединять мелкие изображения, тем самым уменьшая количество запросов к ним. В спрайты можно и нужно объединять картинки для роловера (эффект смены изображения при наведении). Но какие технологии создания CSS спрайта используются в верстке сейчас, у кого спрайт лучше?

В прошлом месяце проводился конкурс на лучший дизайн для блочной верстки сайта. Прислано 28 макетов, из которых я выбрал один наиболее интересный, подходящий под мои требования. На примере этого макета, довольно простого, но «приятного на ощупь», мы разберем основы правильной css верстки сайта.

1. наворот – универсальный разделитель между пунктами меню
2. наворот – универсальная ширина пунктов меню
3. наворот – универсальный активный пункт меню