Awesome

Awesome Design

An ever-growing/changing collection of tools, resources, tutorials, guidelines and examples for digital designers.

• Resources
  • General Resources
  • Colors
  • CSS
  • Grids/Structure
  • Icons & Entities
  • Images
  • Typography
• Bookmarklets
  • General Extensions
  • Chrome-Only Extensions
• Videos
• Books
• Demos
• Examples
  • General
  • Typographic
• Guidelines
• Other Lists
• Contribution

Resources

General Resources

• 16:9 Aspect Ratio Calculator
• Character Entities
• Convert Case
• Cursors - All available cursors
• Domainr (vanity url finder)
• Entity Conversion Calculator
• iPhone Resolution
• PXtoEM
• The Ultimate Guide To iPhone Resolutions
• Visual Designers Checklist for the Web
• Word Counter

Colors

• 0 to 255
• Adobe Kuler
• Color Brewer (for maps)
• Color Lovers
• Color Scheme Designer
• Hex to RGBA
• Paletton - The Color Scheme Designer
• Rainbow Text Maker
• The Day’s Color
• Ultimate CSS Gradient Generator

CSS

• CSS Beautifier
• CSS Border Radius
• CSS clip-path maker
• CSS Color Names
• CSS FilterLab
• CSS Values

Grids/Structure

• 960 Grid Generator
• Grid Calculator
• Responsive Grid System

Icons & Entities

• App Icon Template
• CopyPasteCharacter (HTML Entities)
• Favicon Generator
• iOS 7 App Icon Template for Obsessive Designers
• Loading GIF Generator
• Ready to use SVG icons for the web
• The Noun Project

Images

• LICEcap: simple animated screen captures
• PLACEHOLD.IT
• PlaceKitten
• ZorroSVG - The transparency of PNGs for the file size of JPEGs

Typography

• Font Stacks 1
• Font Stacks 2
• Golden Ratio Typography Calculator
• Google Web Fonts
• Gridlover (tool to establish a typographic system with modular scale and vertical rhythm)
• I Font You: Find Great Font Combinations
• Jan Tschichold’s Penguin Composition Rules adapted for web writing
• Medium-style customizable, retina-pixel underlining
• Modular Scale
• Normalize-OpenType.css
• Open Typography: Font List (fonts with OpenType features)
• Scale & Rhythm
• Spaces - from zero-width to em space
• The State of Web Type
• Type Connection: Matches
• Type Genius
• Type Scale
• Typekit Lists
• Web Font Combinator

Bookmarklets

General Extensions

• ColorZilla
• Colorize Text Between 45-75 Characters
• RWD Bookmarklet
• Type Sample
• WhatFont

Chrome-Only Extensions

• Webpage Screenshot

Videos

• TK

Books

• TK

Demos

• TK

Examples

General

• TK

Typographic

• Beautiful Web Type (Google Fonts)
• Google Web Fonts Typographic Project
• Just My Type (font pairings)
• Typ.io - Fonts that go together
• Typewolf

Guidelines

• TK

Other Lists

• Frontend Development
• Awesome Awesomeness
• Awesome

Contribution

Please contribute! We all get better when we do it together.