Issue #89 (Terminal Contrast Ratio)01/03/24
Techpresso: Get Smarter About AI and Tech in 5 mins
Receive a daily summary of the most important AI and Tech news, carefully selected from 60+ media outlets.
Also includes a good dose of tech tools and programming-related apps and resources. Join 30,000+ professionals from OpenAI, Meta, Google, Microsoft, Hugging Face, JP Morgan, and more.
|
|
|
|
If you're a CSS developer and use VS Code, once in a while you'll want to review various settings to see if you can make improvements to how VS Code handles your CSS.
For example, if you search for the term "CSS" in your settings, you'll get about 30 or so settings, along with just as many for SCSS/Less. Below are a few CSS-related settings that you might consider adjusting.
Two of the first settings that show up are related to code completion with CSS. One setting automatically inserts a semi-colon when you complete a CSS declaration, and the other triggers property value completion.
Both are enabled by default, but you can choose to change those if, for example, you like to leave off the semi-colon at the end of a declaration block and don't want to waste time removing the ones automatically added.
Another pair of settings that are enabled by default are Hover settings. These allow you to disable the little info tooltips that appear when you hover over something in your CSS document. These can also be enabled/disabled for HTML.
Maybe you find these helpful but if you find them distracting, you can disable them. Interestingly, the description for the Documentation hover seems to be taken from the equivalent HTML setting, so that should probably be corrected.
And lastly, by default VS Code includes a number of different CSS language formatting options that fall under CSS > Format. These settings are varied and allow you to do things like:
- Where to put the opening and closing curly braces
- Whether to put new lines between rulesets
- Whether to separate selectors with new lines
- Whether to include spaces around combinators (e.g. article + p instead of article+p)
That's just a small sample of the CSS-related settings and formatting options available in VS Code, some of which can also be improved on with extensions like Prettier and others.
Now on to this week's hand-picked links!
|
|
|
VS Code Tools
|
Polacode — Not a new extension and it hasn't been updated in a while, but this is a VS Code extension that lets you take a pretty screenshot of your code inside your editor.
Go Test Explorer — A VS Code extension for Go developers that lets you run tests on your Go lang code.
Techpresso — Receive a daily summary of the most important AI and Tech news, carefully selected from 60+ media outlets. Join 30,000+ professionals from OpenAI, Meta, Google, Microsoft, Hugging Face, JP Morgan, and more. Sponsor
VSCode Notion — An unofficial VS Code extension that lets you browse Notion pages directly inside Visual Studio Code, with support for both public and private pages.
|
VS Code Theme of the Week
|
Winter is Coming — If you're like me, then the last thing you want to hear about is winter! But don't worry, this is not a real snowstorm, it's just a small set of VS Code themes named after my least favourite season of the year.
The extension includes six themes: Dark Black (shown above), Dark Blue, Light, and all three of those without italics. Italics aren't my favourite so I'd probably choose a non-italic version, but I thought I would screencap one of the italic themes so you could see if it's to your liking.
|
|
|
|
|
VS Code Articles & Videos
|
|
|
|
|
Best of the Rest
|
Modern C++ Programming — An open-access course directed at those who are already familiar with C and object-oriented programming who want to gain a proficiency level of C++ programming.
Lightning AI — An all-in-one platform for AI development, to code together. prototype, train, scale, serve, and more, from your browser, with zero setup.
CodeBit — A platform that allows you to type code and generate a code learning video that you can customize and export as MP4.
If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.
That's it for this issue.
Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
|
|
|
