Visual Design Resources
Typography
- Google Fonts - free (read: legal) and easy
- Closest Google Font - list of common fonts' Google Font equivalent
- Google Font Pairings - tasteful combinations of Google Fonts
Color Theory / Schemes
- Color Contrast Ratio - Calculator for good color contrast
- Color Psychology - the emotional effects of color
- Color Theory - basic overview of how colors relate
- Pantone Color Trends - trends for Fall 2015
- Adobe Color Schemes - plethora of premade schemes
CSS Tools
- Hex Code Blender - find a midpoint between two colors
- CSS Zen Garden - wonderfully complex layout examples
- CSS-Tricks - great resource for troubleshooting
CSS Frameworks
- Frontend Framework Comparison - good list of frontend frameworks
- Bootstrap - one of the most commonly used frameworks; very powerful and quick
- Materialize - unique alternative to Bootstrap with additional features
- Kube - simple, clean, square interface
- Semantic UI - robust, feature-heavy framework
- CSSgram - CSS library for Instagram filters
Layout/composition
- Start Bootstrap - themes to get you going; try blank scaffolding and build your own custom styles
- Photographic composition rules - commonly acknowledged composition rules that make photos visually pleasing and interesting; immediately applicable to page layout
- Rule of thirds - more on the rule of thirds
- Lead room - useful concept for thoughtful image placement