[Видео]Смертельные техники CSS. Три состояния навигационного меню (CSS sprites).

[SunTzu]

Сделано: Для просмотра ссылки Войди или Зарегистрируйся

Довольно видеоуроков для новичков! Пора заняться серьезными вещами.

Короче говоря, в видео объясняется, как сделать три состояния (normal, hover/rollover, active) для навигационного меню с помощью техники CSS sprites, которая позволит вам уменьшить запросы к северу в тысячи раз и избежать всяческих подзагрузок и торможений (примеры в видео).

Урок состоит из введения, подготовки изображения в Photoshop и верстки XHTML+CSS. В конце происходит нечто ужасное (я не шучу!).

Подробнее Для просмотра ссылки Войди или Зарегистрируйся. Комменатрии и критику, пожалуйста, сюда же.

Для просмотра ссылки Войди или Зарегистрируйся

Смотреть урок на Youtube (используйте HD для разрешения 1024*768).

Интро
[YOUTUBE]ApZ1apw9Z6Y[/YOUTUBE]

Photoshop
[YOUTUBE]zz0ep2ZJ1OI[/YOUTUBE]

XHTML+CSS - часть 1
[YOUTUBE]A3Zq3s3yVAY[/YOUTUBE]


XHTML+CSS - часть 2
[YOUTUBE]gF0KEouYQb4[/YOUTUBE]

 

[mxa]

Какой наглый реклама, просто ужасть берет.

 

[and77st]

Какой наглый реклама, просто ужасть берет.

да ладно хороший блог, автор бодряк и молодец, подача в видео на 5+, грамотная речь, не чмокает, не мямлет. Занес в закладки, пойду дальше смотреть...
Зы: досмотрел LOL

 

[SunTzu]

Какой наглый реклама, просто ужасть берет.

простите, но реклама чего?

 

[NoN]

Очень старая техника, но ролики нормальные, приятно смотреть и слушать =), конечно на 4 ролика разбивать это не стоило, зато все разжеванно.

Использую эту вафлю на сайтах галер что бы уменьшить кол-во запросов и трафик, php склеивает тумбы в 1 файл, и выводится как показанно в ролике..

 

[l00n]

Хорошая задумка, в плане продвижения своих услуг.
Мне не очень понравилась палитра блога (((.
У твоих конкурентов с запада попозитивней будет _http://www.cssninjas.com/.
А в общем все классно.

 

[SunTzu]

Хорошая задумка, в плане продвижения своих услуг.
Мне не очень понравилась палитра блога (((.
У твоих конкурентов с запада попозитивней будет _http://www.cssninjas.com/.
А в общем все классно.

Сколько людей, столько и вкусов

 

[campus]

Ну насколько оно быстрее будет?

В нивидимые блоки, вне тегов body на CSS подгружаем все картинки... Картинки ведь кэшируются браузерами...

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

 

[bigboss]

автор шустро редактирует, а что за у него редактор кто нибудь знает?

 

[Смоленский]

1. Хостинг должен поддерживать SSI, а то спросите у суппорта: у вас инклюд поддерживается
2. text-indent, зло есть способы отображать текст за место изображений если они не загрузились.