Are you a professional graphic / web designer? Or an aspiring designer and ready to accept the challenges in the world of creativity, colors, imaginativeness and fantasy.

Then before you go to the world of perspective design make sure you are fully equipped with this very helpful 33 Cheat Sheet Anthology for Graphic/Web Designers Arsenal.This list will help you master all the shortcuts for all the application software design you used.
We have bunch of list for HTML5, Color Reference, CSS and CSS3 Photoshop Cheat Sheet.

[box type=”note” align=”aligncenter” width=”600″ ]

Take A Look To Our Previous Awesome Post
• 16 Astounding CSS3 Transitions Effects
• Metro Style Twitter Bootstrap 3 RC1 is Out
• 15 Stupefying Responsive Navigation Menu You Should Have
• Best of iAPDesign: Year End Amazing Collection of Photoshop Tutorials & Others
• Creating Contact Form using FancyBox 2 with Ajax by iAPDesign.com

[/box]

10 HTML and HTML5 Cheat Sheet Anthology for Web Designer

1). A REFERENCE TO HTML5 TAGS

Like a lot of other web developers, I am also going to start learning HTML5. It’s time to get maximum benefit of HTML5 based browsers for our websites. Here I want to share a very useful cheatsheet on HTML5. It must be in your archive.

2). HTML Cheat Sheet

The HTML cheat sheet is a one-page A4 printable document, designed to provide a quick reference for HTML.

3). HTML5 Canvas Cheat Sheet

The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few oth

4). HTML Character Entities Cheat Sheet

The HTML Character Entities cheat sheet is designed to act as a reference sheet, listing the various character codes in HTML.

5). Color Codes Matching Chart HTML

Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from

6). HTML Cheat Sheet for Transition to HTML 5

A great quick reference for the transition from HTML 4 to HTML 5. Designed to help authors create polyglot HTML documents, this can also help in creating HTML 4 and XHTML documents, in addition to upgrading to HTML 5.

7). HTML5 Cheat Sheet from HTML5In24Hours

HTML5 Cheat Sheet from HTML5In24Hours

8). HTML5 Cheat Sheet ‘ Browser Support

HTML5 Cheat Sheet ‘ Browser Support

6 Color Reference Cheat Sheet Anthology for Web Designer

1). Color Reference Hexagon Mouse Pad

Keep your colors right at hand using this mouse pad.

2). RGB Hex Colour Chart

The RGB Hex colour chart is a very large (183kB) PNG file, and is sized to fit on a standard A4 piece of paper. It shows the 216 so-called “web safe” or “non-dithering” colours (there are actually only 22 web safe colours, but those are revolting).

3). Web safe color chart

Web safe color chart

4). Color Reference Guide

Color Reference Guide

5). Megapixels Chart

ach colored box represents a certain number of megapixels. The numbers along the top and left side are print dimensions in inches at 300ppi (pixels per inch). Most books and magazines require 300ppi for photo quality. For example, the chart shows that you

6). Pantone Colour Bridge CMYK Cheat Sheets

Convert your colours to different profiles with Pantone recommendations.

10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

1). CSS3 Cheat Sheet (PDF)

In this post we present a printable CSS 3 Cheat Sheet (PDF), a complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that attempts to match it with

2). WebKit CSS3 Cheat Sheet

Webkit CSS3 Cheat Sheet PDF From Sencha

3). CSS 2.1 and CSS 3 Help Cheat Sheets

Today we are glad to release two useful cheat sheets that will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property. The help shee

4). Most Practical CSS Cheat Sheet Yet

The cheat sheet comes in landscape and portrait form and is designed to be printed on an A4 (standard) sheet of paper. You can post it on your wall, tape it to your desk, or put it in your pocket for those rare moments when you need to know how the box mo

5). CSS Cheat Sheet (V2)

The second version of the CSS Cheat Sheet, a quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.

6). CSS Shorthand Cheat Sheet

Get help with some of the CSS elements that are so easy to forget.

7). CSS3 Color Names

Color names also known as color keywords, named colors and named color keywords in which their is 147 color names that are defined in the CSS3 color specification. Now the 147 color names also include the 17 standard color names.

8). CSS3 Cheat Sheet

For many of the CSS3 examples, older versions of Internet Explorer are the lone holdout with a limited number of workarounds, however these features degrade gracefully and may still be useful on new projects as long as this limitation is kept in mind.

9). CSS 2 Visual Cheat Sheet

This cheat sheet (3 pages) contains an essential reference to all CSS2 properties with detailed descriptions and some sample code. The simple visual style used to design this sheet allows you to find at a glance everything you are looking for.

10). CSS3 Compatibility table

CSS3 Compatibility table

9 Photoshop Cheat Sheet Anthology for Web Designer

1). Shortcut cheat sheet: Adobe Photoshop

Hey guys and gals! It’s time for the next 99designs Shortcut Cheat Sheet. This time it’s Adobe Photoshop ‘ perfect for pretty much anything except for logo design!

2). Photoshop CS5 Cheat Sheet

Here’s a Photoshop cheat sheet that focuses on important, useful functions, stuff that advanced users need to get their work done.

3). Photoshop Toolbox Refrences

This section of the site is a comprehensive Photoshop Toolbox reference. Click on a tool to view its video-manual

4). Adobe Photoshop CS4 Keyboard Shortcuts Cheat Sheet

All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

5). Adobe Photoshop CS3

All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

6). Adobe Photoshop CS2

All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

7). Adobe Photoshop CS

Adobe Photoshop CS

8). Photoshop Lasso Tool Cheatsheet

This month’s creative cheatsheet covers the Photoshop Lasso tool. We’ve distilled the basic functions of this widely used tool into a concise format that fits on a standard 3Ã�5 index card.

9). Photoshop Brush Tool Cheatsheet

Photoshop Brush Tool Cheatsheet

Conclusion

I hope you enjoy reading our 33 Cheat Sheet Anthology for Web Designers For Free. If you like this post please share it guys.