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

Тема в разделе "Веб-дизайн", создана пользователем SunTzu, 1 апр 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. SunTzu

    SunTzu Создатель

    Регистр.:
    21 фев 2009
    Сообщения:
    25
    Симпатии:
    1
    Сделано: CSS Ninja

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

    Короче говоря, в видео объясняется, как сделать три состояния (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]
     
  2. mxa

    mxa Постоялец

    Регистр.:
    7 июн 2008
    Сообщения:
    133
    Симпатии:
    37
    Какой наглый реклама, просто ужасть берет.
     
  3. and77st

    and77st Постоялец

    Регистр.:
    23 апр 2008
    Сообщения:
    133
    Симпатии:
    60
    да ладно :) хороший блог, автор бодряк и молодец, подача в видео на 5+, грамотная речь, не чмокает, не мямлет. Занес в закладки, пойду дальше смотреть...
    Зы: досмотрел LOL
     
  4. SunTzu

    SunTzu Создатель

    Регистр.:
    21 фев 2009
    Сообщения:
    25
    Симпатии:
    1
    простите, но реклама чего?
     
  5. NoN

    NoN Постоялец

    Регистр.:
    25 ноя 2008
    Сообщения:
    79
    Симпатии:
    33
    Очень старая техника, но ролики нормальные, приятно смотреть и слушать =), конечно на 4 ролика разбивать это не стоило, зато все разжеванно.

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

    l00n Прохожие

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

    SunTzu Создатель

    Регистр.:
    21 фев 2009
    Сообщения:
    25
    Симпатии:
    1
    Сколько людей, столько и вкусов :)
     
  8. campus

    campus

    Регистр.:
    2 авг 2008
    Сообщения:
    154
    Симпатии:
    35
    Ну насколько оно быстрее будет?

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

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

    bigboss

    Регистр.:
    21 авг 2008
    Сообщения:
    161
    Симпатии:
    7
    автор шустро редактирует, а что за у него редактор кто нибудь знает?
     
  10. Смоленский

    Смоленский

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