Created
February 16, 2017 16:18
-
-
Save abhisheksliam/ef72e5612237cecb143bf06d996f23ab to your computer and use it in GitHub Desktop.
Web Cheat Sheet, CheatSheet, Revision List
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h2 id="css">CSS Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>CSS Vocabulary Cheatsheet</strong> <small><em>(apps.workflower.fi)</em></small></td> | |
| <td><a target="_blank" href="http://apps.workflower.fi/vocabs/css/en">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The Complete CSS Cheatsheet</strong> <small><em>(websitesetup.org)</em></small></td> | |
| <td><a target="_blank" href="http://websitesetup.org/css3-cheat-sheet/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The CSS3 Cheatsheet</strong> <small><em>(smashingmagazine.com)</em></small></td> | |
| <td><a target="_blank" href="https://www.smashingmagazine.com/2009/07/css-3-cheat-sheet-pdf/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Responsive Web Design Cheatsheet</strong> <small><em>(uxpin.com)</em></small></td> | |
| <td><a target="_blank" href="https://www.uxpin.com/studio/blog/responsive-web-design-cheat-sheet/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>CSS Media Queries Cheatsheet</strong> <small><em>(mac-blog.org.ua)</em></small></td> | |
| <td><a target="_blank" href="http://mac-blog.org.ua/css-3-media-queries-cheat-sheet/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>CSS Animation Cheatsheet</strong> <small><em>(justinaguilar.com)</em></small></td> | |
| <td><a target="_blank" href="http://www.justinaguilar.com/animations/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The Ultimate Flexbox Cheatsheet</strong> <small><em>(sketchingwithcss.com)</em></small></td> | |
| <td><a target="_blank" href="http://www.sketchingwithcss.com/samplechapter/cheatsheet.html">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="html">HTML Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>HTML Vocabulary Cheatsheet</strong> <small><em>(apps.workflower.fi)</em></small></td> | |
| <td><a target="_blank" href="http://apps.workflower.fi/vocabs/html/en">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The Mega HTML5 Cheatsheet</strong> <small><em>makeawebsitehub.com</em></small></td> | |
| <td><a target="_blank" href="https://makeawebsitehub.com/the-html-5-mega-cheat-sheet/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The HTML Elements Index</strong> <small><em>meiert.com</em></small></td> | |
| <td><a target="_blank" href="https://meiert.com/en/indices/html-elements/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>HTML5 Canvas Cheatsheet</strong> <small><em>simon.html5.org</em></small></td> | |
| <td><a target="_blank" href="https://simon.html5.org/dump/html5-canvas-cheat-sheet.html">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="javascript">JavaScript & jQuery Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>JavaScript Cheatsheet</strong> <small><em>(overapi.com)</em></small></td> | |
| <td><a target="_blank" href="http://overapi.com/javascript">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>jQuery Cheatsheet</strong> <small><em>(overapi.com)</em></small></td> | |
| <td><a target="_blank" href="http://overapi.com/jquery">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>jQuery Quick API Reference</strong> <small><em>(oscarotero.com)</em></small></td> | |
| <td><a target="_blank" href="https://oscarotero.com/jquery/">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="php">PHP Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>The PHP Cheatsheet</strong> <small><em>(overapi.com)</em></small></td> | |
| <td><a target="_blank" href="http://overapi.com/php">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>PHP Cheatsheets</strong> <small><em>(phpcheatsheets.com)</em></small></td> | |
| <td><a target="_blank" href="http://phpcheatsheets.com/">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="markdown">Markdown Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>Markdown Cheasheet</strong> <small><em>(code.ahren.org)</em></small></td> | |
| <td><a target="_blank" href="http://apps.workflower.fi/vocabs/html/en">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Markdown Here Cheatsheet</strong> <small><em>(github.com)</em></small></td> | |
| <td><a target="_blank" href="https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="bootstrap">Bootstrap Framework Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>Bootstrap 4 Cheatsheet</strong> <small><em>(hackerthemes.com)</em></small></td> | |
| <td><a target="_blank" href="https://hackerthemes.com/bootstrap-cheatsheet/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Bootstrap 3 Cheatsheet</strong> <small><em>(creativealive.com)</em></small></td> | |
| <td><a target="_blank" href="http://creativealive.com/master-cheat-sheet-twitter-bootstrap-3-pdf-download/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Glyphicons Cheatsheet</strong> <small><em>(glyphicons.bootstrapcheatsheets.com)</em></small></td> | |
| <td><a target="_blank" href="http://glyphicons.bootstrapcheatsheets.com/">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="wordpress">WordPress Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>Copy/Paste WordPress Cheatsheet</strong> <small><em>(buildyourownblog.net)</em></small></td> | |
| <td><a target="_blank" href="http://www.buildyourownblog.net/wordpress-cheat-sheet.pdf">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The Ultimate WordPress Development Cheatsheet</strong> <small><em>(wefixyourwp.com)</em></small></td> | |
| <td><a target="_blank" href="http://www.wefixyourwp.com/wordpress-development-checklist/">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="git">Git Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>Git Cheatsheet</strong> <small><em>(overapi.com)</em></small></td> | |
| <td><a target="_blank" href="http://overapi.com/git">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Git Pretty</strong> <small><em>(justinhileman.info)</em></small></td> | |
| <td><a target="_blank" href="http://justinhileman.info/article/git-pretty/">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="fonts">Web Fonts & Typography Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>Compatibility Tables for Default Local Fonts</strong> <small><em>(fontfamily.io)</em></small></td> | |
| <td><a target="_blank" href="http://fontfamily.io/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Google Font Cheatsheet</strong> <small><em>(ricostacruz.com)</em></small></td> | |
| <td><a target="_blank" href="http://ricostacruz.com/cheatsheets/google-webfonts.html">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Font Awesome Cheatsheet</strong> <small><em>(fontawesome.io/cheatsheet)</em></small></td> | |
| <td><a target="_blank" href="http://fontawesome.io/cheatsheet/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The Anatomy of Type Cheatsheet</strong> <small><em>(speckyboy.com)</em></small></td> | |
| <td><a target="_blank" href="https://speckyboy.com/wp-content/uploads/2010/10/FontAnatomyWallpaper1920x12001.jpg">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The Periodic Table of Typefaces Cheatsheet</strong> <small><em>(squidspot.com)</em></small></td> | |
| <td><a target="_blank" href="http://www.squidspot.com/Periodic_Table_of_Typefaces.html">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="code">Code Editor Shortcut Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>Sublime Text Cheatsheet</strong> <small><em>(speckyboy.com)</em></small></td> | |
| <td><a target="_blank" href="https://speckyboy.com/freebie-sublime-text-desktop-wallpaper/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Sublime Text Cheatsheet Plugin</strong> <small><em>(github.com)</em></small></td> | |
| <td><a target="_blank" href="https://github.com/dmikalova/sublime-cheat-sheets">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Commonly Used Sublime Text Commands</strong> <small><em>(csnipp.com)</em></small></td> | |
| <td><a target="_blank" href="http://csnipp.com/s/66/-List-of-commonly-used-sublime-text-commands">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Atom Editor Cheatsheet</strong> <small><em>(cloudfront.net)</em></small></td> | |
| <td><a target="_blank" href="http://d2wy8f7a9ursnm.cloudfront.net/atom-editor-cheat-sheet.pdf">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Atom Editor Keyboard Shortcut Cheatsheet</strong> <small><em>(blog.bugsnag.com)</em></small></td> | |
| <td><a target="_blank" href="https://blog.bugsnag.com/atom-editor-cheat-sheet/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Vim Cheatsheet</strong> <small><em>(vim.rtorr.com)</em></small></td> | |
| <td><a target="_blank" href="https://vim.rtorr.com/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>Notepad++ Cheatsheet</strong> <small><em>(drive.google.com)</em></small></td> | |
| <td><a target="_blank" href="https://drive.google.com/file/d/0B86nuTd5nMTKaENHcmliUC1kdnc/edit">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2 id="misc">Miscellaneous Cheatsheets</h2> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td><strong>The Web Developer’s SEO Cheatsheet</strong> <small><em>(moz.com)</em></small></td> | |
| <td><a target="_blank" href="https://d2eeipcrcdle6.cloudfront.net/seo-cheat-sheet.pdf">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>MySQL Command Line Cheatsheet</strong> <small><em>(github.com)</em></small></td> | |
| <td><a target="_blank" href="https://gist.github.com/hofmannsven/9164408">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>.htaccess Cheatsheet</strong> <small><em>(htaccesscheatsheet.com)</em></small></td> | |
| <td><a target="_blank" href="http://htaccesscheatsheet.com/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The Foundation Framework Cheatsheet</strong> <small><em>(sudheerdev.github.io)</em></small></td> | |
| <td><a target="_blank" href="https://sudheerdev.github.io/Foundation5CheatSheet/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The Color Theory Cheatsheet</strong> <small><em>(paper-leaf.com)</em></small></td> | |
| <td><a target="_blank" href="https://paper-leaf.com/blog/2010/01/color-theory-quick-reference-poster/">View Here →</a></td> | |
| </tr> | |
| <tr> | |
| <td><strong>The Screen Resolution Cheatsheet</strong> <small><em>(design215.com)</em></small></td> | |
| <td><a target="_blank" href="http://design215.com/toolbox/images/screen_resolutions.gif">View Here →</a></td> | |
| </tr> | |
| </tbody> | |
| </table> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment