Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Html And Css IntellisenseNew to Visual Studio Code? Get it now.
Html And Css Intellisense

Html And Css Intellisense

Aditya Krishna

|
15,025 installs
| (1) | Free
This An Extension Which Generates Code Snippets For HTML & CSS. Other Languges Will Have Support Soon.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

README

This is a beta version of Html And Css Intellisense. Feedback Is Appreciated , You Can Hit Me Up At My GitHub Repo Or My Website.

Features

!h Generates A HTML Broiler Plate With Refernce To A External CSS And Javascript File.

!hcss Generates A HTML Broiler Plate With A Internal CSS And Javascript Tags.

!login Generates A Full Fledge Login System Using Firebase. Please Make A Account on http://firebase.google.com/. Inorder To Get Your Info Go To Your Console And Click On Web App Inorder To Get Your Info. Please Make Sure To Enable Google Auth, Facebook Auth, Email Auth And Phone Number auth In The Firebase Console.

< hanim > Is Used To Create Animated Text. * No Spaces In Tag *

< hnav > Is A Snippet Used To Generate A Fully Functional Nav Bar. * No Spaces In Tag *

< structure > Is A Snippet Used To Create A Basic Html Body Structure. * No Spaces In Tag *

< scroll > Is A Snippet used To Create A Scroll Box. * No Spaces In Tag *

< mar > Is A Snippet That Cretes A Scrolling Text Animation * No spaces in tag *.

< switch > Is A Snippet That Creates A Switchmenu * No spaces in tag *.

CSS

Intoduced Css Snippets.

Added Shortened Margin And Padding ( Top,Bottom,Left And Right ) Snippets. Ex: m-b => margin-bottom , p-t => padding-top.

Format Of Margin And Padding Snippets

m-t => margin-top

m-b => margin-bottom

m-l => margin-left

m-r => margin-right

p-t => padding-top

p-b => padding-bottom

p-l => padding-left

p-r => padding-right

C- Folowed By The Color Name Create The CSS Color Property Followed By The Specified Color. Example => c-red => color: red;

Bg- Is A Similar Snippet To C#. Its Used To Create The CSS Background Color Property.Example => Bg-red => background-color: red;

Currently Supported Colors For Bg- And C-

Red

Orange

Yellow

Green

Blue

Purple

Pink

Brown

Black

Grey

Gray

White

whitesmoke

imp- Is A Shortened Snippet For The CSS Import Font Property. Jut Type imp_ followed By The Name Of The Font.

Fonts Currently Spported For Imp-

  • Roboto => imp-roboto

  • Montserrat => imp-montserrat

  • Dancing Script => imp-dancing

  • Balasmiq Sans => imp-balsamiq

  • Metal Mania => imp-mania

  • Yellowtail => imp-yello

  • Notable => imp-notable

  • Museo Moderno => imp-museo

  • Grenze Gotisch => imp-grenze

  • Bangers => imp-bang

  • Modak => imp-modak

  • Fondamento => imp-fond

  • Pacifico => imp-pacific

  • Oswald => imp-oswa

  • Lobster => imp-lob

  • Damion => imp-damion

Release Notes

Patch Notes Of Html And Css Intelisense | Easify.

1.0.0

Initial release of Html And Css Intellisense | Easify.

1.0.1

Implemented One Touch Login System Which Features Google , Facebook , Email And Phone Number Authentication Using Firebase.

1.0.2

Implemented Animated Headings And A Fully Finctional Navbar Snippet.

1.0.3

Implemented A Fully Functional Nav Bar.

1.0.4

Finally Added Some CSS Snipets. Introduced Shortened Color Tags , Bg Color Tags For CSS ( bg-color, c-color ).

1.0.5

Added Shortened Font Import Tag ( imp-fontname ).

1.0.6

Fixed Issues Of C- , Bg- And Imp- Not Working.

1.0.7

Rebranded As Easify. Changed Logo.

1.0.8

Improved Search Results Due To Poor Downloads.

1.0.9

Fixed Bugs.

1.1.0

Added Shortened Margin And Padding ( Top,Bottom,Left And Right ) Snippets. Ex: m-b => margin-bottom , p-t => padding-top.

1.1.1

Fixed Issue With < structure > Not Working As Intended.

1.1.2

Changed The Shortened Css Background And Color Snippets Syntax To c- And bg- instead of bg_ or c_.

< scroll > Snippet Creates A Scroll Box. * No Spaces In Tag *

New Fonts :

  • Museo Moderno

  • Yellowtail

  • Notable

imp- Syntaxes Are Available in The Section Above. Suggestions For New Fonts In My Github Page Or My Website Would Be Helpful.

1.1.3

Bug Fixes.

1.1.4

Added New Imp Fonts And Changed The Syntax Of Import Font From imp_ To imp-.

New Fonts :

  • Grenze Gotisch

  • Bangers

  • Modak

  • Fondamento

  • Pacifico

1.1.5

  • Added A Scrolling Text Tag In HTML Called < mar > * No spaces in tag *.
  • Added A Switchmenu In HTML called < switch > * No spaces in tag *.

1.1.6

  • Bug Fixes.

1.1.7

  • Issues With The Extension Has Been Addressed And Fixed If You Face Any Issues With The Extension Not Working As Intended Please Report It At My Github Page @ https://github.com/Spectrum-Beta/HTML-Snippets/issues

1.1.8

  • First Of All Im So Sorry For The Massive Update Delay.

  • New Fonts In The Css Snippets :

New Fonts :

  • Oswald

  • Lobster

  • Damion

  • Font Syntaxes Can Be Found In The Font Section Up Above.

1.1.9

Before We Move Into The Patch Notes I'd Like To Apologize For The Long Update Cycle.

  • Improved Search Results.
  • Easify Icon Redesign.
  • Fixed Bugs.

Easify You Life!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft