Best CSS Tool for VS Code!! Mirror Editing
By codeSTACKr
Published: Feb 08, 2023“
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZVS Code Tip of the Day
Here’s one really cool feature of this extension. The feature is called CSS Mirror Editing.
In the dev tools, make any style changes you want. You’ll see them happen in real-time and the updates will be saved automatically to your stylesheet.
This is one of the coolest things I’ve seen in a while!
The Microsoft Edge Tools for Visual Studio Code extension allows you to use the Developers Tools right inside VS Code.”
Tag: Visual Studio
[#Script #Coding] FREE Link-in-Bio Generator that Twitter Cannot Ban
FREE Link-in-Bio Generator that Twitter Cannot Ban
By codeSTACKr
Published: Dec 24, 2022“
Upvote on Product Hunt: https://www.producthunt.com/posts/gentr-ee
Become A VS Code SuperHero Today: https://vsCodeHero.comGet my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Twitter (Elon Musk) announced that they will no longer allow free promotion of certain social media platforms on Twitter. The platforms that are restricted are Facebook, Instagram, Mastodon, Truth Social, Tribel, Nostr, Post, and 3rd-party social media link aggregators such as linktr.ee, lnk.bio.
Let’s take a look at this new policy and figure out how we can continue to provide value to our audiences.
Improve your online presence with a FREE link-in-bio generator that provides a unique URL and is not affiliated with any 3rd-party link aggregation services. You get full ownership of the generated page, preventing bans from social media platforms like Twitter
RESOURCES
GenTree Link-in-Bio generator: https://gentr.ee
Sign up for GitHub: https://github.com/signup
Sign up for Netlify: https://app.netlify.com/signup
Subscribe to my Newsletter: https://newsletter.codestackr.com/
Upvote on Product Hunt: https://www.producthunt.com/posts/…
Cassidy Williams Article: https://css-tricks.com/hack-the-deploy-to-netlify…Other:
https://commission.europa.eu/strategy-and-policy…
https://intercom.help/linktree…
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Timestamps
- 00:00 – Intro
- 00:31 – Promotion of alternative social platforms policy
- 03:30 – What does this mean?
- 04:38 – The policy vanishes
- 05:29 – What does the future hold?
- 07:13 – Introducing a Free link-in-bio generator
- 07:59 – Generate your free link in bio page
- 10:25 – Deploy your free link in bio page
- 11:30 – Customize your URL
- 12:22 – How to update the site
- 14:18 – Upvote on Product Hunt Please!
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] Best VS Code Extension for JavaScript Console Logging
Best VS Code Extension for JavaScript Console Logging
By codeSTACKr
Published: Dec 28, 2022“
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Even though console log may not always be the best way to debug JavaScript, we all use it. So, install the Turbo Console Log extension in VS Code to turbo charge your logs. Select any variable that you want to log, press CTRL+Alt+L (for log) and it will automatically add the log for you.
Not only does it add a log, but it adds to it the file, variable name, and the variable value to make them easy to find in the console. You can customize what’s included in each log in the settings. But that’s not even the best feature of this extension. You can press ALT+Shift+C to comment all log messages in a file.
ALT+Shift+U to uncomment all logs in a file.
And when you’re done debugging, press ALT+Shift+D to delete all logs in the file so no one will ever know you were using console logs to debug!
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] 12 ways to center a div
12 ways to center a div
By codeSTACKr
Published: Aug 30, 2022“
Watch the full explanation video: https://youtu.be/kphds-1V9o8
Become A VS Code SuperHero Today: https://vsCodeHero.comGet my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Why is it so hard to center a div in CSS? It used to be, but now we have so many options!
Here are 12 ways to center a div.
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] VS Code Extension: Template String Converter
VS Code Extension: Template String Converter
By codeSTACKr
Published: Dec 19, 2022“
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZDo you find yourself constantly having to convert strings to template strings so that you can include variables in JavaScript?
The Template String Converter extension in VS Code makes this a breeze!
After you’ve installed it, just start typing a ${ in any single or double quote string and it will automatically convert the string to use backticks!!
You’re welcome!
Tools I use:
codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
Show support!
PayPal: https://paypal.me/codeSTACKr
Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr”
[#Script #Coding] Top VS Code Updates | v1.69 Released!! | Tips & Tricks 2021 (Visual Studio Code)
Top VS Code Updates | v1.69 Released!! | Tips & Tricks 2021 (Visual Studio Code)
By codeSTACKr
Published: Jul 20, 2022“
Become A VS Code SuperHero Today: https://vsCodeHero.com
Get my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
In this video, we are going to look at some of the recent updates to VS Code (Visual Studio Code) with version 1.69. There are several great improvements.
If you want to learn more about VS Code, check out my VS Code course at https://vsCodeHero.com.
”
[#Script #Coding] Learn Terraform (and AWS) by Building a Dev Environment – Full Course for Beginners
Learn Terraform (and AWS) by Building a Dev Environment – Full Course for Beginners
By freeCodeCamp.org
Published: Apr 11, 2022“
Learn Terraform basics as you utilize Visual Studio Code (On Windows, Mac, or Linux!) to deploy AWS resources and an EC2 instance that you can SSH into to have your own redeployable environment.
Derek Morgan created this course. Check out more of his courses at: https://morethancertified.com
- LinkedIn: https://linkedin.com/in/derekm1215
- Twitter: https://twitter.com/derekm1215
Course Contents
- Welcome and Setup (0:00)
- What We’re Going to Build
- AWS IAM Setup
- Local Environment Setup
- Let’s Build! (7:22)
- AWS Provider and Terraform Init
- A VPC and Terraform Apply
- The Terraform State
- Terraform Destroy
- A Subnet and Referencing
- An IGW and Terraform fmt
- A Route Table
- A Route Table Association
- A Security Group
- An AMI Datasource
- A Key Pair
- An EC2 Instance
- Userdata and the File Function
- SSH Config Scripts
- The Provisioner and Templatefile
- The Deployment and Replace
- Variables
- Variable Precedence
- Conditional Expressions
- Outputs
- Conclusion
”
[#Script #Coding] Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners
Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners
By freeCodeCamp.org
Published: Jun 29, 2022“
This project will guide you through Terraform basics as you utilize Visual Studio Code (on Windows, Mac, or Linux!) to deploy Azure resources and an Azure VM that you can SSH into to have your own redeployable environment that will be perfect for your own future projects!
Derek Morgan created this course. Check out more of his courses at: https://morethancertified.com
LinkedIn: https://linkedin.com/in/derekm1215
Twitter: https://twitter.com/derekm1215Course Contents
- (0:00:00) Intro
- (0:01:51) VSCode Setup
- (0:05:24) Terraform Provider Init
- (0:11:26) A Resource Group
- (0:16:57) A Virtual Network and Referencing other Resources
- (0:23:29) Terraform State
- (0:27:17) Terraform Destroy
- (0:30:29) A Subnet
- (0:35:36) A Security Group
- (0:41:51) Security Group Associations
- (0:44:00) A Public IP
- (0:47:40) A Network Interface
- (0:52:45) A Key Pair
- (0:57:57) Custom Data
- (1:02:24) SSH Config Scripts
- (1:05:56) The Provisioner
- (1:14:53) Data Sources
- (1:19:04) Outputs
- (1:23:09) Variables
- (1:26:41) Variable Precedence
- (1:31:09) Conditionals
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…
”
[#Script #Coding] Top VS Code Updates | v1.64 Released!! | Tips & Tricks 2021 (Visual Studio Code)
Top VS Code Updates | v1.64 Released!! | Tips & Tricks 2021 (Visual Studio Code)
By codeSTACKr
Published: Feb 05, 2022
- Become A VS Code SuperHero Today: https://vsCodeHero.com
- Get my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-code-cheat-sheet
In this video, we are going to look at some of the recent updates to VS Code (Visual Studio Code) with version 1.64. There are several great improvements.”
[#Script #Coding] Visual Studio Code Full Course – VS Code for Beginners
Visual Studio Code Full Course – VS Code for Beginners
By freeCodeCamp.org
Published: Nov 04, 2020
Master Visual Studio Code (VS Code) and increase your programming productivity. You will learn the basics of VS Code along with tips and tricks to become a super user. You will also learn how to install and use common extensions for JavaScript, Python, and PHP.
• Course from Bitfumes. Check out the Bitfumes YouTube channel: https://www.youtube.com/bitfumes