Inspire
Design in any web project can be a long and arduous process. Here's a collction of links to help you. Enjoy!
Concept
These sites are good to get a general idea of possible layouts and style paths to take.
* [TheBestDesigns](http://www.thebestdesigns.com/) - General list of hand picked sites from across the web. * [Awwwards](http://www.awwwards.com/) - More awesome sites of various styles. * [Dribbble](http://dribbble.com/) - Snaps of icons, doodles, sites, and more from a talented group of people. * [MinimalSites](http://www.minimalsites.com/) - Another list of sites, but on the much simpler side.Creation
These sites are good for building a basic framework for the site.
* Color * [ColorPicker](http://www.colorpicker.com/) - Simple yet affective. The name says it all. * [Kuler](https://kuler.adobe.com) - Easily create or view a custom color swatch for your site. * [Unsemantic](http://unsemantic.com/) - Provides a good grid framework for small to large projects. * [MDN](https://developer.mozilla.org/) - Documentation for HTML, CSS, JS, etc. * [Bootstrap](http://getbootstrap.com/) - Very popular framework for building modern websites and web apps. * [Bootswatch](http://bootswatch.com/) - A list of free themes for Bootstrap. * [Iconmonstr](http://iconmonstr.com/) - A collection of free, simple icons. * [Subtle Patterns](http://subtlepatterns.com/) - A massive archive of free backgrounds for your projects. * [Google Fonts](https://www.google.com/fonts) - Tons of free, easy to use webfonts. * [Text to ASCII](http://patorjk.com/software/taag/#p=display&f=Graffiti&t=Type%20Something%20) - Add some sexy Easter eggs in your source code.Collaborate
Working with a team? These links are for you.
* [Cloud9](https://c9.io/) - An awesome, zen way to work with others in the cloud. * [Gist](https://gist.github.com/) - Share code and text with others fast. Like a mini repository. * [Scratchpad.IO](http://scratchpad.io/) - A simple, RTC tool for coding and previewing websites.Backends
Every awesome web apps needs an awesome backend.
* [Firebase](https://www.firebase.com/) - A real-time front-end database for your sites.Testing
Before you launch, these are good tools to make sure your site is ready for stardom.
* [Placehold](http://placehold.it/) - Generate custom placeholder images of any size. * [Browserling](https://browserling.com/) - Cross-browser test your website. * [CodePen](http://codepen.io/) - A free web editor in your browser. * [WooRank](http://www.woorank.com/) - A review tool for SEO elements, W3 validation, and numerous other variables. Free basic service. * [Yslow](http://yslow.org/) - Tool for analyzing and finding fixes for multiple causes of slow site loading.Good Reads
Need something to read in your spare time?
* [Smashing Magazine](http://www.smashingmagazine.com/) - A magazine for all things digital design. * [CSS-Tricks](http://css-tricks.com/) - Awesome blog on anything and everything related to CSS. * [Codrops](http://tympanus.net/codrops/) - Great collection of design techniques for modern web developmers and designers. * [Insert HTML](http://www.inserthtml.com/) - A blog covering current and upcoming techniques and technologies for web developers. * [1stWebDesign](http://www.1stwebdesigner.com/blog/) - A good, simple blog on web development and design. * [A List Apart](http://alistapart.com/) - Guest bloggers and full books on topics from coding to business practices.❤️