explore | Grilled Cheese

🟠🔵 Blurry before beautiful: image previews for the web
by @patrickbrosset.com @[email protected]
"... #pattern in action: blurry versions of the images of a site appear immediately and, moments later, their full versions replace them."
#css #webdev
patrickbrosset.com/articles/202...

I’ve been thinking about spacing #CSS units, considering using the em unit again.

I have already been using lh/rlh unit spacing between content as of late.

#Development #Guidelines
Respecting your users’ preferences · Honor the choices users already made ilo.im/16gi4u by Martin Underhill

_____
#User #Accessibility #WCAG #OS #Website #Design #WebDesign #WebDev #Frontend #CSS

12 CSS Features You Can Use Today With No Build Step, by @flaviocopes.com:

https://flaviocopes.com/modern-css-features/?ref=frontenddogma.com

#css #nesting #functions #containerqueries #grids

"Stop buttons triggering zoom when they’re double tapped" by @piccalil.li

Great post. Describes the problem I didn't even know I have, but also comes with a one-liner solution. I also didn't know about this property/value is in the CSS. As always top content!

piccalil.li/blog/stop-bu...

#css

Decided to try out a new font stack on the website, just to see how the pants fit. As much as I love JetBrains Mono as a general preference (if client has it installed, of course), it can feel a bit... too clean.

#webdev #fonts #css #indieweb #smallweb

To me a web browser is like
a body that I'm wrists deep inside every day:
I know what I'm doing, squeezing around...
#LikeASurgeon
#InternalOrganMassages
#CSS

Regarding my #CSS,
it's funny how many klaxons I have to listen to every day:
"What you are doing is highly dangerous
and not officially condoned!
We do not recommend or support this! Danger! Danger!"
Did #AnnetteBirkin have to deal with this all day?
#NotMakingAPathogenISwear

🏆 September 27th CSS-Dodos Top 1

1 cheddy - 2/6, clean

css-questions.com/css-dodos

#css #cssdodos #cssquestions

Utiliser des *sprites* en CSS pour faire de petites animations (et non, il n'y est pas question de soda).

🔗 https://www.joshwcomeau.com/animation/sprites/

#CSS #animation #sprite

Personnaliser le rendu des listes (`<ul>`, `<ol>`, etc.) en CSS.

🔗 https://piccalil.li/blog/an-in-depth-guide-to-customising-lists-with-css/

#CSS #liste

Détecter la direction dans laquelle vos utilisateurs scrollent en pur CSS (pour cacher ou afficher un menu en haut de page par exemple).

🔗 https://una.im/scroll-state-scrolled/

#CSS #scroll

Détail du fonctionnement de `@scope` en CSS pour restreindre la portée d'une portion de code CSS.

🔗 https://blog.master.dev/how-to-scope-css-now-that-its-baseline/

#CSS

Btw, I've updated my personal webpage! owlso.me
Still no scripts or anything, just some #SMIL and #CSS tricks :3 It's always fun to make this kind of stuff after so much JS I have at work.
(Previous versions can be found in Projects.)

Accessible HTML and CSS go deeper than alt text and contrast. Manuel Matuzović explores the details developers often overlook.

www.youtube.com/watc...

#Accessibility #a11y #InclusiveDesign #HTML #CSS #WebDevelopment #UX #DigitalAccessibility #ID24

Well centering with #CSS is hard :neocat_laugh_tears: