Toots for Richr@mastodon.social account

Written by Richard Rutter on 2025-01-18 at 18:32

What I learned by creating a dark mode toggle https://clagnut.com/blog/2437 #css #design #typography

=> More informations about this toot | View the thread

Written by Richard Rutter on 2025-01-17 at 11:18

https://www.youtube.com/watch?v=5lsExRvJTAI

=> More informations about this toot | View the thread

Written by Richard Rutter on 2025-01-17 at 11:13

Me, my colleagues, and seemingly everyone else in the world who has to use Google products...

"I'm sorry, Dave. I'm afraid I can't do that." anyone?

=> View attached media

=> More informations about this toot | View the thread

Written by Richard Rutter on 2025-01-15 at 11:11

Don't forget tomorrow morning is the first Service Design Breakfast Club of the year. Join us in @Clearleft 's studio in Brighton - it's free and open to anyone with an interest in the field.

https://servicedesignbreakfast.com

[#]serviceDesign

=> More informations about this toot | View the thread

Written by Richard Rutter on 2025-01-11 at 10:23

Test page demonstrating text sizing bug with font-size: calc()

https://clagnut.com/sandbox/page-zoom-test.html

=> More informations about this toot | View the thread

Written by Richard Rutter on 2025-01-08 at 08:32

And speaking of which, for completion I should point you towards https://prismjs.com, a free syntax highlighter developed by

@leaverou and others, and used on millions of websites including mine. It also works in ePub ebooks 😉.

=> View attached media

=> More informations about this toot | View the thread

Written by Richard Rutter on 2025-01-07 at 21:36

TIL how to do easy code syntax highlighting in Keynote: https://clagnut.com/blog/2436

=> More informations about this toot | View the thread

Written by Richard Rutter on 2025-01-07 at 16:41

@trys @belldotbz this appears to be new behaviour in either Safari 18.1 or 18.2 (tested on Ventura and Sequoia). Page zoom worked as expected when I tested on 18.01 (Ventura).

=> More informations about this toot | View the thread

Written by Richard Rutter on 2025-01-03 at 10:28

@trys @belldotbz Have you noticed a change in Safari's zoom behaviour recently? Now when I page zoom using ⌘+ and ⌘- the page zooms but the text doesn't, but that only seems to be the case with Utopia-driven text sizing.

Specifically bumping up and down text size (⌥⌘+) still works as expected, but is not default behaviour.

Maybe this has always been the case and Safari has swapped around the default zooming method? Or it's a setting I've inadvertently set and it's only me?

=> View attached media

=> More informations about this toot | View the thread

Written by Richard Rutter on 2025-01-02 at 14:33

All the #AI hype and bandwagon-jumping only goes to feed my scepticism. However I do want to be informed about the genuine possibilities - good and bad. @simon's write-up of his work throughout 2024 is a great place to start. It's pretty long, but check out the headlines at the very least.

https://simonwillison.net/2024/Dec/31/llms-in-2024/

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-12-18 at 09:15

With anchor positioning in #CSS, why do we use a CSS property anchor-name to define the anchor, and not just an id?

I'm pretty much always going to have to write style="anchor-name: --myanchor" surely?

Surely an anchor has to be a unique element, so it could be targeted in the same way as you would for an HTML input label?

What have I missed? Perhaps the opportunity to style anchors? But you may as well use a class for that. 🤷

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-12-13 at 09:23

Thanks for the mentions @elliotjaystocks

https://elliotjaystocks.com/newsletter

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-12-06 at 16:40

So much good stuff. New CSS (in Chrome but other browsers too, if not now then soon).

https://chrome.dev/css-wrapped-2024/

[#]css

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-11-29 at 17:48

Very sad to see the demise of CHPT3. Some of my favourite clothing - not just cycling gear - is CHPT3. And I really wanted to treat myself to a pair of their Transit shoes.

A sadly different kind of Black Friday for @millarmind and colleagues at https://chpt3.com/

Business can be brutal when you care about your people and the brand.

[#]cycling

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-11-29 at 09:25

Look what you made me do @jonhicks

Loving Whitelands.

https://whitelands.bandcamp.com

=> View attached media

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-11-26 at 13:09

TIL that the 'i' in the element now stands for 'idiomatic' rather than italic. But would be still be rendered as italic usually.

Because I was wondering how to mark up caveat emptor in a sentence like this.

https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-i-element

Waiting for @heydon to get to it in about 30 elements time...

[#]webdev #html

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-11-21 at 16:01

@benjaminparry further to our lunch conversation, over on Bluesky there is this... https://bsky.app/starter-pack/sanderhermsen.bsky.social/3laswhf6dhi2k

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-11-21 at 15:17

Note to self: A colour contrast tool to compare foreground and background colours and give alternative accessible combos: https://contrast-finder.tanaguru.com/ #a11y

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-11-20 at 17:46

Looking forward to chatting with folks at the Service Design Breakfast Club tomorrow morning. If you can be in Brighton by 8:45, please pop along.

https://servicedesignbreakfast.com

[#]serviceDesign #brighton

=> More informations about this toot | View the thread

Written by Richard Rutter on 2024-11-18 at 08:08

Don't forget the next Service Design Breakfast Club meet-up is this Thursday morning at @Clearleft's studio in Brighton. Come along for a chat with fellow service designers. It's free.

https://servicedesignbreakfast.com

[#]servicedesign #brighton

=> More informations about this toot | View the thread

=> This profile with reblog | Go to Richr@mastodon.social account