| About | https://www.bram.us/about |
| Blog | https://www.bram.us/ |
| Bird | https://twitter.com/bramus |
New blogpost: Style a parent element based on its number of children using CSS :has()
https://www.bram.us/2022/11/17/style-a-parent-element-based-on-its-number-of-children-using-css-has/
Had a task on my todo to write a blog post for a few weeks now, but never got to it. Couldn’t find the right angle, so I kept pushing it forward. – Yes, a writer’s block.
To get the creative juices flowing I started hacking on some code yesterday. Today I wrote the post in 2hrs.
Procrastination works!
@nhoizey Self-publishing/self-hosting remains the best of course, as you then control the availability yourself.
But currently I haven’t been able to match what slidr.io offers, so keeping that (for now). You win some, you lose some ¯\_(ツ)_/¯
@nhoizey I would suggest people to stay away from Speakerdeck because they convert all slides to images.
While this retains visual correctness, it is also entirely inaccessible, prevents you from copying text from it, does not allow you to click hyperlinks, etc.
The platform I use to publish my decks is slidr.io. It has both visual correctness, allows text selection/links, and also offers the a PDF download.
A pity it‘s not more popular than it is, though.
The recently released Deno 1.28, apart from full compatibility with npm, comes with the equivalent of npx. Sick!
Ps. I am going to add a link to Mastodon later on 🐘💨
Looks like we’ve got some questions to ponder about in the CSSWG:
- Should the LVP resize here (and thereby also move the origin for Fixed Positioning)?
- Should Viewport Units cater for scrollbar-gutter, knowing their size is derived from the ICB (which resizes)?
🤔
Couldn’t resist and added some new test pages to https://interop-2022-viewport.netlify.app to find things out.
Some early results:
- Chrome reports wrong size for ICB (docElement.clientWidth)
- Chrome cuts off rendering (blue box)
- FixedPos in Firefox is wrong (blue box)
- Safari has no support
Paweł Grzybek