Thanks to @bramus pointing out the (not yet edited into the specs) timeline-scope, I managed to make the “table of contents” example from my Tuesday's article work much better and without anchor positioning!
Ian "Hixie" Hickson editor of #WhatWG HTML specification for 10 years, in January 2023 criticises the use of #HTML, #CSS, #Javascript for intricate #Web applications, and proposes an alternate approach based on 4 lower-level #OpenStandards:
my first take reading Ian Hickson's comments is this proposal is a reaction the the failure of the developer community to do the right thing, gonna have a longer think about it all
"This document proposes to enable browsers to render web pages that are served not as HTML files, but as Wasm files, skipping the need for #HTML, #JS, and #CSS parsing in the rendering of the page, by having the #WebGPU, #ARIA, and #WebHID APIs exposed directly to #Wasm. To enable developers to continue to use the wider range of APIs exposed on the web, a mechanism to "escape" to a JavaScript environment would need to be made available as well."
Geeking with @hl and #CSS. He's on an ageing macbook. Have realised my /basic site isn't working too well on his version of safari (that can't be updated)... Oop.
At least it's only my personal site. The headings aren't working as I want in firefox either shakey-fist
I've added a bunch of prefixes to background-clip and linear-gradient, but no luck yet...
Ugghhh. How can I do a #CSS@supports query with regard to the fancy new gradients where you can specify going through the hue wheel the longer or shorter way round?
I really like how we’ve started calling certain things in #CSS names like the “lobotomised owl” and “holy albatros” as if they were some sort of arcane spells. 🤣 Brings a bit of magical ✨sparkle✨ back into programming. 😊
Where
--theme-support-chip-colour: var(--colour-chip-richthickYellow);
Eg in light mode it’d be
--colour-chip-richthickYellow: oklch(73.7% 0.174 83.07 / var(--alpha));
--scheme-base-flatTint: oklch(100% 0 0);
(Alpha is 1 for now)
Supposed to be mixing white with yellow – I get violet
All my background gradients are insane because of this misbehaviour
My website is hand crafted and artisan
Sourced from localhost
Made with 100% organic HTML; and non-GMO CSS (the CSS is not organic sadly) #webdev#html#css
For the main menu, just use the standard header menu in your theme, maybe with a bit of styling.
Then in the off canvas section (accessible via trigger in kadence, but could be different in other themes) add the HTML widget.
In there you can add whatever links you want. It's a menu maintained separately from the menu functions, so if any of the links change, you'll have to update manually.