Essential Cheatsheets, Guides & Docs for Web Designers
by Bradley Nice, Content Manager at ClickHelp.com — software documentation tool
It doesn’t matter how many years of experience you have of a programming language, framework or CMS, you will always need to refer to the official documentation or, and more than likely, a handy quick reference cheatsheet, as it’s literally impossible to remember and know absolutely everything.
In this post I have collected an avalanche of useful cheatsheets, references, guides, checklists and docs, covering almost all aspects of web design, that will not only help to improve your productivity, but will also help to solve some of those frustrating programming issues that often arise.
Please, enjoy!
Web Languages
CSS — Cascading Style Sheets
- CSS Vocabulary (Web);
- Media Queries Cheat Sheet (Web);
- Check Compatabilty of Default Local Fonts Web (Web);
Popular CSS Frameworks
- Master Cheatsheet for Bootstrap 3 (PDF);
- Complete Font Awesome Icon Reference Cheatsheet (Web);
- Bootstrap 3 Glyphicons Cheatsheet (Web);
- Foundation 5 Cheatsheet Web;
HTML — HyperText Markup Language
JavaScript & jQuery
- jQuery Quick API Reference (Web);
- Javascript Cheatsheet (Web);
- JavaScript Regular Expression Cheatsheet (Web);
- Emmet Cheatsheet (Web);
PHP
Markdown
CMS Cheatsheets
WordPress
- Official WordPress Code Reference (Web);
- WordPress Codex (Web);
- Copy/Paste WordPress Cheatsheet (PDF);
Ghost
Joomla!
MODx Revolution
Concrete5
Drupal 7
- Drupal Community Docs (Web);
- Drupal 7 Database Cheatsheet (PDF);
- Drupal jQuery Cheatsheet (PDF);
- Drupal 7 Translation Cheatsheet (PDF);
Browser Dev Tools
Git & GitHub
- Git Cheatsheet (PDF);
- Git Cheatsheet (PDF);
- GitHub Visual Cheatsheet (PNG);
- A List of Cool Features of Git and GitHub (Web);
- Git Pretty Flowchart (PDF);
Sublime Text
Email & Newsletters
Social Media
SEO
- The Web Developer’s SEO Cheatsheet (PDF);
- On-Page SEO Cheatsheet (Web);
- Punctuation, Symbols & Operators in Search (Web);
Software Licenses
Graphic Editors
Sketch
Adobe Photoshop
- Adobe Photoshop Keyboard Shortcuts (AZERTY) (JPG);
- Adobe Photoshop Keyboard Shortcuts (QWERTY) (JPG);
- Adobe Photoshop Reference Cheatsheet (Web);
Adobe Illustrator
- Adobe Illustrator Keyboard Shortcuts (QWERTY) (JPG);
- Adobe Illustrator Keyboard Shortcuts (AZERTY) (JPG);
- Adobe Illustrator Reference/Cheatsheet (Web);
Handy Checklists
Have a nice day!
Bradley Nice,
Content Manager at ClickHelp.com — best online documentation tool for SaaS vendors