Search
Two CSS Properties for Trimming Text Box Whitespace
13.9.2024
The text-box-trim and text-box-edge properties in CSS enable developers to trim specifiable amounts of the whitespace that appear above the first formatted line of text and below the last formatted line of text in a text box, making the text …
Two CSS Properties for Trimming...
What’s Old is New
12.9.2024
I collect a bunch of links in a bookmarks folder. These are things I fully intend to read, and I do — eventually. It’s a good thing bookmarks are digital, otherwise, I’d need a bigger coffee table to separate them …
What’s Old is New originally published on CSS-Tricks, which...
Two Ways to Create Custom Translated Messaging for HTML Forms
11.9.2024
HTML forms come with built-in ways to validate form inputs and other controls against predefined rules such as making an input required, setting min and max constraints on range sliders, or establishing a pattern on an email input to check …
Two Ways to Create Custom Translated Messaging...
Crypto Goes Unmentioned Again at Second Presidential Debate
11.9.2024
Crypto did not emerge as a topic of discussion during the second presidential debate, but that didn't stop the candidates from going back and forth on a number of other topics
Quick Hit #18
10.9.2024
PSA: Today’s the day that Google’s performance tools officially stops supporting the First Input Delay (FID) metric that was replaced by Interaction to Next Paint (INP).…
Quick Hit #18 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should...
Anchor Positioning Quirks
10.9.2024
I am thrilled to say, that from this week onwards, the CSS-tricks Almanac has an entry for each property, function, and at-rule related to the new Anchor Positioning API! For the last month, I have tried to fully understand this …
Anchor Positioning Quirks originally published on CSS-Tricks...
Sanding UI
10.9.2024
Jim hit a snag while working on a form. Placing labels next to inputs is trivial with flexbox, sure, but what happened in Jim’s case was a bit of dead-clicking between the labels and radio buttons.
The issue? Not the …
Sanding UI originally published on CSS-Tricks, which is part of...
Time Travelling CSS With :target
9.9.2024
Checkbox and radio button hacks are the (in)famous trick for creating games using just CSS. But it turns out that other elements based on user input can be hacked and gamified. There are very cool examples of developers getting creative with CSS...
Sticky Headers And Full-Height Elements: A Tricky Combination
9.9.2024
Quite a fun article I worked on with Philip Braunen. Do you know that little bit of elasticity you get when scrolling beyond the viewport when browsing the web on a mobile device? iPhone calls it a “rubber-banding” effect. …
Sticky Headers And Full-Height Elements: A Tricky...
Quick Hit #17
9.9.2024
“Wrapping the <labelaround the <inputis fine, and is sufficient for conformance on its own, however adding explicit association with for and id is still necessary in practice.” —James Edwards…
Quick Hit #17 originally published on CSS-Tricks, which is part of...
How Might Donald Trump's Crypto Token Fit Into Regulations?
7.9.2024
The former president of the United States is launching a crypto yield product, even as he appeals to the crypto industry in his current bid for office. Donald Trump will be the "chief crypto advocate" for World Liberty Financial, a venture that has offered scant hints so far about what it will...
Quick Hit #16
5.9.2024
“Never, ever hire for JavaScript framework skills. Instead, interview and hire only for fundamentals like web standards, accessibility, modern CSS, semantic HTML, and Web Components.” — Alex Russell…
Quick Hit #16 originally published on CSS-Tricks, which is part of...
Quick Hit #15
5.9.2024
Almost missed that the WP Twenty Twenty-Five theme was approved a couple weeks ago.…
Quick Hit #15 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter
Quick Hit #14
3.9.2024
Inclusive Design 24 is in 8 short days — and it’s FREE, no sign-up required!…
Quick Hit #14 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter
Another Stab at Truncated Text
3.9.2024
Seems like we’re always talking about clipping text around here. All it takes is a little browsing to spot a bunch of things we’ve already explored.
Article
on
Sep 19, 2012
Multi-line Text Overflow Ellipsis
accessibility content...
A U.S. Crypto Bill's 2024 Chances
31.8.2024
Earlier this month, Senate Majority Leader Chuck Schumer (D-N.Y.) told the audience at a "Crypto4Harris" virtual event that he hoped to shepherd crypto legislation through Congress and have President Joe Biden sign the bill into law by the end of 2024. It was a bold promise, one that on first blush...
CSSWG Minutes Telecon (2024-08-21)
30.8.2024
View Transitions are one of the most awesome features CSS has shipped in recent times. Its title is self-explanatory: transitions between views are possible with just CSS, even across pages of the same origin! What’s more interesting is its …
CSSWG Minutes Telecon (2024-08-21)...
Paragraphs
30.8.2024
I sure do love little reminders about HTML semantics, particularly semantics that are tougher to commit to memory. Scott has a great one, beginning with this markup:
<pI am a paragraph.</p<spanI am also a paragraph.</span<div
…
Paragraphs originally published...
Shipping Tumblr and WordPress
29.8.2024
Didya see that Tumblr is getting a WordPress makeover? And it’s not a trivial move:
This won’t be easy. Tumblr hosts over half a billion blogs. We’re talking about one of the largest technical migrations in internet history. Some
…
Shipping Tumblr and WordPress originally published...
The “Other” C in CSS
28.8.2024
I think it’s worth listening to anything Sara Soueidan has to say. That’s especially true if she’s speaking at an event for the first time in four years, which was the case when she took the stage at CSS Day …
The “Other” C in CSS originally published on CSS-Tricks, which...