Archive

Archive for the ‘css’ Category

one.web2.com.ua – ускорение закрузки

January 26th, 2011 No comments

На днях решил написать парочку целей для Ant’а, а на чём же пробовать и тестировать, как не на своих проектиках. В качестве полигона взял свой one.web2.com.ua и описал систему сборки для этого проекта. Теперь сайт должен грузится быстро и все изменения в стилях будут применяться автоматом. Что же я опритимизировал:

  1. Все стили CSS собираются в один файл и сжимаются yuicompressor.
  2. Все Javascript-файлы собираются в один и тем же жжымаются.
  3. Все библиотеки Javascript ( jQuery, jQuery UI ) просто собираются в один файл и будут перегружаться только, когда будут обновлены, а не при каждой сборке.
  4. Zend Framefork файлы собираются в один и только нужные классы. Как я это сделал, напишу попозже.
  5. Все классы моего фреймворка тоже, как и ZF, собираются в одном файле. Так как one.web2.com.ua состоит с одного контроллера, то он тоже склеен. Как вывод, подключаются только 2 файла PHP.
  6. Когда меняю что-то в стилях, это сразу применяется на сайте, потому что система применяет трюк с версиями ;)

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

CSS3: Колонки

June 1st, 2010 No comments

Когда-то пробывали сверстать текст или список чего-то в типографские 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.
Categories: css, вёрстка Tags: ,

Простой progress bar

November 6th, 2007 No comments

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

  • progress

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

Read more…

Categories: css, верстка, интернет Tags:

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

June 12th, 2007 6 comments

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