If you’ve been looking for a complete guide to creating a web app, look no further. The guide is called Creating a Web App From Scratch by CSS-Tricks.com It even comes with the complete source code files and Photoshop documents. The 8 part guide is written by both a coder and a designer so you’ll learn how to fit your site to mobile devices and still use the rich content from a full website. Through the process they show you each step of building their demo site, Colored Lists.

If anyone has used this guide or ends up using it to create a mobile of their own, let us know what you thought in the comments. Or, if you know of other guides, share them too.

Part 1 – Planning the App: Basic Idea and Design
Part 2 – Planning the App: Database Architecture and Development Approach
Part 3 – Designing the App: Workflow Map and Photoshop Design
Part 4 – Designing the App: HTML and CSS
Part 5 – Developing the App: User Interaction
Part 6 – Developing the App: Adding AJAX Interactivity
Part 7 – Developing the App: List Interaction
Part 8 – Security & The Future