CDE 140 - Digital Translation - Spring 2015 | Professor Josh Miller

Inspiration sites

Galleries for Inspiration

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

Analysis/Examples of Trends

Smashing Magazine
Web Design Trends (that you should break?)
Industry Trends

font resources

Free Font Downloads

league of moveable type - open source fonts
lost type
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

Hand-Coding HTML/CSS

CSS/XHTML Cheat Sheet (pdf)
CSS Cheat Sheet (pdf)

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

browser stack - the only one of these sites worth using...
Overview of tools
adobe browser labs - now integrated in DW CS5 (requires login)
browsershots
browser sandbox - pc only, runs diff versions of browsers without install
browsersize - standard browser size/resolution charts

gallery scripts

lightbox 2
shadowbox (down) Download Docs
nivo slider (click download zip) Documentation
Stupid simple jQuery accordion

freelance

css3 & other great stuff

CSS 3 code breakdown (useful resource)
CSS3 Propery Generator
pseudo element stuff (:before :after, also not css3)
Nth child stuff (not actually css3)
CSS3 Magic- Holy Shit. Incredible.
dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com
Rounded Corner Generator
5 CSS3 Properites - note rotate property
Simple Gradient Generator
CSS3 Gradient Generator
Yet another gradient generator
Lettering.js
Typography Inspiration
Speech Bubbles
CSS3 Menu Animation
Simple Animated Scene
Shapes in CSS3
3d Text
parallax.js
Parallaxin'
jarallax
parallax background builder
superscrollorama (parallax for scrolling!)

misc

useful css snippets - some great stuff here
uncollapsing margins - div peculiarities
1024x768 bookmarlet - autoresizes brower
Stylizing Nav Bar w/ UL's

Project Submissions

Course Documents

Div Demo 1 (ZIP)
Div Demo 2 (ZIP)
Simple XHTML 1.0 Template
HTML 5 Template related: Boilerplate & modernizr
Design and a little bit of usability lecture (PDF)
Drop-down menu from Simple Drop Down tutorial
Sample Contract
Galleria sample html
Old Nivo Slider style pack