toad.social

OblomovI have a question for <a href="https://sociale.network/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://sociale.network/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> experts. I have an object element with a nested element to be shown as fallback when the object can't be rendered by the UA. Is there a way to render the object element differently depending on whether it is supported or not?(Motivation: the object is inline-block, but I would like the nested element to be a simple inline.)

FlyingManaAny <a href="https://phpc.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> projects need some frontend <a href="https://phpc.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://phpc.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a> <a href="https://phpc.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> support? I know a junior dev who wants to build up some experience.

SELFHTML e.V.Wrap my Text, but pretty please!Zeilenumbruch ist ein längst gelöstes Problem. Oder doch nicht?<a href="https://blog.selfhtml.org/2025/aug/07/wrap-my-text-but-pretty-please" rel="nofollow noopener" translate="no" target="_blank">https://blog.selfhtml.org/2025/aug/07/wrap-my-text-but-pretty-please</a><a href="https://bildung.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://bildung.social/tags/selfhtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#selfhtml</a> <a href="https://bildung.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a>

Joe Lanmananyone switched from sass to modern css? Is there anything missing? <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

Matthias OttWhere is <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> subflex when you need it? 😁

Clovis :bdx_town:GitHub - nodegui/nodegui: A library for building cross-platform native desktop applications with Node.js and CSS 🚀 <a href="https://docs.nodegui.org/" rel="nofollow noopener" target="_blank">https://docs.nodegui.org/</a> <a class="hashtag" href="https://bdx.town/tag/css" rel="nofollow noopener" target="_blank">#css</a> <a class="hashtag" href="https://bdx.town/tag/nodejs" rel="nofollow noopener" target="_blank">#nodejs</a> <a class="hashtag" href="https://bdx.town/tag/js" rel="nofollow noopener" target="_blank">#js</a>

Hacker News 50Show HN: The current sky at your approximate location, as a CSS gradientLink: <a href="https://sky.dlazaro.ca" rel="nofollow noopener" translate="no" target="_blank">https://sky.dlazaro.ca</a> Discussion: <a href="https://news.ycombinator.com/item?id=44846281" rel="nofollow noopener" translate="no" target="_blank">https://news.ycombinator.com/item?id=44846281</a><a href="https://social.lansky.name/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

ArneBabPure CSS dark-mode toggle:<a href="https://www.draketo.de/software/css-dark-mode-toggle" rel="nofollow noopener" translate="no" target="_blank">https://www.draketo.de/software/css-dark-mode-toggle</a>The simplest pure <a href="https://rollenspiel.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> toggle for dark mode without persistency. Commented example. Just read the code ☺. <a href="https://rollenspiel.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://rollenspiel.social/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#noJS</a>

Christian HammondIf()-based conditional styling is coming to <a href="https://mastodon.online/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>, but you can already do this today with CSS Variables.We use it to more easily support light mode, dark mode, high-contrast mode, and component states.Here's how it works.<a href="https://chipx86.blog/2025/08/08/what-if-using-conditional-css-variables/" rel="nofollow noopener" translate="no" target="_blank">https://chipx86.blog/2025/08/08/what-if-using-conditional-css-variables/</a><a href="https://mastodon.online/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.online/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#blog</a>

Marijke LuttekesI am so proud!<a href="https://hachyderm.io/@pythonbynight" class="u-url mention" rel="nofollow noopener" target="_blank">@pythonbynight</a> just told me that I inspired him to handcraft CSS on a new side project (no Tailwind 😱), and he likes it better than expected.(Am I an influencer now?)<a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

Noah LiebmanMan I really want <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> custom props to work in container queries, too, because this as a configurable utility would be pretty nice <a href="https://codepen.io/noleli/pen/wBKqJNV" rel="nofollow noopener" translate="no" target="_blank">https://codepen.io/noleli/pen/wBKqJNV</a> <a href="https://mastodon.social/@noleli/114660011850185988" rel="nofollow noopener" translate="no" target="_blank">https://mastodon.social/@noleli/114660011850185988</a>

Jens Oliver MeiertShould We Never Use Non-Logical Properties?In CSS, it’s extremely hard to argue against the use of anything.<a href="https://meiert.com/blog/non-logical-properties/" rel="nofollow noopener" translate="no" target="_blank">https://meiert.com/blog/non-logical-properties/</a><a href="https://mas.to/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

Noah LiebmanIt’s a subgrid vs container queries day 😩I get why subgrid and size containment can be incompatible, but only my rows are subgrid and I want inline-size containment. By not caring about which axes are in play, the current spec seems more constrained than strictly necessary.(Also, using a column subgrid and wanting block-size queries would introduce a use case for the rejected block-size containment because inline-size containment would naturally be disallowed.)<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

Dr. Matt Lee (1800www.com)Following this up with a simple way to make a basic webpage.(No need to tinker with the command line or worry about static site generators.)<a href="https://mattl.github.io/simple-html-file-generator/" rel="nofollow noopener" translate="no" target="_blank">https://mattl.github.io/simple-html-file-generator/</a> lets you make a new webpage right in your browser, no server or database needed (JavaScript required)<a href="https://social.coop/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#indieweb</a> <a href="https://social.coop/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://social.coop/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://social.coop/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a>

Joe CrawfordPartly inspired by the <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieWeb</a> Carnival this month: a CodePen to allow a comparison of a line drawing with a version in color. <a href="https://xoxo.zone/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> + <a href="https://xoxo.zone/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> with a single JavaScript event handler to alter a CSS custom property. <a href="https://codepen.io/artlung/pen/zxvzMQr" rel="nofollow noopener" translate="no" target="_blank">https://codepen.io/artlung/pen/zxvzMQr</a> (also Shawn Kerri is amazing)

Eric A. Meyer⌨️ New meyerweb post! I crawled down an infinite <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> hole to find out where it ended. The results were as mind-bending as I could’ve hoped, even though I was sort of hoping they wouldn’t be. Come see what happens to browser engines when you literally push them to infinite lengths! <a href="https://meyerweb.com/eric/thoughts/2025/08/07/infinite-pixels/" rel="nofollow noopener" translate="no" target="_blank">https://meyerweb.com/eric/thoughts/2025/08/07/infinite-pixels/</a>

Mia (web luddite)The other day <a href="https://mastodon.social/@davatron5000" class="u-url mention" rel="nofollow noopener" target="_blank">@davatron5000</a> shared a link to the new `stretch` keyword in CSS – and I saw a lot of questions about how it's different from 100% (or 100vh when doing full-screen layouts). So I made a quick video to show how these all work! <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a><a href="https://youtu.be/iZZXOuLxagE" rel="nofollow noopener" translate="no" target="_blank">https://youtu.be/iZZXOuLxagE</a>

iamdtms<a href="https://front-end.social/@rem" class="u-url mention" rel="nofollow noopener" target="_blank">@rem</a> Do not forget <a href="https://mas.to/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> filter: invert(100%) on imgs xD

alexandra🎉🎉🎉 it's the 34th birthday of the world wide <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> so it's a great day to share the upcoming deadline for <a href="https://tilde.zone/tags/writing" class="mention hashtag" rel="nofollow noopener" target="_blank">#writing</a> submissions to GOOD INTERNET! two and a half weeks away!!!📖 in case you're unaware, GOOD INTERNET is an <a href="https://tilde.zone/tags/indie" class="mention hashtag" rel="nofollow noopener" target="_blank">#indie</a> print AND digital magazine that is run & contributed to by volunteers!<a href="https://tilde.zone/tags/goodinternet" class="mention hashtag" rel="nofollow noopener" target="_blank">#goodinternet</a> covers a lot of different aspects of the <a href="https://tilde.zone/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a>: unplugging from the corporate web, fighting <a href="https://tilde.zone/tags/enshittification" class="mention hashtag" rel="nofollow noopener" target="_blank">#enshittification</a>, migrating from data-harvesting corpo social media, creating your own personal website, using code and website-building as an <a href="https://tilde.zone/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#art</a> form, federation, and creating websites for fun. the aim is to be approachable for beginners and enjoyable for seasoned <a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#indieweb</a> travelers!🙅 you don't have to be a pro <a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> or a <a href="https://tilde.zone/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> whiz to write about all the good things happening on "this side" of the web.📣 we want to spread the word about and share thoughts, independent web projects, services, methods, sites, meet-ups, and celebrate the non-corporate web together while making it easier for us to partake and unplug from <a href="https://tilde.zone/tags/bigtech" class="mention hashtag" rel="nofollow noopener" target="_blank">#bigtech</a> and unhealthy <a href="https://tilde.zone/tags/socialmedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#socialmedia</a> habits.🔍 we're looking for 1,000- to 4,000-word articles aimed at website owners and hobbyists, any digital (and traditional) artists, <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener" target="_blank">#internet</a> culture enthusiasts, <a href="https://tilde.zone/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#technology</a> nerds, social media expatriates, & anyone who wants to unplug from the corporate-owned web.⌛ the deadline is August 22, 2025 ⌛🙏 please boost and help get the word out!<a href="https://goodinternetmagazine.com/contact/" rel="nofollow noopener" translate="no" target="_blank">https://goodinternetmagazine.com/contact/</a><a href="https://tilde.zone/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#tech</a> <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://tilde.zone/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://tilde.zone/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a> <a href="https://tilde.zone/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#foss</a> <a href="https://tilde.zone/tags/artist" class="mention hashtag" rel="nofollow noopener" target="_blank">#artist</a> <a href="https://tilde.zone/tags/artists" class="mention hashtag" rel="nofollow noopener" target="_blank">#artists</a> <a href="https://tilde.zone/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#mastodon</a> <a href="https://tilde.zone/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#fediverse</a> <a href="https://tilde.zone/tags/socialweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#socialweb</a> <a href="https://tilde.zone/tags/cozyweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#cozyweb</a> <a href="https://tilde.zone/tags/slowweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#slowweb</a> <a href="https://tilde.zone/tags/humanweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#humanweb</a> <a href="https://tilde.zone/tags/noAI" class="mention hashtag" rel="nofollow noopener" target="_blank">#noAI</a> <a href="https://tilde.zone/tags/writer" class="mention hashtag" rel="nofollow noopener" target="_blank">#writer</a> <a href="https://tilde.zone/tags/writers" class="mention hashtag" rel="nofollow noopener" target="_blank">#writers</a> <a href="https://tilde.zone/tags/neocities" class="mention hashtag" rel="nofollow noopener" target="_blank">#neocities</a> <a href="https://tilde.zone/tags/nekoweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#nekoweb</a> <a href="https://tilde.zone/tags/openweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#openweb</a>

HenryI’m a little bored with my site’s appearance, but also couldn’t think of one look that would be better, so inspired by (maga)zine layouts and other people’s beautiful sites, I’ve tried to give myself more flexibility to try out ideas, good and bad.<a href="https://www.henryleach.com/2025/08/and-now-for-something-completely-different/" rel="nofollow noopener" translate="no" target="_blank">https://www.henryleach.com/2025/08/and-now-for-something-completely-different/</a><a href="https://social.lol/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://social.lol/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://social.lol/tags/Blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#Blog</a> <a href="https://social.lol/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieWeb</a>

Recent searches

Search options

Administered by:

Server stats:

#CSS