Jan-Lukas Else

Thoughts of an IT expert

Tags: CSS

98.css (again)

Published on in 💬 Micro

I already shared “98.css” on my blog in 2020. It’s a CSS framework that styles semantic HTML to look like Windows 98.

It was recently reshared on Hacker News and I found the creator’s comment about it:

Hey HN - author here.

This was my burnout recovery project in April of 2020. Very much a labor of love and a surprising way to realize I still liked programming. I wrote some scattered thoughts here.

I also “run” this project quite differently than I usually do - when I receive a pull request instead of merging it I do a quick glance through the user’s github to make sure they’re not a spammer before giving them commit access and asking them to merge their own PR. It has worked wonders.

That’s a pretty interesting aproach to managing an open source project. Let’s hope nobody does a force push, removing everything. 😄

Now my question: Did somebody already use this project for a blog design?

View

Miniflux scraper rules

Published on in 👨‍💻 Dev

Speaking of web comics that I follow via RSS, ATOM or JSON feed: ideally I would like to see the comics directly in my feed reader (Miniflux). Some feeds already show the images directly in the content, others do not.

View

Be careful when using “::file-selector-button”!

Published on in 👨‍💻 Dev
Updated on

A reader pointed out to me today that the styling of buttons on my sites was broken in the Firefox ESR version 78. I took this notice as a reason to search for the root cause, because I had already noticed the error in the Tor browser, but I always thought it was due to some security rules.

View

Simple.css and classless CSS frameworks

Published on in 🔗 Links

Kev Quirk recently released his new project Simple.css, a CSS stylesheet that focuses on vanilla HTML without classes.

View

Pure CSS Minesweeper

Published on in 🔗 Links

I once wrote about pure CSS paintings. It’s amazing what you can achieve with just HTML and CSS. Another amazing thing is CSS-Sweeper, a Minesweeper clone written in just HTML and CSS. It’s not the fastest implementation but more a “stress test” and will probably have lags on average computing devices. Nevertheless, it’s awesome! You can play it here.

View

Make your website more printable with @print CSS

Published on in 👨‍💻 Dev

I just added some CSS rules to my Hugo theme to make my blog more printable. Why and how does this work?

View

“sans-serif” only

Published on in 👨‍💻 Dev

I used to use system fonts for my blog theme, but I rethought this decision and converted to the following font-family in my CSS:

View

XP.css

Published on in 🔗 Links

I shared a link to 98.css the other day. Now there is also XP.css in the style of Windows XP. This brings back some memories, because I actually worked quite a lot with Windows XP. But I am curious about 7.css and 10.css. 😂

View

98.css

Published on in 🔗 Links

The first Windows I used was Windows 2000 on the computer my parents gave me sometime in primary school. But with 98.css it is now even possible to make websites in the style of Windows 98. Wouldn’t that be an idea for the next homepage redesign?

View

Pure CSS Lightbox in Hugo theme

Published on in 👨‍💻 Dev

Hugo themes have the option to override the default rendering of Markdown images by using “Markdown Render Hooks” since version 0.62.0. By creating a file in layouts/_default/_markup named render-image.html it is possible to use a custom template for rendered images. This gives a lot of flexibility. I just used that flexibility to create a lightbox with pure CSS (without using JavaScript, like many lightbox implementations do). After clicking (or tapping) on an content image, you will see it filling the browser view. Another click brings you back to the content.

View

Next

Jan-Lukas Else