Stuart Robson
LightNews LightNews
banner
sturobson.com
Stuart Robson
@sturobson.com
5.2K followers 440 following 3.2K 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 Replies Media Videos
sturobson.com
also working on better 'sectioning' of the components available … BYONC (bring your own naming convention)
A component library sidebar with the heading 'components' A sub heading 'favourites' that has 'button danger' underneath it A sub heading 'elements' with links to 'button' (which has further child links to default, primary ,secondary, danger) A sub heading 'blocks' with links to 'alert' and 'card'.
January 12, 2026 at 4:44 PM
sturobson.com
recalling @ericwbailey.website's article - "Organizing a design system via folksonomy"

ericwbailey.website/published/or...

which I played around with at the time:

bsky.app/profile/stur...

and added it as part of the component library tool I'm working on
Screenshot of a Component Library Documentation web interface showing the 'card' component page. The browser displays localhost:8080 with a left sidebar containing a favourites list (card, alert, button). The main content area shows navigation tabs for Preview, Code, Documentation, Design Tokens, and Accessibility. Below are component details including a DRAFT status badge, version 1.0.0, and last updated date of 2026-01-08. A preview shows a simple card component with the text 'I am a card' and a 'Primary ddd' button. At the bottom is a code snippet section displaying HTML markup for the card component.
January 12, 2026 at 4:03 PM
sturobson.com
working on a little feature for ReliCSS that generates a handy report file (in HTML at the moment).
a screenshot of a 'relicss report' file that shows the date, the levels of urgency of the results and the start of the results for a 'star HTML hack'
January 9, 2026 at 8:56 AM
sturobson.com
The OG “exam results app”

www.gov.uk/government/n...
A burgundy red a4 leatherette folder with embossed “gold” text that reads “national record of achievement”
January 8, 2026 at 6:07 PM
sturobson.com
is it Hannibal? 🙏
a screenshot of a social media post from 9 to 5 Mac. It reads Apple TV unveils the return of one of he best-reviewed shows. With a link and a social media image of a mountain range covered in snow - with a low fog and the Apple TV logo in the middle
January 8, 2026 at 3:14 PM
sturobson.com
… added some meta information and some quick links today
a cropped screenshot of a component documentation page. We see the component nage a set of links that link to in page sections a status pill a version number updated date icons for viewport size and dark / light mode an iframe with a 'card component' example
January 8, 2026 at 2:47 PM
sturobson.com
in the other office again today, looking after Sarah’s antiques shop for the day.

www.instagram.com/tryonantiques
A shop interior of an antiques centre. With antique furniture, pottery, glassware, rugs, carpets, and a wooden horse.
January 8, 2026 at 9:49 AM
sturobson.com
press all the buttons and see the things go weee!
January 7, 2026 at 3:13 PM
sturobson.com
When I get to the bottom, I go back to the top of the slide
January 7, 2026 at 2:33 PM
sturobson.com
the last thing I was working on before today was this handy(‽) design tokens table that looks at the components .tokens.json file and previews all the information available.
a screen shot of a table titled "Design Tokens" listing out various design decisions with their token name, a preview, the value, a description, and if they are available their CSS custom property and Sass variable
January 7, 2026 at 11:58 AM
sturobson.com
… yes, I'm essentially remaking fractal but with 11ty.
a screenshot of a site called 'component library docs' … it has that as a heading on the page followed by a sidebar and main content area. The sidebar lists out components available and variants: card button default button primary button secondary button danger button the main content shows the primary button with a heading of 'button - primary'. There is a visual example of the button followed by the nunchucks code, an area for documentation, and the styles used in the component
January 7, 2026 at 11:56 AM
sturobson.com
A while back I wrote up about some handy front-end browser bookmarklets, I've just updated the 'component checker' so it provides a prompt for you to provide your Design Systems components prefix (you do that, right‽).

www.alwaystwisted.com/articles/a-f...

👀 The results of checking my homepage
a screenshot of the 'above the fold' part of always twisted dot com which has text and images. There are green and red outlines around the elements on the page. The red outlines show elements that do not have a Design System prefix in the CSS
January 7, 2026 at 7:50 AM
sturobson.com
no-one asked for it but, later today, ReliCSS is getting a 'light mode'

www.alwaystwisted.com/relicss/

🙏🖤
a work in progress ool called 'the css relic hunter' … with a heading and a layout … taking up one third of the horizontal space is a text area input with CSS 'hack' examples with a submit and clear button beneath. The right two thirds has 'resullts' with 4 squares showing - all, high, medium, low with numbers. underneath is a list of the css 'hacks' the tool has found.
January 7, 2026 at 7:03 AM
sturobson.com
… @scope has recently become baseline 'newly available', but wouldn't it be cool to see when it might become baseline 'widely available'? How about adding it to your calendar?

baseline countdown … coming soon (sooner than @scope becomes baseline 'widely available' at least 😅)
Screenshot of the "Baseline Countdown" app showing the CSS @scope feature. Displays "2 years, 5 months, 2 days to go (estimated)" until wide availability. Shows newly available date of 09-12-2025 (now available) and widely available date of 08-06-2028 (estimated). Includes browser compatibility icons for Chrome, Edge, Firefox, and Safari, all with checkmarks. Features input field, orange Lookup button, and calendar download options.
January 6, 2026 at 1:47 PM
sturobson.com
todays question … how far can I get this other side project close to pushing it onto the web?
a screenshot of a web application called 'baseline countdown'. It shows the current baseline results for @scope. There is a user input which has @scope in it, followed by a 'look up' button. Underneath that is the results for @scope showing what date it became newly available, that is has no date for being widely available, a link to the 'spec'. and a graphic showing the browsers that currently support it.
January 6, 2026 at 10:35 AM
sturobson.com
I don't hate it.
an orange line drawing image of a dinosaur followed by the word ReliCSS - Relic and CSS combined.
January 3, 2026 at 4:18 PM
sturobson.com
a work in progress ool called 'the css relic hunter' … with a heading and a layout … taking up one third of the horizontal space is a text area input with CSS 'hack' examples with a submit and clear button beneath. The right two thirds has 'resullts' with 4 squares showing - all, high, medium, low with numbers. underneath is a list of the css 'hacks' the tool has found.
January 3, 2026 at 12:45 PM
sturobson.com
feel shit, just want it back …
a beef burger with wedges of sweet potato and a dipping sauce served on a shovel
January 3, 2026 at 12:02 PM
sturobson.com
The book cover of “fly fishing” by J. R. Hartley. A cream and black book with a pencil drawing of someone fly fishing by a river.
December 30, 2025 at 7:34 PM
sturobson.com
post a perfect album from the 90s that isn't nirvana, pearl jam, soundgarden, or alice in chains
the album cover for Ash's debut album - 1977
December 29, 2025 at 7:20 PM
sturobson.com
wanna be able to search @css-tricks.bsky.social before opening a browser window?

This @raycast.com plug is pretty neat!

www.raycast.com/j3lte/css-tr...
a Raycast 'window' with the search term of 'color-mix'. Below Is a side bar of results for what pages on css tricks has the term 'color-mix'. In a larger column to the right of the results is a preview of the selected result (css color functions) with the open graph image, and a short description of the page.
December 20, 2025 at 1:12 PM
sturobson.com
small progress … taking a w3c DTCG spec'd tokens file, importing it into Figma via a little plugin and generating variables (only colours at the moment)
December 18, 2025 at 8:53 AM
sturobson.com
needs some work but …
a screenshot of the figma app. There are three windows open, horizontally. On the left is one that 'reads design tokens importer' with a drag and drop area, and buttons to 'generate dartboards and variables' In the middle is a figma 'page' displaying blocks of colour and text that is a visual representation of tokens json On the right is the figma variables window that is displaying the variable name, and value with a visual representation of the value.
December 17, 2025 at 3:01 PM
sturobson.com
all this word cloud from my BlueSky Wrapped needs is an apostrophe.
a 'word cloud' of several words in grey including - webdsign, using, think, today, systems. There are three words in blue from the top of the cloud to the bottom they are design, its, css.
December 17, 2025 at 2:35 PM
sturobson.com
yes, and you can go away too.
a screenshot of a page of the Apple Music settings on iOS Song Transitions with an 'off' checkbox / slider. Turning off the feature for - beginnings and endings of songs blend together seamlessly.
December 16, 2025 at 12:15 PM