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

General

RSS feeds
Logo
Payoff
Email link
Login form
Register link
Brief description
Introductory image/illustration/video

Entry

Text
Images
Video
Date
Comment number
Link to comments
Author
Tags
Categories
Related posts
Social network link
Feed subscription
Special layout for sticky/featured/special entries
Polls
Excerpts

Comments form

Name input
Email input
Website input
Other inputs
Textarea
Reset button
Submit button
Comment status
Login status

Comments

Text
Author
Number
Date
Avatar/gravatar
Alternate color or layout

Sidebar

Calendar
Tag cloud
Categories
Archives
Recent posts
Popular posts
Suggested posts
Most commented posts
Recent comments
Blogroll
Links
Archives
Advertising
Twitter banner
Featured/special content
Polls

Footer

Credits
About
Link to webmaster
Link to website creator
Feedback form
Related content
Site map or navigation link
Privacy policy

See the original Article