Lightnews — Scholar-powered news

Stuart Robson

@sturobson.com

5K followers 430 following 2.7K posts

👋 currently looking for new client work 🖤 Design Systems Practitioner 🛠 Front-End Developer 📰 Curates Design Systems News 🏎️ Formula One Watcher 🧟‍♂ Horror Fan 🍖 BBQ’er 🖥️ www.alwaystwisted.com 📜 news.design.systems

Posts Media Videos Starter Packs

Pinned

Stuart Robson @sturobson.com · Jun 5

👀 Looking for Design Systems consultancy or front-end development for your project?

📅 I have availability and would love to assist!

👇 Here's some of my recent work

💡 If you’ve got something coming up, let’s chat!

🌐 Visit www.alwaystwisted.com or email me at [email protected]

🙏🖤

A composition of elements from the Monotype Marketing Design System, featuring interactive type specimens, bold typography, and a user-friendly interface. The design adopts a minimalist aesthetic with black and red accents. The caption reads, 'Created the Monotype marketing Design System, developed tools for interactive type specimens, launched the Shopify storefront.'

A composition of elements from the Elements Design System homepage, featuring clean layouts, design tokens, and component guidelines. The design utilises a light theme with blue accents. The caption reads, 'Assisted with front-end work across multiple sites, helped create the new Design System documentation site, implemented design tokens.'

A composition of elements from the Visual Framework homepage for EMBL, showcasing design system guidelines, component examples, and accessibility features. The design employs a green and white colour scheme. The caption reads, 'Developed the front-end architecture and guidelines for EMBL's new Design System, ensuring scalability and maintainability throughout the project.'

A composition of elements from the UCL site-wide search system, highlighting search functionality, filters, and a clean user interface. The design features a modern layout with blue and white tones. The caption reads, 'Created the front-end for a comprehensive site-wide search system, enhancing UX and the existing Design System.'

2 22 21

Stuart Robson @sturobson.com · 2h

if, like me, you get frustrated with the Apple TV keyboard layout

Settings > General > Keyboard Layout > Grid

1 1 4

Stuart Robson @sturobson.com · 2h

tell me about it :'(

Stuart Robson @sturobson.com · 3h

TIL - when Gremlins was released in 1984 it was given a 15 rating in the UK… I always thought it was a PG.

But then, the things my parents allowed me to rent from the local video shop… I'm not surprised I thought that.

(deep research for a late '31 movies to watch on the run up to Halloween post)

1 5

Stuart Robson @sturobson.com · 23h

awesome little #a11y bookmarklet from @lloydi.com

a11y-tools.com/bookmarklets...

(check out the other ones they have on that page, it's a right ol' treasure trove)

Screenshot of a UI design tool showing component states for a 'New Post' button. The interface displays a dark-themed modal window titled 'Component states' with a close button (X) in the top right. The modal shows five different interactive states: Default, Hover, Focus, Active, and Disabled. Each state displays a blue button with a pencil icon and 'New Post' text. The first four states (Default, Hover, Focus, Active) include warning indicators showing 'Low contrast: 2.39:1' with triangle warning icons. Each row has a trash icon button on the right. Below the states is a section titled 'ARIA attributes found' listing two attributes: aria-label: 'Compose new post' and aria-pressed: 'false'. The interface appears to be from an accessibility or design system testing tool.

1 4 12

Reposted by Stuart Robson

rem / Remy Sharp @remysharp.com · 1d

Pleased to share the final full line up for 2025.ffconf.org

It's a day that you'll come away from inspired and full of ideas.

The speakers for FFConf in a grid with topics: distributed power, inclusivity by design, design systems and web components, privacy and ethics, the good internet, ai brain drain, code and culture and finally: journey to coder.

2 4

Stuart Robson @sturobson.com · 1d

"We’ve spent so long teaching people that the cascade is dangerous that even when their own tools try to reintroduce platform capabilities, they don’t want them."

alfy.blog/2025/10/04/h...

How Functional Programming Shaped (and Twisted) Frontend Development

alfy.blog

Stuart Robson @sturobson.com · 1d

I limited myself to 'the top 10'. Absolutely love this idea from @jakearchibald.com and @firefoxdevtools.bsky.social

Ranked proposals (top = most important)

Features:
CSS margin-trim 
CSS @supports for at-rules, nesting, and other CSS syntax 
CSS text-wrap: pretty
CSS contrast-color() function
CSS @container style()
CSS hanging-punctuation property
CSS Gap decorations 
CSS accent-color property
CSS anchor positioning 
Web Share API

2 15

Reposted by Stuart Robson

Lea Verou, PhD @lea.verou.me · 1d

😍 Great idea, made by the awesome @jakearchibald.com.
Spend a few minutes to select and rank what matters to you and improve the web platform for everyone!

firefoxdevtools.bsky.social @firefoxdevtools.bsky.social · 1d

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.

So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.

interop-rank.jakearchibald.com

Interop Feature Ranking

Rank the web platform features you care most about

interop-rank.jakearchibald.com

1 3 23

Reposted by Stuart Robson

Matthias Ott @matthiasott.com · 2d

“I feel like web developers are constantly being gaslit into thinking that complex over-engineered solutions are the only option. […] That’s not good for users, and I don’t think it’s good for us either.”

Mic drop by @adactio.com 👏
adactio.com/journal/22178

Simplify

Reminding myself just how much you can do with CSS these days.

adactio.com

1 15 47

Stuart Robson @sturobson.com · 2d

episode 8 … I think Ryan Murphy did it better 13 years ago

www.youtube.com/watch?v=m2qE...

The Name Game w/ lyrics - Jessica Lange American Horror Story Asylum

YouTube video by MissMisty

www.youtube.com

Reposted by Stuart Robson

Stuart Robson @sturobson.com · 4d

Hello World

I'm nearing the end of my current contract and on the lookout for my next adventure.

I'm a Front-End Developer and Design Systems specialist, excited to dive into new projects and tackle new challenges!

Let’s make some rocking websites!

[email protected]

🙏🖤

2 11 24

Stuart Robson @sturobson.com · 2d

Like me, did you forget @penpot.app's penpotfest was on today?

You can stream it live here:

penpot.app/penpotfest/l...

Penpot | The event that brings design, code and open source together.

The design event for designers and developers

penpot.app

1 7

Stuart Robson @sturobson.com · 2d

my best yet.

Stuart Robson @sturobson.com · 2d

Charlie Hunnam out there looking like John Cena covering their receding hairline and sounding like an Irish Winnie the Pooh

Stuart Robson @sturobson.com · 2d

#Traitors Time.

Stuart Robson @sturobson.com · 2d

banger à la bang

A glass Pyrex dish with “toad in the hole” a risen, cooked batter mix with 6 browned, cooked sausages.

2 8

Stuart Robson @sturobson.com · 2d

and finally … no, no, no, no JS

a bookmarklet that looks for a class of 'js' on the HTML element and swaps between that and 'no-js'.

a man in a suit is holding a sign that says no no no no no .

Alt: the character Jim Trot, from the Vicar of Dibley holding up a sign that says 'no no no no no' they then flip it to the other side that says 'yes'

media.tenor.com

Stuart Robson @sturobson.com · 2d

then we have a bookmarklet that lists out any and all third party links to CSS and JS

The image displays a list of external CSS and JavaScript (JS) files used in a webpage. Each entry specifies the type (CSS or JS) and the corresponding URL for the resource.

1 2

Stuart Robson @sturobson.com · 2d

next a bookmarklet that displays any inline <style> tags on a page

The image displays a code editor or development environment showing an inline CSS style block. The CSS defines various font-face rules for the "GH Guardian Headline" and "Guardian Egyptian Web" fonts, specifying their sources and styles. Below the code, there is promotional text from the Guardian Weekly magazine, encouraging subscriptions for in-depth news coverage, with a special offer of 50% off for three months. The bottom of the image features a partially visible graphic related to news content, likely from the Guardian.

1 1

Stuart Robson @sturobson.com · 2d

first up, but this is still a prototype.

'Design System checker'

A simple bookmarklet that marks anything without a define class prefix with a red outline, instead of a green outline.

The image features a webpage header titled "Exploring the secrets of life," highlighting the European Molecular Biology Laboratory (EMBL) as a key institution in biological research. Below the header, there's a section labeled "Latest updates from EMBL's six sites," showcasing recent articles with illustrations related to scientific advancements. The articles include topics like a partnership with Google DeepMind, microbial DNA research, embryonic development, and an interview with Amandine Nunes-Jorge about ocean research. Each article is accompanied by a date indicating its publication.

1 1

Stuart Robson @sturobson.com · 2d

going to try and carve out some time to write up about some recent bookmarklets I've been working on.

As well as a little article explaining them all I'm wondering if a fresh 'bookmarklets' page on my site would be a nice to have.

2 3

Stuart Robson @sturobson.com · 2d

I should put my spark amp on top really (and get my Iceman out of storage (and conduct some cable management))

A metal storage unit for guitars with three guitars resting inside and a NAS and other network devices sat on top of the

2 4

Stuart Robson @sturobson.com · 2d

"and in the third season of Monster, we'll just make some stuff up"

1 1

Stuart Robson @sturobson.com · 2d

reminded today of this ol' thing from @tkadlec.bsky.social

Setting a performance budget

timkadlec.com/2013/01/sett...

Setting a performance budget - Web Performance Consulting | TimKadlec.com

timkadlec.com

Reposted by Stuart Robson

Bramus @bram.us · 3d

What are your favorite CSS functions?

25 4 22