Do you want to learn how to become a web developer in 2022? The first step is to pick a code editor. codeSTACKr shows how we can get set up in order to start learning the basics and essentials of VSCode for HTML/CSS, and web development in general.
This tutorial will highlight a lot of the basics for developing web design and code within Visual Studio Code (VSCode). The highlights in this video include:
1. Installing VSCode
3. Top themes examples
4. Tips, and features of VSCode as a web development IDE
5. Installing some of the video author's favorite extensions.
This video is intended for beginners, but it can be a slight refresher for anyone looking to change IDE's, or someone getting into/back-into web development entirely!
>Visual Studio Code provides basic support for HTML programming out of the box. There is syntax highlighting, smart completions with IntelliSense, and customizable formatting. VS Code also includes great Emmet support.
Okay, now that I've copied and pasted the first paragraph from the official [VisualStudio Code](https://code.visualstudio.com/) website, you can explore on your own the plethora of HTML & CSS advice, for VSCode, that this website will provide!
Get out there and start coding!
Are you new to HTML & CSS? Are you a novice? Are you an advanced user? Well, either way, check out this link in order to learn just a tad more, or brush up on what you already know and probably forget (hence all the Googling lol)!
We all know how to write HTML & CSS. Wait, what? We don't? Well, there's no time like the present!
Travis Horn posted a fantastic blog which gives the reader easy-to-follow instructions on how to create a responsive CSS Grid in just around two minutes.
We all know Flexbox is a great savior to the CSS community. But, what about Grid? A lot of people avoid Grid because it uses fractional designations for rule properties. The thing is, once you practice Grid for a few hours, implementing these blog tips and others, it's only a matter of time before the fractional designations, as well as the custom property values, become second nature.
Your homework: Practice using these Grid techniques, at least 20 minutes a day, for 5 days straight.
Check out [CodePen](https://www.codepen.io/). Create an account there, and then start your merry journey with CSS Grid. You'll be amazed at how simple any CSS tools, including Grid, can become just by using them for only 20 minutes a day, 5 days a week. Bored? Practice your grids!
Kevin Powell again explains the ins and outs of CSS Grid!
This awesome tutorial will allow you to explore the variations of CSS Grid, and give you some of the foundations of how Grid works, as well as the basics on how to create a more responsive design utilizing CSS Grid.
This very brief tutorial showcases how to make better Drop Shadows in Photoshop.
If you're under the impression that creating drop shadows for your logos involves basic shadow components, think again! The highlights of this video are mainly that you can, indeed, create multiple drop shadows for your Photoshop projects. Never worry about how to make your logos *pop* stronger with deeper, richer shadows.
Flexbox Froggy is a game where you help Froggy and friends by writing CSS code!
The interactive game tutorial helps users develop a better grasp of exactly what flexbox does, and how to use it in order to manipulate element locations throughout the DOM.