noellemitchell, 4 hours ago to Kurzgesagt

Why would I work on #learning #CSS when I can look at interesting posts on #Mastodon instead? :blobcatlaugh: :blobcatcode:

mia, 5 hours ago to CSS

I'm teaching a new #CSS layout workshop at the end of June – a three-session deep-dive into…

• box alignment!
• intrinsic & extrinsic sizing
• when to use flexbox vs grid
• media & container queries
• layout contexts & 'normal' flow
• and so much more…

Sign up now!

https://www.oddbird.net/workshops/cascading-layouts/

cirrus, 5 hours ago to webdev

Started writing a decision log for our #DesignSystem. Documenting why we chose to build plain ol' #HTML and #CSS where we can and #WebComponents where client-side #JS is needed is turning into a bit of a manifesto. Essentially we're using (and encouraging others to use) #ProgressiveEnhancement 😉

davidbisset, 6 hours ago to CSS

matcha.css is a "drop-in semantic styling library in pure #CSS".

https://matcha.mizu.sh/

Designed to style #HTML elements similarly to a default browser stylesheet, eliminating the need for users to manually patch their documents.

Ideal for fast prototyping, static HTML pages, #Markdown generated documents, etc.

bramus, 6 hours ago to CSS

Hey my #JSHeroes2024 friends (and beyond)! I have published the slides of my talk “MPA View Transitions are here!” on my blog for you to check out.

Once the video gets published, I'll be sure to update the post to include it.

https://www.bram.us/2024/05/23/mpa-view-transitions-are-here-2024-05-23-jsheroes/

#CSS #ViewTransitions #JSHeroes

Me, on stage
Me on stage, from afar

davidbisset, 9 hours ago to CSS

.counter_with_drawers {
margin-left: -40px;
}

#CSS #memes

XavCC, 11 hours ago to CSS French

Question #CSS

Comment faire un rendu propre d'iframe de carte umap dans un html ?

pour rendre un iframe de carte umap qui reste au centre de l'écran (sous h1 & h2, au dessus de footer) bien joli sympa ?

J'ai que du CSS et du HTML et je ne veux que ça !

aral, 12 hours ago to SmallWeb

So! Many! Kittens!

(Going to record a demo of the new interactive shell – REPL to some – and multi-page Settings this afternoon, just planning it out now.)

Oh and is that me creating and calling web routes interactively in the REPL on a live server? Why yes, yes it is.

:kitten:💕

#Kitten #SmallWeb #web #dev #HTML #CSS #JavaScript #NodeJS

css, 12 hours ago to CSS

💡 CSS Tip!

One line of code that looks strange and confusing. You may think it's not even CSS but it will save you many times in the future!

It will make sure the width of your element is always an integer! No more decimal and rounding issues!

"width: auto" with an upgrade 😎

No browser support yet but you can test it on the latest Chrome with the experimental flag enabled: https://codepen.io/t_afif/pen/rNgLyJz

#CSS #HTML

kubikpixel, 14 hours ago to webdev German

«CSS :has(), the God Selector»
– by @brucelawson

Yes CSS is more then only a design and colors and have today cool functions to select specific HTML components and pleace web designer think in different screen spaces.

🖌️ https://brucelawson.co.uk/2024/css-has-the-god-selector/

—
#webdev #css #webdesign #selectors #web #design #modernweb