🔴 Create your own CSS Snippets in VS Code in 2022 | Make Developer Life Easy ♥
Channel: Thapa Technical
Date: 2022-03-05

Welcome Guys, Today in this video we are going to create our own CSS Snippets in VS Code

What is a snippet?

A snippet is a small section of text or source code that can be inserted into the code of a program or Web page. Snippets provide an easy way to implement commonly used code or functions into a larger section of code. Instead of rewriting the same code over and over again, a programmer can save the code as a snippet and simply drag and drop the snippet wherever it is needed. By using snippets, programmers and Web developers can also organize common code sections into categories, creating a cleaner development environment.

In this video, we have seen an example of snippet of CSS code.
Then we have created our own snippet in VS code to "Center the div" and for width and height.

👉 Free Source Code: https://www.thapatechnical.com/2022/03/create-your-own-css-snippets-in-vs-code.html
😍 Check my Instagram to Connect with me:     https://www.instagram.com/thapatechnical

----------- Timeline -----------
00:00 Introduction 
00:48 What is snippets?
01:54 Example 
04:17 How to create your own snippets? 
06:07 Creating snippets to "center the div"
09:13 Awesome Trick 
12:56 Outro

************* Must Watch Videos For Web Development *************

➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: https://www.youtube.com/playlist?list=PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ

➡️ React JS Project Netflix App Part #1 in Hindi in 2020: https://youtu.be/HRhJVGjIraE
 
➡️ Install VS Code for ReactJS LINK: https://www.thapatechnical.com/2020/05/install-reactjs-windows-install-nodejs.html

😍😍 Check  Programming Videos in One Hour👇 

➡️ Complete Reactjs in One video here  https://youtu.be/43IbFDSVdB0

➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw


➡️ CSS in One video:  https://youtu.be/hkQv0NIxKQY


➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA


➡️ JavaScript in One video:   https://youtu.be/PODgPW-hbfU


➡️  ECMAScript 6 in One Video:  https://youtu.be/Iek4DtRobLA


➡️ HTML5 in one video:  https://youtu.be/4V0-YpO-KZo


➡️ CSS3 in one video:  https://youtu.be/TFrFx7H5ZI8


➡️ Bootstrap4 in One video:   https://youtu.be/yZnNnvXO8HI


➡️ Jquery in One video:  https://youtu.be/PNvyPEQ0y-I


➡️ JSON in one video:  https://youtu.be/bMqevPKAPD4


➡️ ReactJS in one video:  https://youtu.be/43IbFDSVdB0


➡️ PHP in One Video:  https://youtu.be/3024Kc6SDJ0


➡️ NodeJS in one video:  https://youtu.be/ipnWAKoiBt


➡️ MySQL in one video:   https://youtu.be/5bFxbwjN-Gk


*********** CLICK HERE TO WATCH *************

➡️ Fetch API in JavaScript: https://youtu.be/TojSXOuGUW4

➡️ AJAX tutorial for beginners in Hindi: https://www.youtube.com/playlist?list=PLwGdqUZWnOp3ZgLj8upMGSRSC1ezBfEZs

➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: https://youtu.be/Qcph3GB1JFs

➡️ Async Await in JavaScript in Hindi: https://youtu.be/hFLXE5-JCcs

➡️ Promises in JavaScript in Hindi: https://youtu.be/xGBhmi4wwMI

➡️ Callback Hell in JavaScript: https://youtu.be/fr67u98nckk

 ➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true

➡️ ECMAScript Tutorial in Hindi 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp19VX-DM4oHtmWhDfWblFh-

➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA

➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg


➡️ Source Code Link: https://www.thapatechnical.com/2019/11/how-to-get-source-code.html


➡️ Top 5 Programming Languages in 2020:  https://youtu.be/czroY5nAD0c


➡️ Ludo Game JavaScript Link: https://youtu.be/_tlncjn1JpU 


➡️Plz show some love to My Siter Youtube Channel and Plz Subscribe Link: https://www.youtube.com/channel/UCEst8yZ12JEYsSVVXmtU7GQ


 ***************** MUST WATCH VIDEOS ******************  


➡️ How to become a Full Stack Developer 2020: https://youtu.be/etZ4jq_YjyM


➡️ How To Become a Web Developer 2020: https://youtu.be/Ur9LGVT-GXs


➡️ How JavaScript Works:  https://youtu.be/VaBP6_pBOgM


➡️  Follow me on Instagram: https://www.instagram.com/vinodthapa55/



Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi

➡️ Link: https://youtu.be/cKR9gzco3Kc


Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.


Don't Forget to Follow  me on all Social Network, 


Website Link:  https://www.thapatechnical.com


Instagram Link:     https://www.instagram.com/vinodthapa55


Facebook Link:     https://www.facebook.com/vinodthapa55


Twitter       Link:     https://twitter.com/vb55thapa


Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa/?ref=aymt_homepage_panel&eid=ARCTi5kdE1POliSOXnW51qZdo6NcpcSOqrioqut1KDac_CfgY5OCey-vcHlgRDgc_OK6eYNFCF_Rrfiq