20 Cheat Sheets for Web Designers
Whether you are a professional web designer or a newbie, trying to master the intricacies of CSS, PHP, web safe fonts, color codes, and other essential elements of web developing , from time to time you do need some reference materials or quick tips either to learn something quickly or just to refresh the information in your head. Cheat sheets offer an easy and efficient way not only for a student to get ready and pass an exam successfully, but it is also a great way for a web designer to make his or her (we respect both genders equally) work more efficient, easier, and richer in terms of practical knowledge. Besides, some people just love to decorate their work places with multiple tables and graphs to create the inspiring atmosphere :-) and, maybe, even to impress the higher-ups a little, demonstrating true passion to the professional duties. Hence, we decided to devote a separate article on Cruzine to all kinds of useful cheat sheets for web designers. HTML tags, CSS elements, Photoshop shortcuts, web safe fonts and color code charts – we have dug all over the Internet to find the most useful, up-to-date, and informative cheat sheets for web designers.
A 5-page complete reference guide on cascading style sheets version 3 (CSS3) provides a very detailed summary of CSS3 elements and attributes.
This is a simple cheat sheet that provides the fundamentals of CSS use. It explains the use of selectors and CSS elements to format texts, lists, borders, etc.
If you use JSP in your web projects development, this JSP Syntax Cheat Sheet, authored by Sun Microsystems, may be of real help.
Use this cheat sheet on Photoshop shortcuts in order to look professional when using your favorite image editing software.
This is a very detailed cheat sheet or quick reference card, explaining all the functions of Photoshop and summarizing all the major techniques of editing images in Photoshop. This is a great and short way to learn Photoshop and start using all its superb tools.
If you would like to get yourself familiar with all the amazing features, announced by HTML 5, download this high quality cheat sheet with a detailed overview of HTML 5 tags, their attributes, and quick descriptions.
This is a quick reference guide to using brush tool in Photoshop application.
This cheat sheet explains how to use Photoshop lasso tool.
Download this cheat sheet and keep color codes always at hand.
One-page easy-to-use cheat sheet, containing RGB color codes, as well as the so-called web safe colors.
This cheat sheet may be very useful if you need to use special characters, such as copyright or trademark signs, on your web site.
If you use Dreamweaver as the primary application for web developing, this quick reference card will be of help, explaining the basics and giving overview of keyboard shortcuts, which can be used in Dreamweaver.
This is a useful cheat sheet on the keyboard shortcuts for Windows users.
If you want to make the most of Photoshop, look through this online cheat sheet and learn some of the advanced Photoshop shortcuts.
This online-based cheat sheet will help you choose the proper size of a web banner.
This is a one-page cheat sheet on the basic HTML tags, events, and attributes.
An easy-to-use printable reference sheet on the basics of PHP.
Mastering pen tool in Photoshop (as well as in Illustrator or InDesign) will be easy with this cheat sheet.
Designers know that there are many ways to convert a color image into B&W. This cheat sheet will help you make a proper choice.
This is a very handy cheat sheet, which includes all the selectors and properties of CSS (version 2).
Now, when you are armed with this collection of cheat sheets and, consequently, knowledge contained, you will definitely succeed in your creative projects, whether it is a coding of a web page, drawing in Photoshop, or styling your web site with CSS.