#Development #Techniques
Passing your CSS theme to ‘canvas’ · How to adapt an HTML ‘canvas’ to user settings https://ilo.im/163mmy
_____
#HtmlCanvas #Themes #LightMode #DarkMode #Browser #WebDev #Frontend #HTML #CSS #JavaScript

#Development #Techniques
Passing your CSS theme to ‘canvas’ · How to adapt an HTML ‘canvas’ to user settings https://ilo.im/163mmy
_____
#HtmlCanvas #Themes #LightMode #DarkMode #Browser #WebDev #Frontend #HTML #CSS #JavaScript
Needed a bit of help so I travelled back in time.
I know I can find everything online, but this book has been my happy guide before I changed my focus.
The @codepen logo using the new shape() function.
https://codepen.io/t_afif/full/JoovLam
Do you think SVG is hard? Wait until this beast becomes widely supported
New comiCSS cartoon: Upwind. Downwind. Headwind. Tailwind.
https://comicss.art/comics/183/
#Development #Releases
CSS ‘reading-flow’ and ‘reading-order’ · New properties to make visual order accessible https://ilo.im/163mvw
_____
#Layout #Accessibility #Keyboard #CssGrid #CssFlex #Chrome #Browser #WebDev #Frontend #CSS
Syntax highlighting in pure CSS
https://bou.io/syntax-highlighting-in-pure-css.html
Here’s a clever hack that may not be that stupid #css
You can use CSS containment context to set a component to full screen width without the horizontal scrollbar issue on desktop browsers
https://prass.tech/blog/css-containment-context-scrollbar-fix/
#blog #blogging #css
What Happened to Separation of Concerns in Frontend Development · Jens Oliver Meiert
https://meiert.com/blog/what-happened-to-separation-of-concerns/#toc
https://ellyloel.com/what-happened-to-separation-of-concerns-in-frontend-development-jens-oliver-meiert/
#Bookmarks #CSS #HTML #Web Design
Using “currentColor” in 2025, by @chriscoyier (@frontendmasters.com):
https://frontendmasters.com/blog/using-currentcolor-in-2025/
Je recherche une nouvelle mission pour septembre !!
Je suis toujours expert #CSS avec plus de 20 ans d’expérience sur HTML / CSS / SVG / JavaScript et plus de 10 ans sur React.
J’aurais fait une pause de presque un an dans ma carrière de développeur (mais on ne s’arrête vraiment jamais ) pour lancer, avec ma chérie, une salle d’escape game à Lyon ! C’était incroyable, les retours des joueurs et joueuses hyper chaleureux, mais je vais passer la main sur l’animation.
Loving this Kagi theme by The Last Envoy!
Did you know you can use custom CSS to make your Kagi and search experience truly your own? https://help.kagi.com/kagi/features/custom-css.html
Found this relic today while cleaning. Anyone need some reading on HTML5 and CSS?
@frontenddogma What's broken is the site made by careless hands. #css
CSS Isn’t Broken—You Just Never Read the Docs, by (not found on Mastodon or Bluesky):
#Development #Techniques
Native CSS carousels · How the new ‘::scroll-button’ and ‘::scroll-marker’ work https://ilo.im/163ms4
_____
#ModernCSS #Scrolling #Carousels #Browser #DesignPattern #WebDesign #WebDev #Frontend #CSS
Working on my talk for Web Directions Code and...
What has tripped you up in regards to #CSS when styling for both light and shadow DOM?
What tips would you tell your younger self to help make it less confusing?
Live coding CSS? Yes, and @doriane do it like no one else https://declarations.style/observatory/2024-11-20_live-coding.html
#livecoding #css #performance #script
Dunno if this is a useful #css trick, it just occurred to me.
```
[hidden="css"] {
display: revert;
}
<p hidden="css">This is hidden unless author CSS is enabled</p>
```