DES 170 - Fall 2011 Professor Josh Miller

inspiration sites

Galleries of Inspiration

design shack
site inspire
design meltdown (classic - some links may be dated)

Analysis/Examples of Trends

30 clean sites
Typography in Web Design
Layout techniques that work
Best designs of 2010
2010 web design trends
textures in web design
smashing magzine fresh clean designs
current styles in web design
30 inspiring layouts - very unique
30 lighting effects layouts
watercolor layouts
illustrated headlines
paper textures in web design
image backgrounds in web design
smashing mag 2009 web design trends - part 1, part 2
real life metaphors (usability study & examples)

font resources

Free Font Downloads

league of moveable type - open source fonts (ttf format)
da font
urban fonts
acid fonts

Font Embed Links

font squirrel - generate @font-face emebds
smashing mag future of css typography
breakdown of @font-face details
sifr3 - flash font replacement

color resources

adobe kuler- trending & compatible color schemes
colour lovers

stock photos

stock exchange - l: jmil, p: stock
stockvault
every stock photo
mayang textures - background images

browser checks

Overview of tools
adobe browser labs - now integrated in DW CS5 (requires login)
browser stack - new "live" browser check
browsershots
browser sandbox - pc only, runs diff versions of browsers without install
browsersize - standard browser size/resolution charts

gallery scripts

lightbox 2
shadowbox
nivo slider
mootools accordion - this web page is using one.
jcarousel
galleria
3d slider whoa.
AMAZING gallery tutorials
thickbox - a lightbox/shadowbox variant
fancyzoom
smashing mag slideshows in web design examples
jquery sliders
jquery slideshow
more carousels
thumbnail hover gallery
anything slider

freelance

portfolios

Photoshop Portfolio Tutorial
the survey for people who make websites 2009
12 Tips for Great Portfolio Site
Simple Design Techniques to improve portfolio
50 Fresh Portfolio Websites

Examples (many more in Portfolio Presentation PDF)

misc

uncollapsing margins - div peculiarities
1024x768 bookmarlet - autoresizes brower
Stylizing Nav Bar w/ UL's

css3