Code-Less
👩💻 Coding the repeatitive templates can be tiresome sometimes. Code-Less creates boiler templates for HTML and CSS effectively.👍
Features
- Creates boiler templates with maximum utility.
- Get rid of intial tiresome CSS and HTML starter code.
- Saves time while coding.
Usage Instructions
- Open the command palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X) and search for Code-Less.
- Type the prefix and you are good to go.
Snippets
| Snippet |
Render |
| !html |
HTML Boilerplate |
| !css |
CSS Boilerplate |
| form-html |
HTML for creating a basic form |
| search-form-html |
HTML for creating a search navbar |
| nav-html |
HTML for creating a navbar |
| fixed-nav-css |
Fixed Navbar CSS |
| center-div-css |
Center convoluted div |
| form-css |
CSS for creating a basic form |
| full-bg-img-css |
Full Background Image |
| top-nav-css |
Top Navbar Basic CSS |
| side-nav-css |
Side Navbar Basic CSS |
| footer-css |
CSS for creating a footer |
| grid-css |
CSS for creating a grid |
| table-css |
CSS for creating a table |
| 2-cols-css |
CSS for creating 2 column structure |
| grad-css |
CSS for color gradient |
| mask-css |
CSS for masking one image above another |
| card-css |
CSS for creating a card |
| btn-css |
CSS for creating a button |
| search-css |
CSS for creating a search bar |
| |
