@phoenix-plugin-registry/keystrap

Add Bootstrap 3 HTML5 Snippets to your page by hitting keyboard key-combos.

Usage no npm install needed!

<script type="module">
  import phoenixPluginRegistryKeystrap from 'https://cdn.skypack.dev/@phoenix-plugin-registry/keystrap';
</script>

README

KeyStrap for Brackets

A Brackets extension to add Bootstrap 3 HTML5 Snippets to your page using simple (and sometimes complex) shortcut keys.

Error Reporting

In testing a found a few Bracket extensions that conflict with my keyboard shortcut layout scheme. If you find a bug, please hit F12 for the debugger and contact me with the error code. ~Thanks

Installation

  1. Open the Brackets Extension Manager and search for "KeyStrap".
  2. Download straight from GitHub using https://github.com/AsherPeruscini/KeyStrap/archive/master.zip

Directions

  • Ctrl + Shift + C > container
  • Ctrl + Shift + Alt + C > fluid container
  • Ctrl + Shift + R > row
  • Ctrl + Shift + Alt + R > fluid row
  • Ctrl + Shift + S >
  • Ctrl + F1 > col-xs-1
  • Ctrl + F2 > col-xs-2
  • Ctrl + F3 > col-xs-3
  • Ctrl + F4 > col-xs-4
  • Ctrl + F5 > col-xs-5
  • Ctrl + F6 > col-xs-6
  • Ctrl + F7 > col-xs-7
  • Ctrl + F8 > col-xs-8
  • Ctrl + F9 > col-xs-9
  • Ctrl + F10 > col-xs-10
  • Ctrl + F11 > col-xs-11
  • Ctrl + F12col-xs-12
  • Ctrl + Alt + F1col-sm-1
  • Ctrl + Alt + F2col-sm-2
  • Ctrl + Alt + F3col-sm-3
  • Ctrl + Alt + F4col-sm-4
  • Ctrl + Alt + F5col-sm-5
  • Ctrl + Alt + F6col-sm-6
  • Ctrl + Alt + F7col-sm-7
  • Ctrl + Alt + F8col-sm-8
  • Ctrl + Alt + F9col-sm-9
  • Ctrl + Alt + F10 > col-sm-10
  • Ctrl + Alt + F11 > col-sm-11
  • Ctrl + Alt + F12 > col-sm-12
  • Ctrl + Shift + F1 > col-md-1
  • Ctrl + Shift + F2 > col-md-2
  • Ctrl + Shift + F3 > col-md-3
  • Ctrl + Shift + F4 > col-md-4
  • Ctrl + Shift + F5 > col-md-5
  • Ctrl + Shift + F6 > col-md-6
  • Ctrl + Shift + F7 > col-md-7
  • Ctrl + Shift + F8 > col-md-8
  • Ctrl + Shift + F9 > col-md-9
  • Ctrl + Shift + F10 > col-md-10
  • Ctrl + Shift + F11 > col-md-11
  • Ctrl + Shift + F12 > col-md-12
  • Shift + Alt + F1 > col-lg-1
  • Shift + Alt + F2 > col-lg-2
  • Shift + Alt + F3 > col-lg-3
  • Shift + Alt + F4 > col-lg-4
  • Shift + Alt + F5 > col-lg-5
  • Shift + Alt + F6 > col-lg-6
  • Shift + Alt + F7 > col-lg-7
  • Shift + Alt + F8 > col-lg-8
  • Shift + Alt + F9 > col-lg-9
  • Shift + Alt + F10 > col-lg-10
  • Shift + Alt + F11 > col-lg-11
  • Shift + Alt + F12 > col-lg-12
  • Ctrl + 1 > insert col-xs-offset-{number}
  • Ctrl + 2 > insert col-sm-offset-{number}
  • Ctrl + 3 > insert col-md-offset-{number}
  • Ctrl + 4 > insert col-lg-offset-{number}
  • Ctrl+Shift+N > Create a Navigation toolbar
  • Ctrl+Shift+P > Create a Panel
  • Ctrl+Shift+M > Create a Modal
  • Ctrl+Shift+I > Create an input group
  • Ctrl+Shift+C > Create an input group
  • Ctrl+Shift+Alt+C > Create an input group
  • More Components coming soon

This will make the relevant snippets at cursor location.

License

MIT License

** A special thanks to codeomnitrix for the inspiration and starter code for this project!