Tagged “css”

Codepen example

very cool thing. Edit animations and keyframes and things.

Fantastic alternatives to media queries for more reliable and responsive layouts.

this was like reading css from a different person

this response about summarizes my own reaction - how does she make the best website every year?

This one got me thinking about a lot of things, maybe just due to the infinite zoomy nature of it al.

brilliant writeup of excellent technique. And published on the same day he asked about it on twitter!

History of his website redesigns. There was a more recent one since, but this post is more detailed.

Phenomenal website. The color choice, the layout, the color and type selector in the header! All amazing stuff.

Can't remember who linked to this. Was in some article about CSS, author linked to Miriam and said she was doing great work.

A newer CSS Zen Garden. It's great.

Awesome concept. And a nice disclaimer on context menu:

Notes on how Vanilla Extract does what it does.

This is why so many form fields yell at me while I am typing in them!

Mostly about case and formatting consistency. Fantastic list, these sorts of things don't exist often enough.

Wonderful web app to generate much nicer looking shadows than I can come up with

Cool idea. Causes some wild screen tearing or something on old laptop, and as the author mentions:

while it might look great, usability of it is poor

Linked video on motion blur is also good.

Web component library. Worth looking into at some point

Good write up - actually providing some counter arguments other than "your markup is ugly". I'm still very undecided on tailwind, and comprehensive util class libs generally. Some sense, easy to go overboard with the "one rule per class" nonsense.

tldr: anything! Can use them to build up strings for other variables, combine values with calc (I want to implement color-contrast function), and clever use of content to display the current value!

todo

I was hoping for a way to minimize margin left/right overrides, but sadly not. Bunch of other issues that come up with Arabic text - underlines, letter-spacing, opacity, font-weight, and others

Love this. Doesn't need to be stored as JSON either, can convert from whatever and generate

I like the sidebar underlines and main page heaxagon anims on this

Possible counterpoint: if the text doesn't render due to slow perf then readability is also affected.

Though only comparisons of text-rendering: optimizeSpeed; vs optimizeLegibility are from a while ago, unsure
if this is still a legit perf issue anyway.