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 |