In this article you are going to find bunch of different checklists, questionnaires and tips covering almost everything for an upcoming website. You probably will need just one of these tools, so choose carefully. Read some tips and decide which tool fits the best for your project planning and development process.

Client Checklists

1. How to Extract the Facts with a Web Design Client Questionnaire

This article will help you create a prospect qualification questionnaire that can be used via telephone or Internet or in face-to-face meetings.

2. Questions to Ask Clients Before Designing a Website

Reading some of these questions and following some guidelines will also save you and your client plenty of headaches throughout the process and pave the way to a lasting and trusting relationship.

3. 22 Questions to Ask Before Developing a Website

Detailed questionnaire that you can stick to to ease your work.

4. 72 Questions to Ask New Web Design Clients with PDF Chart

Huge list of the best 72 questions to ask prospective web design clients, along with a PDF chart.

5. Design Checklist: What Clients Should Provide Their Designer

This is a checklist of things that clients should provide their designer at the outset. To follow this list will ensure the client and designer are dealing professionally as well as creating an efficient workflow.

6. Comprehensive Web Design Checklist

The following checklist and the associated answers will facilitate the analysis process of designing and building the website that allows you to relate with the client better and understand what he needs.

7. 42 Questions Every Freelancer Should Ask Their Clients

This is a helpful list of 42 questions for freelancers to ask prospective clients during the interview/briefing process.

8. How To Create The Perfect Client Questionnaire

You won’t find a list of premade questions in this article, but instead you are going to learn how to write your own queastions, formule and refine them.

9. How to Create an Effective Web Design Questionnaire

This article is primarily about developing a one-way questionnaire where you aren’t there to explain or expound on the questions you’ve asked the respondent, though the same concepts apply whether you’re communicating via email or during a face-to-face meet.

10. Creative Latitude Client questionnaire

Find out what your client wants by asking the right questions. Download this helpful PDF questionnaire.

Prelaunch Chechklists

1. 15 Essential Checks Before Launching Your Website

This article reviews some important and necessary checks that web-sites should be checked against before the official launch  — little details are often forgotten or ignored, but – if done in time – may sum up to an overall greater user experience and avoid unnecessary costs after the official site release.

2. 10 Things a Web Developer Should Do for The Client

Not exactly wrote as a checklist, but still useful list of things you should do before launching the website.

3. The Ultimate Website Prelaunch Checklist

Large and comprehensive list with checklists you should check before launching website.

4. Using a Pre-Launch Checklist for your Website

This pre-launch checklist entails a systematic approach to ensuring that important details are addressed before launching or relaunching a website.

5. W3C Unicorn – W3C’s Unified Validator

Ultimate W3C validator, which will check your markup, CSS validity, mobile-friendliness and syntax of Atom or RSS feeds.

Usability Checklists

1. Quick Usability Checklist

This post highlights some of the more common problems designers should address on their own sites in a usability checklist of sorts.

2. Some Typography Rules to Remember

PDF checklist of some typography do’s & don’ts which can be applied in web design.

3. 247 Web Usability Guidelines

Ultimate list of usability guidelines splitted into 9 sections.

4. 25-point Website Usability Checklist

This 25 point website usability checklist is a great  way to create some method out of madness and make sure you don’t forget anything critical when working with a new client.

5. The Ultimate Web design Usability Checklist

This checklist with 88 questions is a must read for every web designer who cares about usability.

6. Sensible Forms: A Form Usability Checklist

Follow these guidelines, and you’ll be able to create beautiful, function able forms.

7. The Blog Usability Checklist

This is a 19 point checklist that should be useful to any blogger looking for a practical way to evaluate (and improve) the usability of their blog. Many of the principles here will apply to websites, as well.

8. The Essential Website Usability Checklist

This post is a simple 13-point usability checklist for webmasters. Ever good website must be able to answer ‘yes’ to each of these points.

9. Access Color

AccessColor tests the color contrast and color brightness between the foreground and background of all elements in the DOM to make sure that the contrast is high enough for people with visual impairments.

General Checklists

1. Web Design Best Practices Checklist

This is a sorted list that contains some of the most important aspects you should keep in mind when developing a website.

2. 50 Questions to Evaluate the Quality of Your Website

This 50 questions long questionnaire might trigger something here and there for some of you or maybe brings some forgotten item from the long to-do list back into your mind.

3. Essential Navigation Checklists for Web Design

These checklists pull together best practice in the disciplines of information design, usability and accessibility, into an easy to apply format.

4. Aaron Cannon’s Web Accessibility Checklist

This checklist attempts to answer the question, ‘What concise pieces of advice can be given to designers that will have the greatest impact on accessibility in the majority of cases?’ Again, this list is not the perfect solution, nor is it the only solution, but it is a good first step, and it gives developers and designers a place to start from.

5. Beginner’s Checklist Before Debugging CSS

Most beginners make a common pattern of mistakes quite frequently. So if you are a beginner, this checklist will be just in time.

6. 10 Things You Must Check When You Re-launch Your Website

The following is a list of 10 things that you should check prior to and immediately after you have launched a new site.

7. Common Sense SEO Checklist

6 point beginner checklist that helps you to focus on what you do have control over and what improves your SEO rankings.

8. Web Design & Development Checklist

This questionnaire is for the front-end look and feel and does not address technical specifications. You may find that some of the questions are not applicable to a particular client or project.

9. SEO Checklist for Your New Website

The following 12 step optimization checklist will bring you one step closer to maximizing your revenues with smart web design.

Ultimate Checklists

1. Web Standards Checklist

This is a large checklist to help you build websites that match the web standards. However, this list should not be seen as a list of items that must be addressed on every site that you develop. It is simply a guide that can be used:

• to show the breadth of web standards
• as a handy tool for developers during the production phase of websites
• as an aid for developers who are interested in moving towards web standards

2. The Ultimate Website Launch Checklist

Very detailed checklist that covers both the pre-launch and the post-launch phase of the web site life cycle. It contains checks related to content and style, standards and validation, search engine visibility, functional testing, security/risk, performance and marketing.

3. 149 Mortal Sins That Will Send Your Site to Web Design Hell

Huge post with 2 checklists that will probably give you a preview of how a website should look.

4. Design Checklist

The following checklist serves to summarize the major points and to help you ensure you’ve done all you should before finalizing any web site you are creating.

5. The Official ‘Successful Website Checklist Challenge’

Complete guide from planning to SEo. Take this challenge and see what you’re doing right, what you’re doing wrong, and what you’re forgetting to do. There are notes and resources included for nearly every item on the checklist.

6. 101 Five-Minute Fixes to Incrementally Improve Your Web Site

Tackle these quick fixes over time, and you’ll be able to improve your website with minimal pain.

7. Launchlist

Launchlist is intended to help and encourage web designers and developers to check their work before exposing it to the world at large. The process is simple – enter your name and email and the same for a recipient, your project details and website URL, and then proceed through our list of provided fields.

Further Resources

• 12 Tools To Reevaluate And Analyze Your Web Design
• 20+ Online Tools for Website Validation and Testing
• Getting Real Feedback For Your New Design, Usability Testing
• 10 Tools for Evaluating Web Design Accessibility
• 40+ Freelancer Tools and Services for Testing Web Projects

Explore how the action is built, choose which adjustments you want to apply and finally just enjoy great results. In this article you’re going to find 45 sets of actions that help you enhance the colors and change the main look of Your photo.

1. Powerful Colors 3.1 by Othman Fahd

2. i-Dark 3.03 by Othman Fahd

3. Exclusive Summer Heat Action by Danielle Gillain Svedin

4. Classic People Action by apartyintheUSA

5. Photoshop Action ver.3 by Gökhan Bartu Yüksel

6. StarDeviant action 1.06 by Stardeviant

7. StarDeviant action 1.08 by Stardeviant

8. Photoshop Actions – 78 by Julia Starr

9. Photoshop Actions – 75 by Julia Starr

10. Lomo Action Set by WingsOfAHero

11. Action set 03 by KissOfDeathXxX

12. Photoshop Actions – 32 by Julia Starr

13. Action Collection 1.0 by Philipp Soul

14. Photoshop Action by kahwe

15. rEDacrion by getinline

16. The Day Is Passing By by ArinThoughts

17. Actions 1 by allthebesthere

18. Photoshop Action 2 by saturn-rings

19. Red Action by sd-stock

20. Photoshop Dream Blur Action by Josh Janusch

21. Oscar Pilch Photoshop Action by Oscar Pilch

22. Black white sepia PS action by rosalindharrison

23. Retro by ShadowsInMyEyes

24. Photoshop Actions by wolf-minori

25. Retro Love by Patricia Nabong

26. Action Set 1 by ImaginaryRosse

27. One Less Lonely Girl Action by Nick Jonas

28. Photoshop Action 31 by miss-etikate

29. Landscape and Sky Action by fcpr

30. Sarah1 Action by supersarah089

31. sa-cool actions 1.05 by Othman Fahd

32. Nature Actions 2.09 by Othman Fahd

33. Action 2 by lolipopek

34. Vintage Dream PS Actions by Chitulescu Iuliana Amalia

35. Pure Luv by GSInteractive

36. Pack Actions 01 by Patricia Torres

37. Selective Sepia by Aditya Rao

38. Horizon Actions by LonelyDiary

39. Powerful Colors 3.2 by Othman Fahd

40. sa-cool actions 2.06 by Othman Fahd

41. Photoshop Action 22 by Oscar Pilch

42. Lomo-Cross Processing Action by efete-stock

43. A-Actions by LonelyDiary

44. Go Green Actions Set by LonelyDiary

45. Action 6 by Flurish

This is considered to be really complete list about everything CSS related, as CSS lover myself I really evaluate good automated ways so I can focus on things I enjoy the most – creating elegant, usable and optimized website! I just hope you will find some relief in this list as well! Enjoy your time and test these tools for best results!

1. CSS Layout Generator

Showcase of 40 useful and powerful CSS tools and generators. These tools should really relieve web developers  work. This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.

2. Simple CSS

Simple CSS allows you to easily create Cascading Style Sheets from scratch, and/or modify existing ones, using a familiar point-and-click interface.

3. Code Beautifier

Formats and optimizes CSS.

4. Clean CSS

CleanCSS is a powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise.

5. CSS Compressor

Use this utility to compress your CSS to increase loading speed and save on bandwidth as well.

6. CSS Superscrub

This tool can significantly reduce the size and complexity of your CSS by programmatically stripping unneeded content, stripping redundant calls, and intelligently grouping the remaining element names.

7. CSS Validator

The W3C CSS Validation Service is a free software created by the W3C to help Web designers and Web developers check Cascading Style Sheets (CSS). It can be used on this free service on the web, or downloaded and used either as a java program, or as a java servlet on a Web server.

8. CSS Sorter

CSS Sorter is a free online tool for sorting CSS files. It organizes CSS rules alphabetically so that it will be easier for you to maintain your CSS files.

9. Browser Support of CSS Properties & Selector

This is a list of CSS properties and selectors with the first browser versions that support them. The list includes most CSS2.1 properties and some of CSS3, more will be added as time permits.

10. Layout Generator

Generating multi-column and grid layouts with CSS 2.0 techniques using %, px, or em.

11. Variable Grid System

The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System.

12. Blueprint Grid Generator

This tool will help you generate more flexible versions of Blueprint’s grid.css  and compressed.css and grid.png files. Whether you prefer 8, 10,16 or 24  columns in your design, this generator now enables you that flexibility with Blueprint.

13. Grid Builder

The CSS Grid Builder allows you to rapidly generate a CSS-based, web-standards compliant page layout in a matter of minutes. Once you’ve got the page layout the way you want it, all you have to do is press “Show Code” and it generates the HTML for you.

14. CSS Menu Builder

Choose from our 300+ horizontal menus, our 700+ vertical menus combinations and our breadcrumb menus  that consist of more than 200+ combinations, in total the site offers more than 1000 menu combinations not including the endless color combinations.

15. CSS Menu Maker

Here you can exploit gallery of professionally designed CSS menus, customize them and then download the HTML and CSS.

16. Jotform

Web-based WYSIWYG form builder

17. Quick Form Builder

Allows you to easily create CSS forms.

18. CSS Button & Text Field Generator

Generates CSS based buttons and text fields.

19. Rounded Corner Generator

Spiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or JavaScript.

20. CSS Type Set

CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.

21. Typetester

The Typetester is an online application for comparison of the fonts for the screen. It’s primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

22. Image Replacement Methods

Plenty of new and interesting revisions to the original Fahrner Image Replacement technique sprouted up in late 2003. This was an attempt to consolidate them.

23. CSS Frame Generator

This tool returns corresponding CSS in a line-by-line way indented with spaces to reflect XHTML structure – each selector and all of its properties and values in one line.

24. Postable

“I absolutely hate having to switch all the “< ” and “>” signs in my code to “&lt;” and “&gt;”, respectively. I also hate having to write “&amp;” anytime I want to include an ampersand. This makes including code snippets on my blog and whatnot extremely annoying, and today I finally got fed up.” Created by Elliot Swan.

25. Slickmap

SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.

26. Text Wrapper

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website.

27. Listamatic

Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list.

28. CSS Sprite Generator

CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coordinates. Having assigned this generated image to relevant page elements the background-position  CSS property can then be used to shift the visible area to the required component image

29. Colors Pallete Generator

Welcome to CSS Drive’s Image to Colors Palette Generator! Upload an image to generate a color palette based on the image’s primary colors. Useful for quickly grabbing a particular color within an image for inspiration. Generates also Photoshop swatches and CSS styles.

30. CSS Table Wizard

Use this wizard to experiment with table border styles and generate style source code. This wizard uses dynamic HTML to change the style of the table in-situ, without loading another page.

31. Em Calculator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

32. IE6 CSS Fixer

A tool specifically designed to ease the pain of the IE6 CSS debugger. This tool was conceived to decrease the monkey work when starting an IE6 CSS fix file. It applies a series of basic fixes that are known to conquer many problems and cause as little harm as possible.

33. Mappet

CSS image maps generator

34. Sky CSS Tool

Sky CSS allows you to create CSS classes almost without using manuscript code. JavaScript compatible browser is needed for the proper functioning.

35. ReCSS

This little bookmarklet makes refreshing your CSS a breeze. It comes in quite handy when you’re developing dynamic applications. Tested in IE and Firefox.

36. CSS Viewer

A simple CSS property viewer. Firefox addon.

37. The Box Office

The Box Office lets you wrap/float/contour text around freeform images using CSS for usage in (X)HTML pages.

38. CSS Evolve

CSSEvolve lets you play with many properties of a web site, including the site’s color scheme, fonts, borders, and more. CSSEvolve works through a process of simulated evolution in which you select site features that you like and refine them through multiple generations.

39. Wordoff

Wordoff applies the following rules to strip the cruft that is pasted into WYSIWYG editors from Word:

• Attributes are removed for all elements except <a>s
• <span>s and <div>s are removed
• Empty elements are removed
• Consecutive line breaks are reduced to two

40. CSS Fly

CSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser. Simply edit the (X)HTML-code and the external Style-Sheet  files : what you code is what you get! This tool is designed for developers. Use it for developing, testing or checking your web-project or take a look behind the sceneries of your favourite websites.