All Tools/Cheat Sheets & Snippets

Cheat Sheets & Snippets

Download free developer cheat sheets for JavaScript, CSS, HTML, and React. Find quick reference guides and code snippets for significantly faster coding.

41 tools✦11 best picks

Sort by

✦
DevDocs
devdocs.io
Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app.
(opens in a new tab)
✦
OverAPI
overapi.com
Collecting all cheat sheets. One of the best cheat sheet repositories.
(opens in a new tab)
✦
Quickref me
quickref.me
A website with a cheat sheet about many popular programming languages
(opens in a new tab)
Awesome-cheatsheets
github.com/LeCoupa/awesome-cheatsheets
Cheatsheets for popular programming languages, frameworks and development tools.
(opens in a new tab)
Github-cheat-sheet
github.com/tiimgreen/github-cheat-sheet
A collection of cool hidden and not so hidden features of Git and GitHub.
(opens in a new tab)
✦
iHateRegex
ihateregex.io
i Hate Regex is a regex cheat sheet that also explains the commonly used expressions so that you understand it
(opens in a new tab)
Regular Expressions Cheat Sheet
cheatography.com/davechild/cheat-sheets/regular-expressions
A quick reference guide for regular expressions (regex), including symbols, ranges, grouping, assertions and some sample patterns to get you started.
(opens in a new tab)
✦
Devhints.io
devhints.io
Modest collection of cheatsheets
(opens in a new tab)
Htmlreference
htmlreference.io
Learn by example: htmlreference.io is a free guide to HTML. It features all elements and attributes.
(opens in a new tab)
The Complete HTML Cheat Sheet
www3.cs.stonybrook.edu/~pramod.ganapathi/doc/CSE102/CSE102-CheatSheetHTML.pdf
The Complete HTML cheat sheet from hostinger
(opens in a new tab)
✦
Html Head
htmlhead.dev
A simple guide to HTML <head> elements
(opens in a new tab)
Cssreference.io
cssreference.io
A free visual guide to CSS
(opens in a new tab)
CSS Shorthand Properties Cheat Sheet
i.imgur.com/XDi2KwR.jpg
Shorthand properties can be used to set several properties at once in a single declaration.
(opens in a new tab)
Bem cheatsheet
9elements.com/bem-cheat-sheet
BEM is a popular naming convention for classes in HTML and CSS. And this is a visualised BEM cheatsheet
(opens in a new tab)
Flex Malven
flexbox.malven.co
A flexbox grid cheatsheet to reference when working with flexbox
(opens in a new tab)
Grid by Example
gridbyexample.com/examples
Everything you need to learn CSS Grid Layout
(opens in a new tab)
Grid Malven
gridbyexample.com
A css grid cheatsheet to reference when creating a css grid
(opens in a new tab)
CSS Grid Cheat Sheet Illustrated
dev.to/joyshaheb/css-grid-cheat-sheet-illustrated-in-2021-1a3
Detailed grid cheat sheet article. In this article, you can learn just about anything regarding grid.
(opens in a new tab)
✦
Basic Javascript Cheat Sheet
./files/js-cheatheet.pdf
Cheet sheat with illustrated instructions
(opens in a new tab)
Detailed Javascript Cheat Sheet
github.com/wilfredinni/javascript-cheatsheet
Detailed Javascript Cheat Sheet with examples
(opens in a new tab)
✦
Quickref Javascript
quickref.me/javascript
A JavaScript cheat sheet with the most important concepts, functions, methods, and more. A complete quick reference for beginners.
(opens in a new tab)
Javascript Questions
github.com/lydiahallie/javascript-questions
From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit, or prepare for your coding interview!
(opens in a new tab)
✦
30secondsofcode.org
30secondsofcode.org
A wide variety of snippet and article collections for CSS, JavaScript, Python and more.
(opens in a new tab)
React-typescript-cheatsheet
react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/basic_type_example
Cheatsheets for experienced React developers getting started with TypeScript
(opens in a new tab)

Related Categories