← Feed

Posts

• View post

  It seems like a shipping-address form would be make a good standalone web component. I don't suppose one already exists?

• View post

  I'm (partly) wrong, the Line Mode emulator still works - and still has a way to load modern sites: https://line-mode.cern.ch/resources/ That's something! But it does lose keyboard focus after each interaction. And I can't seem to load any internal pages - I always end up on the home page of any site I visit.

• View post

  finishing touches on some large noodle/soup bowls

• View post

  The #CSSWG just resolved to allow `var()` references in #CSS container queries: ```css @container (inline-size > var(--small)) { .card { padding: 2em; } } ``` The custom property is resolved on the container – so we're querying if the computed value of `--small` on our container: 1. is valid in context (a `<length>` value), and 2. is less-than the container `inline-size` It's not "custom media queries" feature, but it is Damn Close™️ –...

• View post

  The #CSSWG just resolved to make the `display` property animatable, with non-`none` values given priority during the transition. It's still discrete - there's no intermediate values between `block` & `none` - but this allows toggling it as part of a transition or animation. For example (from @flackr) this would become `display:none` when the transition completes: ```css .hide { transition: opacity 200ms, display 200ms; display: none; opacity: 0; } ``` https://git...

• View post

  RE: https://front-end.social/@jamessw/116403691232687713 Tomorrow!

• View post

  🤔 Wait does CSS count as CAD software

• View post

  I find the process-vs-outcome oriented distinction misleading. There are so many outcomes to consider, and the process always impacts some of the outcomes, and people just disagree on which outcomes matter. Claiming to be outcome oriented is simply claiming that the current processes don't have different outcomes *that we care about*. When I want a timer, I care about accurate timing. I might also care if the outcome includes burning a forest with exploited labor. Or is that &quot...

• View post

  At some point the corporations realized that Clarke's logic works in reverse, and any sufficiently advanced sleight of hand is indistinguishable from technology

• View post

  Oh hello, I'm here now - after a brief life as terribleMia over on mastodon.social - and it's lovely to see so many of you. - I like weird art - I like weird CSS - people are cooler than tech I helped put this server together, and I hope it grows to host a thriving community of cool people. Thanks to everyone who's joined already. We'll get some guidelines in place soon. #introductions

• View post

  mugs trimmed and ready for handles

• View post

  RESOLVED FIXED - style queries are coming to Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=2030645

• View post

  Every time I've seen someone write CSS with LLM suggestions, they have to delete and change more code than they would have written in the first place. Which to me seems distracting. But is that a way people like working? With constant suggestions? Or do some people (who like CSS and use LLMs) have a different experience? I'm not curious about the tech here - if it "works" or "doesn't work" - I'm curious about developers and pro...

• View post

  RE: https://toot.cafe/@bkardell/116376015359290397 Enjoyed chatting with PodRocket yesterday about #CSS and #Sass, and how *understanding* the language isn't required to make the background pink – but it will dramatically improve your organizing & debugging. Almost every place devs get stuck, there's an issue with the popular mental model. (And the best approach is usually to do less!)

• View post

  Sometimes I'm tracking down a questions in the CSS spec, and I land on containing blocks, with my favorite line of spec poetry: "Notably, a containing block is not a box (it is a rectangle)" Yes. That's the sort of distinction I'm here for. https://drafts.csswg.org/css-display-4/#containing-block

• View post

  There are still absolutely beautiful websites using basic css and html with little or no js. professional web dev has gotten more complex along with specialization, but you can still build personal sites with 20yr old tech. and some new stuff is simpler. What we've lost, it seems to me, is the broad indie pipeline to both learning and socializing (and socially learning). partly because we who learned it 20yrs ago have landed in more specialized/complex jobs.

• View post

  the more we're all encouraged to optimize our time and deliver more output, the more i want to never hit a single metric again in my life. i want to commit on a project and never launch it. i want to code slower, spend more time choosing colors, re-invent wheels that will never get used - not better, just different - taking as long as possible. i want to spend my time imagining different ways to say a thing, just to enjoy saying it differently. zero output, always only process foreve...

• View post

  In which I continue to be mad about borders and prisons, while making #pottery. Fuck the borders, burn the prisons (enjoy some tea or coffee) https://art.miriamsuzanne.com/product/burn-the-prisons

• View post

  If cool URIs don't change, maybe they shouldn't be managed by landlords and rented on a year-to-year basis. (it seems to me that avoiding link rot should be treated as a platform issue, not a slogan for scolding people who didn't successfully predict the future or treat a webpage as a lifelong commitment)

• View post

  How do we read the demographics of a survey? How do we know if it's representative of the industry? And how do those questions impact our takeaways? I don't have the answers, but after looking at State of CSS, I have a lot of questions: https://www.oddbird.net/2024/11/04/css-demographics/

• View post

  Our new album – Jane/Eyre: No Net Ensnares Me – is sent off for pressing. Release date is set for Jan 10, and the theater production opens on Jan 17 in Denver. Pre-orders of the (limited) vinyl run are available now! https://www.teacupgorilla.com/albums/jane-eyre/

• View post

  I know only a few of you might be in the area, but we open this weekend. It's a fun and ambitious show - full of live music, gothic horror, queer romance, and defiance. Tickets are pay-what-you-want! Come hang out with us some evening? https://grapefruitlab.com/shows/jane-eyre-2025/

• View post

  Working on some new band merch for an upcoming house show. (logos will be white and red when they're done) #pottery

• View post

  I was never a good magician, but I can still do a couple sleights that are likely to fool you. And a few that I'll pull off 80-90%. Anyway, sorry to get off topic. Let's talk about tech.

• View post

  I'm using https://www.w3.org/Style/CSS/all-properties.en.json - but wish it included if the property is a shorthand (and maybe also what it's a shorthand for)

• View post

  RE: https://front-end.social/@mia/116245522291084431 starting in 45 minutes 👀

• View post

  Last January I started a series asking questions about type sizing & spacing on the web. When web.dev asked me to write about the current state of fluid type, I came prepared with graphs. I hope this is a helpful TL;DR for thinking about responsive type in #CSS: https://www.oddbird.net/2026/01/08/typography-baseline-css/

• View post

  We're excited to have @chriscoyier with us on the next Winging It live stream, to talk about CSS Scope (now Baseline newly available) and Mixins (in progress). Join us next week for a chat about the present and future of these CSS features! Thursday, Jan 22 @ 1pm ET / 11am MT https://youtube.com/live/T-X641Qn-Rc

• View post

  It looks like style() container queries are enabled in @firefoxnightly - this is one of the features I'm looking forward to most. Especially with range queries starting to roll out. @ container style(--progress > 80%) { background: green; } https://bugzilla.mozilla.org/show_bug.cgi?id=2014404

• View post

  Winging It live stream on Thursday with @jamessw and @stacy to explore some hidden gems of UI development—from @starting-style for smoother entry transitions to AVIF images and using the browser’s built-in lazy-loading. join us! https://www.youtube.com/watch?v=kIJv7eB3d-8