Front-End Resources

resources.md

Design Resources

Tips

• use max width
• be careful of line length
• don’t be afraid of larger type
• use large images where possible
• use SVG where possible
• use the rule of thirds

CSS Generators

• Gradient Editor
• Box Shadow Editor

Assets

• Font Awesome
• The Noun Project
• Subtle Patterns
• Adobe Color

Google Fonts

• Google Fonts
• Font Pair

Frameworks

• Bootstrap
• Materialize CSS
• Foundation

Web Starter Kit

• Web Starter Kit

SVG

• SVGO
• SVGOMG
• Inkscape

BEM (Block Element Modifier - only for hardcore CSS people or giant amounts of style)

• BEM

Design Resources (nothing technical just inspiration)

• Dribbble
• Behance: Interactive
• Web Design Weekly

Twitter Accounts (these might be TMI)

• @CreativeReview
• @CSSLight
• @alistapart
• @designinstruct
• @Designmodo
• @uxmag