Hacker News new | past | comments | ask | show | jobs | submit login

how are these done? is the vector part that they're svg rather than gif, or are the actually created using scripts in the browser?

[edit: i keep checking out sites in the list using firebug. i'm not a ui person, but i am trying to learn. this looks complicated. is javascript inserting the images?]




For the most part they're images created in a program like Adobe Illustrator, then converted to gif or jpg and placed on the site via CSS. In some of them, the images are used as cels in Flash. The web technology aspect is (for the most part) not especially complicated; the point is to draw attention to the use of illustration as a design element.

One exception to the above is http://www.volll.com, which has some nifty JavaScript animations.

Edit: sorry, cross-posted with you.


ok, here's one simple case: http://www.glazaros.com/

div backgrounds are jpg's.

same for http://www.digitaldevotion.de/ and others.

ok, so it turns out very few are hella complicated. i'm really interested in figuring out http://www.mirasim.com/ if anyone has some tips.

[edit: nope. mirasim is also background jpg's in divs using css. ok. that was easy. pick a static layout and stick with it!]


Mirasim is just a background image in CSS. You can see the image alone here: http://www.mirasim.com/images/page_top.jpg The Firefox Web Developer plugin is useful for taking sites apart like this ...




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: