explore | Grilled Cheese

flex で余白の付き方が思ったのと違うときは、gap と justify-content の両方が効いていないか見ます。

両方を指定すると、足し算になります。

Okay, Copilot now suggesting custom CSS property definitions is a genuinely nice quality-of-life upgrade. Less repetitive typing for variables? My fingers are already sending thank you notes. Small things make a big difference! #CSS #DevTools

#Development #Techniques
Better icon and label alignment · Two methods for aligning icons on wrapped labels ilo.im/16g6rz by Ahmad Shadeed

_____
#Alignment #Icons #DesignPattern #Design #WebDesign #WebDev #Frontend #HTML #CSS

How would you give a non-rectangular element with rounded corners a border?

The simple, future way is just `border` + `border-shape`.

But what about the now, cross-browser solution?

Here's a detailed & illustrated write-up one the geometry & more behind.

ko-fi.com/post/Non-rec...

#CSS

Spot the difference...
Why did the web designer walk out of the restaurant?
They were offended by the table layout.

#WebDesignHumor
#CSS
#WebDevHumor
#Frontend
#DesignJokes

🎯 CSS Battle Mardi, 15 Septembre 2026

Trick 4 img margin and conatiner margin + boder radius

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

N'oubliez pas de liker la vidéo 👍 et de vous abonner ! 🔔
youtu.be/Vzjz_l8VSXo

Random #css question time, in the hope someone can save me from hours of experimentation!

I'm styling html I don't control, and I want to make a descendent element as wide as an indirect ancestor. Basically, there's "ancestor" (unknown width, not full viewport) > "some layers of divs" (narrower […]

Built a responsive mobile-first navbar today. 🚀

Practiced Flexbox, media queries, hover effects, and responsive layouts.

Another real-world UI component added to the journey. 💻🔥

#Frontend #CSS #WebDevelopment

🦖 `font-variant-emoji` CSS property 🦖

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-variant-emoji

The font-variant-emoji CSS property specifies the default presentation style for displaying emojis.

#webdev #CSS

Birkly runs on plain PHP, HTML, CSS and JavaScript. No framework, no build step.

Old school? No, proven. No dependency chain to break, no security risk from a package you never chose.

Modern architecture, reliable foundation. Alpha coming soon.

#cms #php #javascript #web #html #css #opensource

Another project completed. 🚀
Built a responsive photo gallery with CSS Grid and practiced `auto-fit`, `minmax()`, `1fr`, `gap`, `object-fit`, transitions, and hover effects.
I’m not just learning CSS anymore — I’m getting better at real, responsive interfaces. 💻🔥
#WebDevelopment #Frontend #CSS

A new background pattern made with css-doodle.

Added it to my growing collection of background patterns.

Check it out 👇
arman-borkhani.github.io/background-p...

#CSS #CSSArt #CreativeCoding #WebDesign #Frontend

Introducing DevList — a site where you can find various developers, team up, and code ambitious projects!

Website: yrashka200.github.io/Devlist/
Instructions on how to get on this list: github.com/Yrashka200/D... Or from Issues: github.com/Yrashka200/D...

#html #css #js

Mauvais nouvelle du premier jour de vacances.
Mon serveur a été piraté. Le site est tombé.

Le gestionnaire a pu rétablir les mails mais le site attendra mon retour de vacances dans 15 jours... désolé !

Je ne sais pas comment c'est possible : il n'y a que du #html, #CSS, et #javascript. À moins […]

One more for you @ivorjetski.bsky.social
#ledart #css
codepen.io/editor/Sensi...

#Development #Announcements
Why CSS-Tricks has been quiet lately · “I literally can’t afford to work free for months.” ilo.im/16g5if by Geoff Graham

_____
#DigitalOcean #CssTricks #Community #WebStandards #WebPlatform #WebDev #Frontend #HTML #CSS #JavaScript