пятница, 08 апреля 2011
09:57

Понравившиеся сайты - общий склад

www.iai-jp.com/ + www.visualrepublic.net/ + www.teamfannypack.com/ - прокрутка slide
morphix.si - slider + хорошая идея неба-земли =)
www.smosh.com/ - и вот такие дизы мне очень нравятся. Когда сайт - не просто красивая картинка, а реально создает ощущение предмета/мира/существа/etc. Ну и цвета красивые, смотреть приятно =) Будем учиться у профессионалов =)
www.delibarapp.com/ - навигация О_О
www.riotindustries.com/ - двигающаяся навигация
www.ericj.se/ - аццкий интерактив =) Просто и мило, но шикааааааааарно!
www.lostworldsfairs.com/atlantis/ - креатив
www.denisechandler.com/ - отпрыгивающие вниз картинки
www.tatemae.com/ - простота, "нажимающиеся" кнопки меню, фиксированные элементы сверху и снизу
www.colly.com - гравюры и общий стиль-имитация
www.dnadarwin.org/ - стилизованный дизайн
www.wingcheng.com/ - креатив
www.thespotinferno.com/ - Графика!!! И креатив, да. Закрепленная навигационная панель и длииииииинная веб-страница. Надо так научится, красиво...
www.sproutfund.org/spring/ - цвет и расположение элементов. + любимые гравюры
www.knigi-free.ru/ - грааааафика!
loscoloresolvidados.com/ - очень красивые и приятные глазу цвета (синий+коричневый/оранжевый) и текстуры

@темы: inspiration

URL
четверг, 07 апреля 2011
13:27

CSS Image Maps with an Image Sprite

CSS Image Maps: A Beginner’s Guide


Jarod Taylor


While they may not be used as often as they once were in the heyday of table based web design, image maps can still be quite useful in situations that call for it. Unfortunately, for beginners, achieving this with CSS alone, can be a difficult concept to grasp. In this tutorial, we're not only going to get you up to speed on how to create a CSS image map, but, we're also going to take it a couple steps further and add hover states to our image map using a CSS background image sprite, as well as a "tooltip" like popup.
www.noobcube.com/tutorials/html-css/css-image-m...

@темы: css, tutorial

URL
13:07

Абсолютно позиционированный блок по центру страницы

position: absolute;
width: 100px;
left: 50%;
margin-left: -50px;

@темы: css, small useful things

URL