No importa cuántos años de experiencia tenga un lenguaje de programación, un framework o un CMS, siempre tendrá que consultar la documentación oficial o, y más que probablemente, una práctica hoja de chequeo de referencia rápida, ya que es literalmente imposible de recordar Y saber absolutamente todo.

En este post he recogido una avalancha de útiles cheatsheets, referencias, guías, listas de verificación y documentos, que abarcan casi todos los aspectos del diseño web, que no sólo ayudará a mejorar su productividad, sino que también ayudará a resolver algunos de esos frustrantes problemas de programación Que a menudo surgen (estoy mirando PHP!).

Simplemente haga clic en el botón ‘ver’ junto a cada recurso y guarde el PDF o marque la página.

Web Languages

CSS – Cascading Style Sheets

CSS Vocabulary Web View
Media Queries Cheat Sheet Web View
fontfamily.io – Check Compatabilty of Default Local Fonts Web View

Popular CSS Frameworks



Master Cheatsheet for Bootstrap 3 PDF View
Complete Font Awesome Icon Reference Cheatsheet Web View
Bootstrap 3 Glyphicons Cheatsheet Web View
Foundation 5 Cheatsheet Web View

HTML – HyperText Markup Language

HTML Vocabulary Web View
HTML5 Tag Cheatsheet PDF View
HTML Elements Index Web View

JavaScript & jQuery

jQuery Quick API Reference Web Web View
Javascript Cheatsheet via OverAPI.com Web Web View
JavaScript Regular Expression Cheatsheet Web View
Emmet Cheatsheet Web View

PHP

PHP Cheatsheet via OverAPI.com Web View
PHP Date & Timestamp Converter Web View

Markdown



Markdown Quick Reference Cheatsheet Web View
Printable Markdown Cheatsheet PDF View

CMS Cheatsheets

WordPress

Official WordPress Code Reference Web View
WordPress Codex Web View
Copy/Paste WordPress Cheatsheet PDF Web View

Ghost

Ghost Cheatsheet Web View
Ghost Developer Guides Web View

Joomla!

Joomla! Official Documentation Web View
Joomla! 3.x Templates Cheatsheet PDF View

MODx Revolution

MODx Revolution Documentation Web View
MODx Revolution’s Cheatsheets PDF View

Concrete5

Concrete5 Official Docs Web View

Drupal 7



Drupal Community Docs Web View
Drupal 7 Database Cheatsheet PDF View
Drupal jQuery Cheatsheet PDF View
Drupal 7 Translation Cheatsheet PDF View

Browser Dev Tools

Chrome Devtools Cheatsheet Web View
Firebug Keyboard and Mouse Shortcuts Cheatsheet Web View

Git & GitHub

Git Cheatsheet via Git-Tower PDF View
Git Cheatsheet via GitHub Training PDF View
GitHub Visual Cheatsheet by Zack Rusin PNG View
A List of Cool Features of Git and GitHub Web View
Git Pretty Flowchart PDF View

Sublime Text

Commonly Used Sublime-Text Command Cheatsheet Web View
Sublime Text 3 OSX Cheatsheet Web View

Email & Newsletters

MailChimp Merge Tags Cheatsheet Web View
Campaign Monitor Template Cheatsheet PDF View

Social Media

Social Media Dimensions Cheatsheet PSD View
Social Media Cheatsheet PDF View

SEO

The Web Developer’s SEO Cheatsheet via Moz.com PDF View
On-Page SEO Cheatsheet Web View
Punctuation, Symbols & Operators in Search Web View

Software Licenses

TLDRLegal – Software Licenses Explained in Plain English Web View

Graphic Editors

Sketch

Sketch 3 Visual Cheatsheet by Manuel Ebert PNG View
Keyboard Shortcuts for Sketch App Web View

Adobe Photoshop

Adobe Photoshop Keyboard Shortcuts (AZERTY) JPG View
Adobe Photoshop Keyboard Shortcuts (QWERTY) JPG View
Adobe Photoshop Reference Cheatsheet via Cheetyr Web View

Adobe Illustrator

Adobe Illustrator Keyboard Shortcuts (QWERTY) JPG View
Adobe Illustrator Keyboard Shortcuts (AZERTY) JPG View
Adobe Illustrator Reference/Cheatsheet via Cheetyr Web View

Handy Checklists

Web Developer Checklist Web View
Web Developer Checklist Chrome Extension CE View
Visual Web Design Checklist Web View
Launch Check List for Professional WordPress Websites Web View
Web Accessibility Checklist Web View
Usability Checklist Web View
IxD – Interaction Design Checklist Web View