Search
Yap
13.12.2019
Interesting idea for a "chat room" from Postlight:
Create a Yap chat room.
Invite others to join and talk.
Share a URL of just about anything.
Everyone gathering can comment on what you’ve shared.
If you think your conversation deserves an audience, share the URL of your chat publicly.
Only...
Weekly Platform News: Strict Tracking Protection, Dark Web Pages, Periodic Background Sync
12.12.2019
In this week's news: Firefox gets strict, Opera goes to the dark side, and Chrome plans to let web apps run in the background.
Let's get into the news.
Firefox for Android will block tracking content
Mozilla has announced that the upcoming revamped Firefox for Android (currently available in...
Quoting in HTML: Quotations, Citations, and Blockquotes
10.12.2019
It’s all too common to see the incorrect HTML used for quotes in markup. In this article, let’s dig into all this, looking at different situations and different HTML tags to handle those situations.
There are three major HTML elements involved...
How Facebook Avoids Ad Blockers
9.12.2019
Dylan Paulus:
Facebook actually hides 'dummy' DOM nodes between the 'Sponsored' text. These values are entirely random characters, with a random number of DOM nodes between them. Invisible characters. At this point our CSS ad blocker is completely broken. There is no way for us to possibly code...
The Popeye Moment
25.11.2019
Frank Chimero is redesigning "in the open" and we should pay attention to it because (1) we should listen to anything Frank has to say because he's a great designer and writer and (2) working in public is awesome.
But the gut punch for me in this opening article is the way Frank pulls zero punches...
Six Months Using Firebase Web Performance Monitoring
19.11.2019
I don't really think of Firebase as a performance monitoring tool (all I ever think about is auth and real-time data storage), but nevertheless, it totally has that feature.
Justin Ribeiro...
[A] tool to track what real users in the wild are experiencing with an easy setup? Yes, please. [...]...
We asked web developers we admire: “What about building websites has you interested this year?”
18.11.2019
For the first time ever here on CSS-Tricks, we're going to do an end-of-year series of posts. Like an Advent calendar riff, only look at us, we're beating the Advent calendar rush! We'll be publishing several articles a day from a variety of web developers we look up to, where gave them all...
The Department of Useless Images
18.11.2019
Gerry McGovern:
The Web is smothering in useless images. These clichéd, stock images communicate absolutely nothing of value, interest or use. They are one of the worst forms of digital pollution because they take up space on the page, forcing more useful content out of sight. They also slow down...
CSS-Tricks Chronicle XXXVII
12.11.2019
Chronicle posts are opportunities for me to round-up things that I haven't gotten a chance to post about yet, rounded up together. It's stuff like podcasts I've had the good fortune of being on, conferences I've been at or are going to be at, happenings at ShopTalk and CodePen, and more.
My talk...
Disabled buttons suck
11.11.2019
In this oldie but goodie, Hampus Sethfors digs into why disabled buttons are troubling for usability reasons and he details one example where this was pretty annoying for him. The same has happened to me recently where I clicked a button that looked like a secondary button and... nothing happened....
Location, Privilege and Performant Websites
7.11.2019
Here’s a wonderful reminder from Stephanie Stimac about web performance. She writes about a recent experience of moving to an area with an unreliable network and how this caused problems for her as she tried to figure out what was happening during a power blackout:
Assuming all of your customers...
Using the Platform
29.10.2019
Tim Kadlec:
So much care and planning has gone into creating the web platform, to ensure that even as new features are added, they’re added in a way that doesn’t break the web for anyone using an older device or browser. Can you say the same for any framework out there? I don’t mean that to...
Bidirectional Horizontal Rules in CSS
25.10.2019
Say you have a <blockquote> and the design calls for a thick border along the left side. Well, you might not necessarily mean left side, but actually mean on the side of the start of the text.
That's exactly what CSS logical properties are meant to address, and Hussein Al Hammad has a nice...
What I Like About Writing Styles with Svelte
23.10.2019
There’s been a lot of well-deserved hype around Svelte recently, with the project accumulating over 24,000 GitHub stars. Arguably the simplest JavaScript framework out there, Svelte was written by Rich Harris, the developer behind Rollup. There’s a lot to like about Svelte (performance, built-in...
Designing accessible color systems
21.10.2019
The team at Stripe explores how they’re refining their color palette to make it more accessible and legible for users across all their products and interfaces. Not only that but the team built a wonderful and yet entirely bonkers app for figuring out the ideal range of colors that they needed.
We...
Laying the Foundations
18.10.2019
Here’s a new book by Andrew Couldwell all about design systems and his team’s experience at Sprout Social. For a while now they’ve been building Seeds, a brand guide that the internal team can and reference for brand and design-related things, including patterns, variables, and components....
The `hidden` Attribute is Visibly Weak
16.10.2019
There is an HTML attribute that does exactly what you think it should do:
<div>I'm visible</div>
<div hidden>I'm hidden</div>
It even has great browser support. Is it useful? Uhm. Maybe. Not really.
Adam Laki likes the semantics of it:
If we use the hidden...
The Teletype Text Element Lives On… at Least on This Site
11.10.2019
It was this: <tt>
I say "was" because it's deprecated. It may still "work" (like everybody's favorite <marquee> in some browsers), but it could stop working anytime, they say. The whole purpose of it was to display text in a monospace font, like the way Teletype machines used...
Why Progressive Web Apps Are The Future of Mobile Web
4.10.2019
Here’s one of the best essays I’ve ever read about why progressive web apps are important, how they work, and what impact they have on a business:
PWAs are powerful, effective, fast and app-like.
It’s hard to imagine a mobile web property that could not be significantly improved via...
Awards That Look Beyond the Flashy
3.10.2019
Dan Mall is judging the Communication Arts Interactive 2020 awards. These types of things are usually a celebration of flashy, short-lived, one-off designs. Those things are awesome, but Dan has more in mind:
I’d love to award work that demonstrates creative use of the highest level of color...