{"id":14982086,"url":"https://github.com/logeshpaul/frontend-cheat-sheets","last_synced_at":"2026-03-04T11:03:37.384Z","repository":{"id":28303330,"uuid":"31815980","full_name":"logeshpaul/Frontend-Cheat-Sheets","owner":"logeshpaul","description":"Collection of cheat sheets(HTML, CSS, JS, Git, Gulp, etc.,) for your frontend development needs \u0026 reference","archived":false,"fork":false,"pushed_at":"2024-06-07T05:23:04.000Z","size":30141,"stargazers_count":1107,"open_issues_count":6,"forks_count":227,"subscribers_count":49,"default_branch":"master","last_synced_at":"2025-04-30T02:39:09.292Z","etag":null,"topics":["accessibility","cheatsheet","css","frontend","git","gulp","html","javascript","jquery","task-runner"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/logeshpaul.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-03-07T15:20:15.000Z","updated_at":"2025-04-30T02:32:20.000Z","dependencies_parsed_at":"2024-06-07T06:32:22.897Z","dependency_job_id":"4f38e108-f2ec-4326-b79e-cda8ad100ca9","html_url":"https://github.com/logeshpaul/Frontend-Cheat-Sheets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/logeshpaul/Frontend-Cheat-Sheets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logeshpaul%2FFrontend-Cheat-Sheets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logeshpaul%2FFrontend-Cheat-Sheets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logeshpaul%2FFrontend-Cheat-Sheets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logeshpaul%2FFrontend-Cheat-Sheets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/logeshpaul","download_url":"https://codeload.github.com/logeshpaul/Frontend-Cheat-Sheets/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logeshpaul%2FFrontend-Cheat-Sheets/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30078420,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T08:01:56.766Z","status":"ssl_error","status_checked_at":"2026-03-04T08:00:42.919Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessibility","cheatsheet","css","frontend","git","gulp","html","javascript","jquery","task-runner"],"created_at":"2024-09-24T14:04:45.453Z","updated_at":"2026-03-04T11:03:37.342Z","avatar_url":"https://github.com/logeshpaul.png","language":null,"readme":"A curated list of cheat sheets you need it for your frontend development.\n\n## Contents\n\n- [HTML](#html)\n- [CSS](#css)\n- [Javascript](#javascript)\n- [jQuery](#jquery)\n- [Version Control](#version-control)\n- [Task Runner](#task-runner)\n- [Accessibility](#accessibility)\n\nHTML\n----\n| Title                          | Author | Download |\n| ------------------------------ | ------ | ---------|\n| **HTML5 Tag cheat sheet**      |        |          |\n| ![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) |\n|                                |        |          |\n| **HTML5 Canvas cheat sheet by Nihilogic**   |        |          |\n| ![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) |\n|                                |        |          |\n| **HTML Canvas cheat sheet** |        |          |\n| ![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) |\n|                                |        |          |\n| **HTML5 Element Flowchart**    |        |          |\n| ![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) |\n|                                |        |          |\n| **HTML5 Security cheat sheet** |        |          |\n| ![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) |\n|                                |        |          |\n| **HTML5 Cheat Sheet** |        |          |\n| ![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) |\n\n**[⬆ back to top](#contents)**\n\nCSS\n---\n| Title                       | Author | Download |\n| --------------------------- | ------ | ---------|\n| **CSS2 Cheat Sheet**        |        |          |\n| ![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) |\n|                             |        |          |\n| **CSS3 Cheat Sheet**        |        |          |\n| ![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) |\n|                             |        |          |\n| **WebKit CSS3 Cheat Sheet** |        |          |\n| ![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) |\n|                             |        |          |\n| **CSS Quick Reference**     |        |          |\n| ![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) |\n|                             |        |          |\n| **FontAwesome Quick Refrence**     |        |          |\n| ![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) |\n\n**[⬆ back to top](#contents)**\n\nJavascript\n----------\n| Title                           | Author | Download |\n| ------------------------------- | ------ | ---------|\n| **ES6 Cheat Sheet**             |        |          |\n| ![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) |\n|                                 |        |          |\n| **JavaScript Cheat Sheet**      |        |          |\n| ![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) |\n|                                 |        |          |\n| **JavaScript Quick Reference**  |        |          |\n| ![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) |\n|                             |        |          |\n| **ReactJS CheatSheet**     |        |          |\n| ![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) |\n|                             |        |          |\n| **JavaScript Cheat Sheet**     |        |          |\n| ![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) |\n\n**[⬆ back to top](#contents)**\n\njQuery\n------\n| Title                           | Author | Download |\n| ------------------------------- | ------ | ---------|\n| **jQuery 1.7 Cheat Sheet**      |        |          |\n| ![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) |\n| **jQuery Cheat Sheet by Website Setup**  |        |          |\n| ![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) |\n\n**[⬆ back to top](#contents)**\n\nVersion Control\n---------------\n| Title                    | Author | Download |\n| ------------------------ | ------ | ---------|\n| **Git Cheatsheet** |        |          |\n| ![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) |\n|                             |        |          |\n| **Working with Branches in Git Cheat Sheet**     |        |          |\n| ![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) |\n\n**[⬆ back to top](#contents)**\n\nTask Runner\n-----------\n| Title                    | Author | Download |\n| ------------------------ | ------ | ---------|\n| **Gulp Work Flow Sheet** |        |          |\n| ![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) |\n\n**[⬆ back to top](#contents)**\n\nAccessibility\n-------------\n| Title                    | Author | Download |\n| ------------------------ | ------ | ---------|\n| **Accessibility Cheatsheet** |        |          |\n| ![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) |\n\n**[⬆ back to top](#contents)**\n\nContributions\n-------------\nContribution would be of great help create a nice list\n\n* Fork the project\n* Make your feature addition or bug fix\n* Send pull request\n\n**Active Contributors**\n\n[![Logesh Paul](https://avatars3.githubusercontent.com/u/41541?v=3\u0026s=72)](https://github.com/logeshpaul) [![Gokulakrishnan](https://avatars0.githubusercontent.com/u/2944237?v=3\u0026s=72)](https://github.com/gokulkrishh)\n[![Devarshi Raval](https://avatars1.githubusercontent.com/u/20377686?v=4\u0026s=72)](https://github.com/djraval)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogeshpaul%2Ffrontend-cheat-sheets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flogeshpaul%2Ffrontend-cheat-sheets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogeshpaul%2Ffrontend-cheat-sheets/lists"}