Web development

Open VSX Is an Open-Source Alternative to Microsoft’s Marketplace

When working with VSCodium, it’s possible you can’t find an extension you’ve seen in the marketplace. Here’s why.

Visual Studio Code May Not Be As Open Source As You Think

Microsoft publishing its tools under an open-source license did quite an effect. Thing is, the MIT-license applies to the source code, but not to the binary they distribute.

Here are some explanation on this, and two possible alternatives.

Prefer Standard Fonts for Your Website

When designing a website, we’re often tempted to use custom webfonts to make it stand out. Yet, the French collective for a responsible design of digital services provides one simple rule in their referential for web ecodesign:

Use standard typefaces

translated from Référentiel d'écoconception web (FR), Collectif Conception responsable de service numérique

Let’s have a look at what’s behind this rule.

From Bitmap Images to Inline SVGs

When I started this website, I wanted my personal illustrations to feel handdrawn. After two years, those illustrations were a collection of charts and graphs. There are more precise ways to convey that type of information. SVG is one of them, with a generally lighter footprint and better accessibility, so I went for it.

Better Social and Share Buttons

Social and share buttons seem to be a must-have nowadays, but following the official docs for these may not be the best option for an efficient solution.

What’s up? (January 2021)

Keyboard Playing has been calm for some months in 2020. It was, however, not forgotten. It’s alive again and some changes were made in the last weeks.

Make Sure These Node Modules Are Those You Wanted

Sometimes, I don’t understand something, so I search the answer and sharing it is natural. Sometimes, I don’t think sharing it will be any use, until I realize that some people, even in my team, struggle with the same thing. This post is in the second category.

If you use NPM regularly, you must have noticed it adds tildes (~) or carets (^) in front of your dependencies’ version number. You may also have noticed it creates a package-lock.json file. If you don’t know what any of these are, this post will shed some light.

Keyboard Playing’s Technological Stack

Last week, Tony asked me about the technological stack behind my website. It’s a subject I wanted to write about once the website was stable, but I keep tinkering with it. As such, it’s far from finished and I still have many ideas, but let’s talk about it now nonetheless.