Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/logeshpaul/Frontend-Cheat-Sheets

Collection of cheat sheets(HTML, CSS, JS, Git, Gulp, etc.,) for your frontend development needs & reference
https://github.com/logeshpaul/Frontend-Cheat-Sheets

accessibility cheatsheet css frontend git gulp html javascript jquery task-runner

Last synced: about 1 month ago
JSON representation

Collection of cheat sheets(HTML, CSS, JS, Git, Gulp, etc.,) for your frontend development needs & reference

Awesome Lists containing this project

README

        

A curated list of cheat sheets you need it for your frontend development.

## Contents

- [HTML](#html)
- [CSS](#css)
- [Javascript](#javascript)
- [jQuery](#jquery)
- [Version Control](#version-control)
- [Task Runner](#task-runner)
- [Accessibility](#accessibility)

HTML
----
| Title | Author | Download |
| ------------------------------ | ------ | ---------|
| **HTML5 Tag cheat sheet** | | |
| ![HTML5 Tag Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/html5-cheatsheet-preview.png "HTML5 Tag Cheat Sheet") | _Websitesetup.org_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/HTML5-cheat-sheet.pdf), [PNG](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/html5-cheat-sheet.png) |
| | | |
| **HTML5 Canvas cheat sheet by Nihilogic** | | |
| ![HTML5 Canvas Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/html5-canvas-cheat-sheet-preview.png "Canvas Cheat Sheet") | _nihilogic.dk_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/HTML5_Canvas_Cheat_Sheet.pdf) |
| | | |
| **HTML Canvas cheat sheet** | | |
| ![HTML5 Security Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/html5-canvas-cheat-sheet.png "Canvas Cheat Sheet") | _skilled.co_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/HTML_Canvas_Cheatsheet.pdf), [PNG](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/HTML_Canvas_Cheatsheet.png) |
| | | |
| **HTML5 Element Flowchart** | | |
| ![HTML5 Element Flowchart](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/HTML5-flow-chart-preview.png "HTML5 Element Flowchart") | _HTML5 Doctor_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/html5-flowchart.pdf) |
| | | |
| **HTML5 Security cheat sheet** | | |
| ![HTML5 Security Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/HTML5-Security-Cheat-Sheet-preview.png "HTML5 Security Cheat Sheet") | _owasp_ | [PNG](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/HTML5-Security-Cheat-Sheet.png) |
| | | |
| **HTML5 Cheat Sheet** | | |
| ![HTML5 Cheat Sheet](https://i.postimg.cc/8cYsGrMZ/html-cheat-sheet.png "HTML5 Cheat Sheet") | _Tower_ | [PDF](https://www.git-tower.com/learn/cheat-sheets/html) |

**[⬆ back to top](#contents)**

CSS
---
| Title | Author | Download |
| --------------------------- | ------ | ---------|
| **CSS2 Cheat Sheet** | | |
| ![CSS2 Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/css2-cheatsheet-preview.png "CSS2 Cheat Sheet") | _Woorkup_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/CSS2-Visual-Cheat-Sheet.pdf) |
| | | |
| **CSS3 Cheat Sheet** | | |
| ![CSS3 Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/css3-cheatsheet-preview.png "CSS3 Cheat Sheet") | _Smashing Magazine_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/css3-cheat-sheet.pdf) |
| | | |
| **WebKit CSS3 Cheat Sheet** | | |
| ![WebKit CSS3 Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/webkit-css3-cheat-sheet.png "WebKit CSS3 Cheat Sheet") | _Sencha_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/webkit-css3-cheat-sheet.pdf) |
| | | |
| **CSS Quick Reference** | | |
| ![CSS Quick Reference](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/css-quick-reference.png "CSS Quick Reference") | _Explain That_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/css-quick-reference.pdf) |
| | | |
| **FontAwesome Quick Refrence** | | |
| ![FontAwesome Quick Refrence](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/FontAwesome.png "FontAwesome Quick Refrence") | Bootstrap Cheatsheet | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/FontAwesome.pdf), [PNG](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/FontAwesome.png) |

**[⬆ back to top](#contents)**

Javascript
----------
| Title | Author | Download |
| ------------------------------- | ------ | ---------|
| **ES6 Cheat Sheet** | | |
| ![ES6 Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/es6-cheat-sheet-preview.png "ES6 Cheat Sheet") | _Toptal_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/es6-cheat-sheet.pdf) |
| | | |
| **JavaScript Cheat Sheet** | | |
| ![Javascript Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/javascript-cheatsheet-preview.png "Javascript Cheat Sheet") | _Dave Child_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/javascript-cheat-sheet.pdf) |
| | | |
| **JavaScript Quick Reference** | | |
| ![JavaScript Quick Reference](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/javscript-quick-reference.png "JavaScript Quick Reference") | _Explain That_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/javascript-quick-reference.pdf) |
| | | |
| **ReactJS CheatSheet** | | |
| ![ReactJS CheatSheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/ReactJS.png "ReactJS CheatSheet") | DevHints.IO | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/ReactJS.pdf), [PNG](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/ReactJS.png) |
| | | |
| **JavaScript Cheat Sheet** | | |
| ![JavaScript Cheat Sheet](https://i.postimg.cc/Pq6CycNG/javascript-cheat-sheet.png "JavaScript Cheat Sheet") | _Tower_ | [PDF](https://www.git-tower.com/learn/cheat-sheets/javascript) |

**[⬆ back to top](#contents)**

jQuery
------
| Title | Author | Download |
| ------------------------------- | ------ | ---------|
| **jQuery 1.7 Cheat Sheet** | | |
| ![jQuery 1.7 Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/jquery-1.7-cheatsheet-preview.png "jQuery 1.7 Cheat Sheet") | _Woorkup_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/jQuery-1.7-Visual-Cheat-Sheet.pdf) |
| **jQuery Cheat Sheet by Website Setup** | | |
| ![jQuery Cheat Sheet by Website Setup](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/jquery-cheatsheet-website-setup-preview.png "jQuery Cheat Sheet by Website Setup") | _Website Setup_ | [PNG](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/Jquery-Cheat-Sheet-WSU.png), [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/jquery-cheat-sheet-wsu.pdf) |

**[⬆ back to top](#contents)**

Version Control
---------------
| Title | Author | Download |
| ------------------------ | ------ | ---------|
| **Git Cheatsheet** | | |
| ![Git Cheatsheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/git-cheatsheet-preview.png "Git Cheatsheet") | _Tower_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/Git-CheatSheet.pdf) |
| | | |
| **Working with Branches in Git Cheat Sheet** | | |
| ![Working with Branches in Git Cheat Sheet](https://i.postimg.cc/Fzkk7Z9M/git-branches-cheat-sheet.png "Working with Branches in Git Cheat Sheet") | _Tower_ | [PDF](https://www.git-tower.com/learn/cheat-sheets/git-branches) |

**[⬆ back to top](#contents)**

Task Runner
-----------
| Title | Author | Download |
| ------------------------ | ------ | ---------|
| **Gulp Work Flow Sheet** | | |
| ![Gulp Cheat Sheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/gulp-js-preview.png "Gulp Cheat Sheet") | _Opensource Cafe_ | [PDF 1](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/gulp-js-p1.pdf), [PDF 2](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/gulp-js-p2.pdf) |

**[⬆ back to top](#contents)**

Accessibility
-------------
| Title | Author | Download |
| ------------------------ | ------ | ---------|
| **Accessibility Cheatsheet** | | |
| ![Accessibility Cheatsheet](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/images/accessibility-cheatsheet-preview.png "Accessibility Cheatsheet") | _bitsofco.de_ | [PDF](https://raw.githubusercontent.com/logeshpaul/Frontend-Cheat-Sheets/master/download/The-Accessibility-Cheatsheet.pdf) |

**[⬆ back to top](#contents)**

Contributions
-------------
Contribution would be of great help create a nice list

* Fork the project
* Make your feature addition or bug fix
* Send pull request

**Active Contributors**

[![Logesh Paul](https://avatars3.githubusercontent.com/u/41541?v=3&s=72)](https://github.com/logeshpaul) [![Gokulakrishnan](https://avatars0.githubusercontent.com/u/2944237?v=3&s=72)](https://github.com/gokulkrishh)
[![Devarshi Raval](https://avatars1.githubusercontent.com/u/20377686?v=4&s=72)](https://github.com/djraval)