Design Tools

Typography

Typograph – Scale & Rhythm

Modular Scale

via Smashing Magazine New Defaults In Web Design: How Much Has The Web Really Changed?

Color

Color Scheme Designer 3

Color Pick Eye Dropper (Chrome Extension)

Subtle Patterns | Free textures

CSS3 Generators

http://www.css3.me/

http://www.createcss3.com/

http://css3please.com/

http://www.sitepoint.com/10-best-css3-code-generators/

http://css3generator.com/

http://www.colorzilla.com/gradient-editor/

Browser Test

Cross-browser testing simplified | Testing made easier in Internet Explorer | modern.IE

Research

Chrome Sniffer (Chrome Extension)

Text

Fillerati – Faux Latin is a Dead Language

Lorem Ipsum Generator – Samuel L Ipsum

Typography

abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

Butterick’s Practical Typography

Access

Glenda Watson Hyatt’s Top 7 Countdown of Common Accessibility Struggles | Bootstrappist

GenerateWP (makes code for Custom: Post Type, Taxonomy, Status, Sidebar, Menu, Shortcode)

The WordPress Template Hierarchy

Wireframes

Most wireframes are works of fantasy: more aspiration than design solution. Fantasy wireframes lead to broken experiences, unmet goals, and angry stakeholders. But content strategy can help. Learn how UX professionals can use content strategy to design user experiences that work in real life, not just in a pretty wireframe.

Wireframes Are Works of Fantasy

Examples

The Top 5 Website UX Trends of 2012

Image Effects

Before & after imgs (CSS clip w/ slider): http://wordpress.org/plugins/twentytwenty/