Max Glenister

Things I've found

Links, videos and the odd note, posted here first and shared to Mastodon. The best of each week ends up in Links Worth a Look on the blog.

đź“Ł A new blog post: Using a Raspberry Pi to Host a local Visual Studio Code Server

Using a Raspberry Pi to Host a local Visual Studio Code Server | The blog of Max Glenister I tend to work on this blog from multiple machines in my home. These include a desktop PC running Windows, a MacBook Pro running macOS, and a Chromebook with the Linux environment enabled. Across all of these machines I primarily use Visual Studio Code. blog.omgmog.net

This is a great build log for converting a garage to a habitable workshop space.

Feeling bad that I've not done anything close to this with my garage yet!

DIY: Garage to Workshop Conversion - MichD In June 2021, my partner Brittany and I realised a dream: we bought a house. When viewing the place, the owners showed surprise about us wanting to have a look at the standalone double garage. It was packed full of unwanted stuff, leaving barely any room to walk. As “makers”, we had some different ideas for the space. Soon after we got the keys, we got to work. Let’s get the before/after out of the way before going through the whole thing. Before How we found the garage on the day we received the keys, June 11th. The previous owners cleared out most of their stuff, but left us a few things we might find useful. After The finished product after all the work we’ve completed, from a similar viewpoint. Better photos near the end of the post. The goal was to have a finished “inside” style room we’d be comfortable in for our nerdy activities. michd.me

Replied to a post on codesubmit.io

I've still got a couple of unused branded notebooks from conferencing 5 years ago! Saying that, I'm always happy to receive free stationary...

Do Developers Still Want Swag? Over the years, company merchandise, also known as swag (short for “stuff we all get”), has become something of a status symbol in some circles. But do developers still want swag? Find out more in our latest article. codesubmit.io

Replied to a post on blog.jim-nielsen.com

Some notes/thoughts in response to https://blog.jim-nielsen.com/2022/ordering-css-delcarations/

Sorting your CSS property declarations is fine, and tools such as StyleLint [1] have plugins [2] to make adhering to this goal a lot easier. If you're already pre-processing (or post-processing) then it should be easy to add StyleLint to your workflow.

In my opinion, Sass mixin includes should come after the other CSS properties in a declaration block. If you're overriding the styles in a mixin, your mixin could probably do with some more parameters, or the use of the content block [3].

Vendor prefixed properties should come before the unprefixed property (-moz-foo, -webkit-foo, foo), grouped together (-moz-foo, -moz-bar, -moz-baz, -webkit-foo, -webkit-bar, -webkit-baz, foo, bar, bar). Keep the prefixed/unprefixed properties together to reduce the cognitive load for whoever comes back to this codebase later. The unprefixed property should always come last because that will be applied if the browser supports it (even if the prefixed syntax was already applied) [4].

Alternatively, you could use Autoprefixer [5] and never have to write out all of the prefixed properties ever again 🤷

Anyway, tooling helps. Modern browsers are smart. You'll rarely hit any of the fun things we used to have to deal with when IE was a dominant browser. You shouldn't need to spend too much time thinking about cosmetic changes to your code. Besides the CSS cascade [6] (declaration order, specificity, etc.) everything else is irrelevant.

[1] https://stylelint.io [2] https://github.com/hudochenkov/stylelint-order/blob/master/rules/properties-alphabetical-order/README.md [3] https://sass-lang.com/documentation/at-rules/mixin#passing-arguments-to-content-blocks [4] https://css-tricks.com/ordering-css3-properties/ [5] https://github.com/postcss/autoprefixer [6] https://developer.mozilla.org/en-US/docs/Web/CSS/Cascade

I've been using a couple of these tools for a while now with Windows 10. Great to see such a detailed overview of the whole suite!

PowerToys - 11 awesome features Microsoft won’t add to Windows: https://www.fourth-wall.co.uk/post/powertoys-11-awesome-features-microsoft-won-t-add-to-windows

PowerToys - 11 awesome features Microsoft won’t add to Windows Windows PowerToys are a set of powerful utilities (I can't live without them btw) that Microsoft just hasn't implemented into Windows OS. www.fourth-wall.co.uk

Great use of CSS variables to set inheritable aspect ratio styles!

"Building a combined CSS-aspect-ratio-grid" https://9elements.com/blog/combined-aspect-ratio-grid/

Building a combined CSS-aspect-ratio-grid Recently I was faced with the following problem. I had to build a layout that consists of several rows. In each row are two images with a fixed aspect ratio. The two images should have the same height and fill the entire row. 9elements.com

Giving this a go, as I'm already using Hyper-V with some guest OS' on this machine I had to fiddle with the Virtualbox settings to get the installer going, but it seems to be working‼

"Push-button installer of macOS Catalina, Mojave, and High Sierra guests in Virtualbox for Windows, Linux, and macOS" https://github.com/myspaghetti/macos-virtualbox

GitHub - myspaghetti/macos-virtualbox: Push-button installer of macOS Catalina, Mojave, and High Sierra guests in Virtualbox for Windows, Linux, and macOS Push-button installer of macOS Catalina, Mojave, and High Sierra guests in Virtualbox for Windows, Linux, and macOS - GitHub - myspaghetti/macos-virtualbox: Push-button installer of macOS Catalina,... github.com