background preloader

8 Cheat Sheet Wallpapers for Designers and Developers

8 Cheat Sheet Wallpapers for Designers and Developers
Web designers and developers have a lot to remember, from keyboard shortcuts to function names. That’s why it’s handy to have cheat sheets near by for a quick reference. Most people like to print out there cheat sheets on paper and have them sitting on their desk, but another convenient place for a cheat sheet is right on your computers desktop in the form of a wallpaper. Photoshop Keyboard Shortcuts Color Theory Quick Reference Poster Periodic Table of Typefaces The Anatomy of Type Web Accessibility Checklist TextMate Shortcuts jQuery 1.3 Cheat Sheet WordPress Help Sheet About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 1932 shares 8 Must-have Cheat Sheets for Web Designers and Developers As a web designer or developer, it’s nearly impossible to remember multiple programming languages, frameworks, and keyboard shortcuts to various applications. Read More 2750 shares Photoshop CS6 Cheat Sheet

The Lost Principles of Design In the instant age that design has evolved into recently many of us often stray away from the basics. If you had a professor in college who taught you the fundamentals of design these may be engrained into your head. For the self-taught, you may have a book on your desk with these very principles. However, the more and more people that flood the internet for design content need to learn the basics before trying to make a stellar gradient in Photoshop. While this is cool and amazing right now, there will come a point where this style is strayed away from and a new style is made. Balance Arranging parts to achieve a state of equilibrium between forces of influences. Examples: Symmetrical, Asymmetrical, Radial Contrast Interaction of contradictory elements. Examples: Large & Small, rough & smooth, thick & thin, light & dark, organic & geometric Emphasis & Subordination Establishing centers of interest which focus the viewer’s attention. Directional Forces Proportion Scale Repetition & Rhythm Balance

Anatomy of Type - Typography Deconstructed Ampersand A stylized character of the Latin et used to represent the word and. Definition: The typographic symbol used to designate the word and (& ) is the Latin symbol for et which means and. The name, ampersand , is believed to be derived from the phrase “and per se and.” Aperture The partially enclosed, somewhat rounded negative space in some characters. Apex A point at the top of a character where two strokes meet. Arc of Stem A curved stroke that is continuous with a straight stem. Arm A horizontal or upward, sloping stroke that does not connect to a stroke or stem on one or both ends. Ascender An upward vertical stroke found on the part of lowercase letters that extends above the typeface’s x-height. Ascender Line The invisible line marking the height of ascenders in a font. Ascent Line The invisible line marking the farthest distance between the baseline and the top of the glyph. Axis An imaginary line drawn from top to bottom of a glyph bisecting the upper and lower strokes is the axis.