Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Code-LessNew to Visual Studio Code? Get it now.

Code-Less

Riya Roy

|
36 installs
| (0) | Free
HTML and CSS snippet generator
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

  1. Open the command palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X) and search for Code-Less.
  2. 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

Alt text

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft