A CheatSheet of 128 CheatSheets for Developers. # webdev # productivity # beginners # javascript. Andreas Feb 25, 2020 ・5 min read. I compiled a list of the (in my opinion) best Cheatsheets and tutorials for some of the top languages, frameworks and tools out there. I considered clarity, interactivity and simplicity for beginners. Red Hat Developer cheat sheets. Browse through our collection of cheat sheets to help you develop with Red Hat products, which you can download for free as a Red Hat Developer member. You’ll find handy guides on a range of the latest developer tools and technologies, including Kubernetes, microservices, containers, and more. WordPress Developer Super Cheat Sheet There sure is a lot you need to remember when working with WordPress theme files. From the names of basic template files to functions and how the WordPress Loop works, it’s next to impossible to remember every PHP tag or even how to define a new theme. Certified Blue Prism Developer (AD01) Cheat Sheet Are you on your way to become Blue Prism Developer and looking for a last minute revision. Then, you have arrived at the right place. This cheat sheet will provide you with all the required resources and information for the Blue Prism Exam in a meaningful way.
Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they’re nice decorative pieces for your office and can prepare you for client questions regarding web development.
In this article, you’ll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery).
So go ahead – print out your favorites and pepper your workspace with these wonderful references.
HTML/XHTML
1. HTML Help Sheet
Google Developer Cheat Sheet
2. HTML Cheat Sheet
- PNG
3. HTML Character Entities Cheat Sheet
- PNG
4. XHTML Cheat Sheet v. 1.03 – PDF
CSS
5. CSS Cheat Sheet (V2)
- PNG
6. CSS Cheat Sheet
7. CSS Shorthand Cheat Sheet
8. CSS Level 1 Quick Reference – PDF
9. CSS Level 2 Quick Reference – PDF
10. CSS2.1 Quick Reference Card – PDF
11. CSS2 Reference Guide – PDF
JavaScript
12. JavaScript Cheat Sheet
- PNG
13. Addison-Wesley’s JavaScript Reference Card – PDF
14. JavaScript and Browser Objects Quick Reference
15. The most common DOM methods at a glance – PDF
16. JavaScript Quick Reference Card/Cheatsheet
17. mootools 1.2 cheat sheet
18. jQuery Cheatsheet
- PNG
19. jQuery 1.2 Cheat Sheet
20. jQuery Visual Map – PNG
Miscellaneous
21. RGB Hex Colour Chart
- PNG
22. The Web Developer’s SEO Cheat Sheet
23. The WordPress Help Sheet
These are great resources regardless of the size of your clients. It could be a small restaurant or a large college. Basic web design principles you can include on cheat sheets are both applicable. Hope you picked up a cool cheat sheet or two for your web design. If your favorites aren’t on the list, don’t forget to share it with us in the comments.
The evolution of web development has been accompanied by a wealth of documentation. Yet, this virtual smorgasbord of fonts, developer languages, and methodologies (to name a few) can be overwhelming. Here are eight essential cheat sheets that will make your life easier when developing your next website, with two new ones for 2016.
The HTML5 Mega Cheat Sheet – Front-end developers, your prayers have been answered. The Mega Cheat Sheet has it all when it comes to HTML5. Broken down into five major categories (tags, event attributes, mobile, browser, and canvas), it includes detailed descriptions of each element and scores every browser for overall HTML5 support.
Caniuse – Ever want to know whether the code you are writing works in a certain browser? Then this is the website for you. Caniuse.com allows you to see which elements of CSS, HTML5, and SVG are supported in certain browsers. The array of browsers range from Internet Explorer 6 to the latest mobile version of Chrome, making this site another essential front-end resource.
Color Theory Quick Reference Guide – Properly articulating your design choices might be all it takes to pass review. What better way to make sure you’re using the right words (and the right colors, for that matter) than this color theory guide? Color relationships are simple to understand, terms are clearly defined, and, best of all, this cheat sheet is sized to be your desktop background.
Responsive Web Design – Responsive design isn’t alchemy or even rocket science, for that matter. Simply put, all you need to ensure your web design is responsive is adhering to a sizing list of pixels. This great little cheat sheet includes the sizes of everything from flip phones to desktops. It’s also print-ready, so pin it to the office wall to (hopefully) avoid any future questions as to whether your design is responsive or not.
HTML / CSS Elements Index – Intended to provide an overview of HTML development, the HTML Elements Index keeps track of what elements have persisted or discontinued since HTML 1, all of which come with their W3C definitions. Thankfully, the creator also created a companionindex of all CSS properties to keep all your element choices a mere click apart.
Font Family Reunion – The developer of this project called it the “caniuse.com for default local fonts” and that was no exaggeration. Ever want to know whether the font you’re using will be compatible with a certain OS? Look no further as this website makes it easy to look up default font lists for each OS.
UPDATE: October 2016
A Complete CSS Cheat Sheet – Robert Mening, a web developer out of Malmö Sweden, has compiled a hefty, 29 page tome to the world of CSS cheat sheets. Great for beginners and old hands alike, styling your site could not be more simple.
Aws Developer Cheat Sheet
Overapi.com – If you don’t know where to start, Overapi will point you in the direction. From AJAX to iOS to World of Warcraft and finally to Zen, they have collected a cheat sheet for almost every language out there (in some cases, real or otherwise).
UPDATE: March 2017
The jQuery Cheat Sheet – Another one by Robert Mening, this 12 page cheat sheet breaks down the tougher parts of jQuery into simple categories such as selectors, manipulation, traversing and effects.
Thanks to Drew Johnston, our Social Media Coordinator, for his input in this article, and Andrei Silva for his contributions.