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

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

Сравнение ins, del и s →

html5

Еще со времен древнего HTML2 у нас появилась возможность семантически обозначать добавление и удаление информации, используя элементы <ins> и <del> соответственно. Несмотря на кажущуюся простоту, эти элементы имеют глубокий смысл, его мы рассмотрим в статье. Так же я хочу провести сравнение и сопоставление <ins> и элемента <s>, который был возвращён обратно в HTML5 из стилей шрифта.

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

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

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

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

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

Увеличить

Верстка простого меню с «наворотами» →

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

«Затухание» текста в строках таблицы →

Многие из нас пользуются почтовыми сервисами Google и Яндекса. Наверняка все замечали, как при сужении окна браузера обрезается текст в строке темы письма. На сайтах, где нужно представлять список со множеством строк и длинными надписями в них, этот прием незаменим.

5 советов верстальщику →

Перехватываю эстафету советов верстальщику  и предлагаю свои 5 пунктов, которые могут быть кому то полезными. Довольно много верстальщиков поддержали эту идею и делились своими мыслями. Надеюсь, что не повторился. Итак, мои 5 советов по html/css верстке сайтов.

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

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

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