Jonathan Dallas

@doctype_jon
115 Followers
220 Following
1.2K Posts
UI/UX #CSS farmer
websitehttps://jwdallas.com/

$100 reward to anyone who can render a $1 bill on a webpage at actual size (as measured on the screen) without knowing the device. Serious.

(This is a revival of an identical challenge I posed back in 2013 that still remains unsolved.)

You know you’re allowed to just attach shadow roots to any element that supports it.

💡 CSS Tip!

An old design pattern solved by a modern CSS feature.

https://css-tip.com/responsive-separator/

Learn how Gap Decorations makes it easy to add a separator between items using simple code with no hacks.

It works with different alignment settings, and you can easily adjust the shape as well.

#CSS #HTML

Excited to attend @Typographics tomorrow! 📚

Took advantage of the occasion to finally fully incorporate the gorgeous Name Mono by @arrowtype into the code examples on my site

It seems like this printer is not only sleeping but having vivid dreams…

Twenty five years ago today I started the #Safari and #WebKit projects at #Apple Computer.

Which means Safari is now old enough to rent itself a car. But let's not speculate about my age.

I'm still sad I can't use Safari on my Windows PC. Alas, I lost the battle to keep it there. But at least WebKit's DNA seeded or influenced most browsers we use today.

And I'm proud of that impact. Along with the wonderful team I built who made it all happen. Here's to another 25, friends.

Cheers. 🥂😊💖

I think I'll start using #css scope in production. The key (for now) is:

- Global styles provide a solid baseline
- Scoped styles enhance

Which forces the question: how simple can a baseline be? How much can we do with global patterns? How many styles can be optional? Different projects will draw different lines, but I like forcing the question.

Progressive enhancement is only difficult when we decide *everything is always essential* because design has become a static target.

I simply wanted a font license that wouldn’t be a pain in the ass for me as a designer.
https://yeptype.com/article/on-the-yep-type-font-licensing

#typography #fonts

On the Yep! Type font licensing

Yep! Type font licensing: no separate web, desktop, or app licenses — one font, priced once by company size, from startups to enterprises. Transparent pricing from €10.

Yep! Type Foundry

The HTML cat is out of the Web Audio bag. I've finally released HYPERBLAM.

It’s my system for sampling, processing, and sequencing sound and music directly in HTML.

https://hyperblam.how

Hyperblam Docs Home

Documentation for HyperBlam. Make HTML make music.

HYPERBLAM
“The primary feature for easy maintenance is locality: Locality is that characteristic of source code that enables a programmer to understand that source by looking at only a small portion of it.”
#RichardGabriel