Building A Web Framework To Do Anything On The Web Part 2

In my earlier post, Building A Web Framework To Do Anything On The Web Tech Part 1 , I talked about the CSS-Boilerplate CSS Framework. There is a really good implementation example/proof of concept example included in the framework that should show you all the elements you’ll need for building complete web pages. Wehn I start to design the UI for a web application/site, the first thing I do is load up the example that comes with CSS-Boilerplate, and make changes based on what I need. How do I know what I need? With a design checklist!

Once again, proving that the internet is my best web development tool, I found an exhaustive checklist of web design elements that every site needs to be complete. The checklist comes from Digital Garde. I made modifications to my list, as most web design or site building I do is geared less towards clients and more toward simple functionality.

Main Pages (shown on Home page)

Home page
Signup/Login pages
FAQ/Help Docs
About page
Contact page
404 page (usually I redirect users to the main site)
Portfolio/Case studies/Testimonials
Services
Company Information

Main Visuals for Each Page

Header area
Navigation area
Content area
News/Latest Updates etc
Columns
Footer area

Read the rest of this entry »