Despite of years of practice and coding, it’s impossible for any designers to remember and know absolutely everything required for their work. The technology and trend is never constant. Whether it’s a programming language, CMS or any other framework, they need to refer the official document and a handy cheatsheet for best outcome in any design and development work.

In this today’s post, here we have collected the best cheatsheets that any web designers will need. Have a look at it below and enjoy your work!

1. CSS – Cascading Style Sheets

CSS Cheatsheet

Click here for the cheatsheet.

CSS Cheat Sheet

CSS Vocabulary

Click here for the cheatsheet.

CSS Vocabulary

fontfamily.io – Check Compatabilty of Default Local Fonts

Click here for the cheatsheet.

fontfamily.io

2. Popular CSS Frameworks

Complete Font Awesome Icon Reference Cheatsheet

Click here for the cheatsheet.

Complete Font Awesome Icon Reference Cheatsheet

Foundation 5 Cheatsheet

Click here for the cheatsheet.

Foundation 5 Cheatsheet

3. HTML – HyperText Markup Language

HTML Vocabulary

Click here for the cheatsheet.

HTML Vocabulary

HTML Elements Index

Click here for the cheatsheet.

HTML Elements Index · Jens O. Meiert

 4. JavaScript & jQuery

jQuery Quick API Reference Web

Click here for the cheatsheet.

jQuery Cheatsheet

JavaScript Regular Expression Cheatsheet

Click here for the cheatsheet.

JavaScript Regular Expression Cheatsheet   Debuggex

Emmet Cheatsheet

Click here for the cheatsheet.

Emmet Cheat Sheet

5. PHP

PHP Cheatsheet

Click here for the cheatsheet.

PHP Cheat Sheet   OverAPI.com

PHP Date & Timestamp Converter

Click here for the cheatsheet.

PHP Date   Timestamp Converter   Codular

6. WordPress

Official WordPress Code Reference

Click here for the cheatsheet.

WordPress › Reference   WordPress Developer Resources

WordPress Codex

Click here for the cheatsheet.

Main Page « WordPress Codex

7. Joomla!

Joomla! Official Documentation

Click here for the cheatsheet.

Joomla  Documentation

8. Drupal 7

Drupal Community Docs

Click here for the cheatsheet.

Documentation   Drupal.org

9. SEO

On-Page SEO Cheatsheet

Click here for the cheatsheet.

Cheat Sheet  SEO  On Page Search Engine Optimisation

Punctuation, Symbols & Operators in Search

Click here for the cheatsheet.

Punctuation  symbols   operators in search   Search Help

10. Adobe Photoshop

Adobe Photoshop Keyboard Shortcuts (AZERTY)

Click here for the cheatsheet.

Photoshop Keyboard Shortcuts AZERTY by ensombrecer on deviantART

Adobe Photoshop Keyboard Shortcuts (QWERTY)

Click here for the cheatsheet.

Photoshop Keyboard Shortcuts QWERTY by ensombrecer on deviantART

11. Adobe Illustrator

Adobe Illustrator Keyboard Shortcuts (QWERTY)

Click here for the cheatsheet.

Illustrator Keyboard Shortcuts QWERTY by ensombrecer on deviantART

Adobe Illustrator Keyboard Shortcuts (AZERTY)

Click here for the cheatsheet.

Illustrator Keyboard Shortcuts AZERTY by ensombrecer on deviantART

About the Author

author photo

Sabina Hona