Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456 Qubyte Codes - Posts tagged as CSS
The :has() CSS pseudo-class opens up all sorts of possibilities. I
wanted to see if it could simplify how I handle the ruby text (annotations above
or below text to help with reading) in my Japanese notes. It works (in Safari
and Chrome at least, and hopefully Firefox soon)…
That's right! After more than a year of talking about adding a dark mode I
finally did it. The wider support for
prefers-color-scheme is what pushed me over the edge.
I'm also a slave to fashion…
When I originally built this blog, I gave it a very simple no nonsense theme.
One colour (beige) for the background and black for text and the odd horizontal
rule. After a couple of minor iterations I added a sticky navigation bar (in
CSS, no JS)…
I recently attended ffconf, and was introduced to position: sticky;. Support
for it is patchy, but where not available the header will scroll out of view as
it did in the past. Where available, the navbar will stick to the top of the
window when the rest of the header is scrolled out of view…
When I first put together the CSS for this blog I avoided a fixed header since
the header felt a bit large, and I didn't want to take up too much space which
could be used for content…