Archive — CSS

Note — 2019-08-13

Dark mode

I have now implemented a dark mode for this website. Many operating systems are now offering dark mode as a preference. If you have dark mode switched on, this website now displays in a fetching darker colour scheme.

Media queries to the rescue!

Comment

Stylish browser extension steals all your internet history

Stylish browser extension steals all your internet history

If you use the Stylish browser extension, you ought to have a read of this. It might make you want to uninstall it immediately, as I did.

It appears that last year Stylish began collecting users’ data, including their full browser history, and even the contents of Google search results.

The above blog post explains exactly what is going on, and why it is a problem.

This is a great shame because Stylish provided a brilliant function enabling you to improve bad or unsuitable web designs very easily. I even created a style that improved the user interface for live timing on Formula1.com — which I still used up to last weekend, and has been installed by almost 500 others.

Not any more — I have uninstalled Stylish from my browser.

1 comment

Hand-coded digital artwork “Francine” is skewing your online reality

Hand-coded digital artwork “Francine” is skewing your online reality

I never used to see the point in stunts like “I created Bart Simpson in pure HTML and CSS, look at me!” But I have to admit that the work of Diana Smith is seriously cool.

It is all the more awesome when you consider how viewing it on older browsers turns the work into wonderful, glitchy, accidental versions that look like they were inspired by De Stijl.

This is like a modern version of the Acid tests. I remember showing examples of the Acid II test during presentations some years ago to explain how different browsers could interpret the same code differently. But I think this example gets it across so much better.

It’s also a warning not to build our webpages for Chrome only.

In a cultural moment where reality distortion is rampant, and it’s hard to get a consistent version of facts from person to person, it’s critical to understand that something as basic as a browser update, or switching from one browser to another, can drastically change the way we perceive information.

Comment

Faux grid tracks

Faux grid tracks

Now that we have CSS grid, people apparently want to know how to style the divisions between the rows and the columns. Here, Eric Meyer explains one way to do it.

At this stage, I can’t help feeling that no matter how many features get added to CSS, it always results in more gnarly hacks.

Comment