This is a CSS experiment #

This page holds one half of a css experiment: the other half is here. The experiment is to see if system CSS colors are faster. This page uses system CSS colors, and the other page uses CSS variables.

CSS Variables #

Below are my css variables. I'm using the same variables on both pages, so that the only difference is the use of CSS variables vs system CSS colors.

• --AccentColor:
• --Canvas:
• --CanvasText:
• --LinkText:
• --VisitedText:
• --ActiveText:
• --FocusBorder:
• --FocusOutline:
• --Highlight:
• --HighlightText:
• --GrayText:
• --ButtonText:
• --ButtonFace:
• --ButtonShadow:
• --ButtonHoverFace:

Test button #

This is a test button. It should be styled with the CSS variables above.

We want to fill out this page some more. #

The page has to be long enough to make the difference between CSS variables and system CSS colors significant. So we need to add some more content.

This is a test of the emergency broadcast system #

This is only a test. If this were an actual emergency, you would be told to do something. But this is only a test.

The entire song "Womanizer" by Britney Spears Rewritten by AI to be about web performance #

Verse 1:

He's a website speedster,
He's a performance master,
He can make your page load way faster,
He's an optimization whiz,
He's the website's biz,
He's got the tricks to make the site whiz.

Chorus:

He's a website speedster,
He's a performance master,
He can make your page load way faster,
He's a website speedster,
He's a performance master,
He can make your page load way faster.

Verse 2:

He optimizes the code,
He optimizes the CSS,
He'll make sure that your site is the best,
He'll run your page through tests,
And he'll make sure that it passes,
He's an optimization master class.

Chorus:

He's a website speedster,
He's a performance master,
He can make your page load way faster,
He's a website speedster,
He's a performance master,
He can make your page load way faster.

Bridge:

He knows all the tricks,
He's got the latest tricks,
He's got the knowledge to make it stick,
He'll optimize your page,
So your page will rage,
And make sure that your site is quick.

Chorus:

He's a website speedster,
He's a performance master,
He can make your page load way faster,
He's a website speedster,
He's a performance master,
He can make your page load way faster.