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

Блог о верстке сайтов. Для начинающих верстальщиков и верстальщиков-виртуозов. Только HTML и CSS, ничего лишнего.
Вы любите блочную верстку - тогда этот блог для вас!

CSS адаптация устройства через @viewport →

Когда мы хотим настроить окно браузера на нашем устройстве, мы, как правило, используем HTML тег <meta name="viewport">. Однако, как ни странно, мета-тег не является «нормативным» — его нет в официальном стандарте W3C.

Мета-тег viewport был впервые внедрён компанией Apple в iPhone, а затем и другими поставщиками браузеров. Сегодня он широко используется благодаря популярности iOS, Android и других платформ для планшетов и смартфонов.

Так как мета-тег viewport предназначен исключительно для настройки разметки, можно сказать, что он по праву относится к CSS. Именно поэтому W3C стремится стандартизировать новый метод адаптации, при котором управление окном переносится из HTML в CSS.

Ошибки верстальщиков при написании css →

Разберём ошибки, которые порой допускают как начинающие так и опытные html-верстальщики при  написании css. Ведь совершенствоваться никогда не поздно.

Это не баг, это фича! →

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

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

Верстальщик-виртуоз. Задание 4 →

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

У кого спрайт лучше? →

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

Блочная верстка CSS →

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

Увеличить

Подпишитесь!

Внимание! АКЦИЯ!

Вступите в группу Вконтакте и получите бесплатную консультацию по верстке. Расскажите друзьям про группу и получите 5% скидку на услуги Webmolot.com