Archive

Archive for the ‘css’ Category

CSS3: Колонки

June 1st, 2010

Когда-то пробывали сверстать текст или список чего-то в типографские 2-3-3*10^6 колонки? Ещё тот гемор та проблема, правда? Но с приходом коммунизма CSS3 жить станет проще (когда все  браузеры  будут называть свойства одинаково ).

Вот что, больше для себя, заметил в CSS3:


#container p {
	-webkit-column-count: 3; //умри ересь!
	-webkit-column-gap: 10px;

	-moz-column-count: 3; //умри ересь!
	-moz-column-gap: 10px;

	column-count: 3;
	column-gap: 10px;
}
  • column-count: The desired number of columns for the element.
  • column-gap: The padding between each column.
  • column-rule: The divider for each column; can be used to specify a border.
  • column-width: Used to specifically state the width of each column.

wert2all css, вёрстка ,

Простой progress bar

November 6th, 2007

Надо сделать вот такой прогресс-бар. При этом просто со стороны верстки, так и чтобы изменения процентов не вело к заумному программированию.

  • progress

Изобретать велосипед тут не надо.

Read more…

wert2all css, верстка, интернет

Фреймворк для дизайнеров [слишком вольный перевод]

June 12th, 2007

A List Apart LogoДавайте, меня линчуем и повесим на самом высоком суку! Я решил (в основном, для набора практики) перевести статью c “A List Apart”. Перевод будет точно корявым и плохим, так как я знаю английский точно на 2 по 12-и бальной системе. Кому не нравится – камменты, а я буду переводить для себя и для своей девушки. Всё. Начну. Read more…

wert2all css, верстка, интернет, перевод