Stuart Robson

@sturobson.com

5388 Followers 453 Following

👋 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

A rectangular deep dish pizza on a wooden board. The pizza is cut into 12 pieces.
a photo of the Linking Park singer - Chester Bennington, a upper body and head shot. Wearing a black t-shirt. Side on view. Singing into a microphone held in their left hand. slightly sweaty.
A toy figure and packaging for the wrestler LA Knight.
an ai generated image titled 'did Figma's latest update challenge web designers' with a 50/50 vertical split of bad (red) things and good (green) things with red and green 'forests' in the background and 'the designer' standing between the two
the ex-Tory MP (now Reform UK Ltd) Robert Jenrick wearing a unbuttoned shirt, superimposed on a field of solar panels. A blue line outlines Honest Bobs' figure.
snippet of an RSS reader that lists all "personal blog" articles, totalling 132 unread
a snippet of an RSS reader that lists all articles, totalling 865 unread
An advertisement board for a restaurant with part of its selling point is “quality meats”
The comedian Bob Mortimer smiling, holding up an A5 sized card from the TV Show. Would I lie to you?
A small three story White House with red finishes on the windows and door frames.
A shop interior with antique furniture, rugs, ceramics and lighting.
A dark UI banner showing a red error icon next to the text “Release v0.1.0 – MVP,” with a smaller line below stating “Release #5: Commit b2c8f43 pushed by sturobson.
Terminal screenshot showing a ⁠pnpm test:rules command with all listed checks passing, each marked with a green checkmark. The results include ⁠core/valid-dtc, ⁠core/no-unresolved-refs, ⁠core/no-circular-refs, ⁠core/required-type, and ⁠naming/convention. The prompt shows the project directory ⁠~/Sites/Personal/projects/token-lint on a MacBook Pro.
part of a GitHub web page that shows the octagon (?) octopus/cat icon. Then - sturobsbon / token-lint
a web interface that allows for three modes - light, dark, system - as three buttons followed by themes - orange, red, pink purple, blue, cyan, green, and yellow. Underneath there is a small component that demonstrates the mode and theme options as I click through the buttons
Screenshot of a “CSS Feature Browser Support Checker” webpage showing input fields for CSS features such as calc, contrast-color, color-mix, light-dark, and oklch, each with a remove button. Below, results display 100% typical browser support, listing supported desktop browsers (Chrome, Edge, Firefox, Opera, Safari) and mobile browsers (Chrome Android, Firefox Android, Opera Android). A detailed table shows global support percentages and specific supported desktop and mobile browsers for each CSS feature.
a set of inputs and labels for a CSS Feature Browser Support Checker oklch() is not a current CSS feature contrast-color() is not a current CSS feature color-mix() is not a current CSS feature light-dark() is not a current CSS feature calc() is not a current CSS feature
Interactive CSS color palette generator tool showing dynamic tints, shades, and color variations with live preview cards and buttons demonstrating the palette in action
Screenshot of a "Design Tokens Colour Space Convertor" tool. On the left, JSON input tokens define colours in hex format for brand, primary, secondary, accent, and blue. On the right, the converted output shows the same tokens in OKLCH colour space, with values for colour components and metadata, including the original hex value and conversion details. There are options to select the output colour space and buttons for "Convert" and "Clear" at the bottom.
A selfie of my bearded face with bookshelves behind me. I am ‘wearing’ a neck fan device’. That has two small fans pointing to my face. With added lights for the aesthetic.
A dark walnut chopping board that says “king of the kitchen” etched in the center. There is a Father’s Day card to the bottom left that says “my dad’s the g.o.a.t”
An outdoor scene showing lots of antiquities and gardenalia
Screenshot of a “Design Token Manager” interface showing a list of semantic color tokens with previews, values, tokens, and descriptions. A modal window is open in the foreground, titled “Add New Token Set,” with fields for entering the token set name (“brand”) and selecting a group (“Semantic”), along with “Add Set” and “Cancel” buttons.
a screen shot of the command line results for testing a design token linting tool for things like - naming conventions, format adherence, etc etc.
a picture of reform uk ltd. mp - lee Anderson - resting on a wall with reform uk ltd. councillor, would be mp hopeful, Rob Kenyon
Part of a website called black flag showing screenshots of Relicss and project wallace
part of a design tokens json file "secondary-light": { "background": { "value": "#faf5ff", "type": "color" }, "foreground": { "value": "#831843", "type": "color" } },
a screen shot of a computer terminal / ide that reads results of a design tokens build 🔍 Validating color contrast... ✅ 7 color combinations pass WCAG AA ⚠️ 2 color combinations don't meet WCAG AAA: button-primary-background └─ 4.78:1 (requires 7:1 for AAA) button-danger-background └─ 4.83:1 (requires 7:1 for AAA) ✅ All color combinations meet WCAG AA standards ✅ Build complete!
An Amazon Kindle with case. Opened on a bright fabric cushion. The ‘stand by’ screen of the device shows the book cover for Femlabdia by Christina Dalcher
part of a command line tool for design token linting results - which states: ✅ naming/convention Expected: 0 errors, 2 warnings Got: 0 errors, 2 warnings - color.mike_mccready: "mike_mccready" should be kebab-case - color.StoneGossard: "StoneGossard" should be kebab-case
a long thin screenshot of the open tabs ui in Safari showing several tabs with the zero height logo and start of the blog title for each
an AI generated image that shows how a component library on the left is a set of boxes for components, tokens, etc but on the right there is a 'design systems tree' with people looking up to it - that contains more things that are part of a Design System
An 1970s idunstrial building. With white panels and glass
A large group of people dressed as Vikings, holding shields and weapons, pose together on a rocky shore with dramatic green mountains and a fjord in the background. Two Viking longships are in the water behind them, one docked at a wooden pier and another further out on the fjord. The scene is set in a picturesque Norwegian landscape, evoking a historic or fantasy atmosphere rather than a modern football squad.
Screenshot of the ReliCSS website homepage. The site has a dark theme and introduces ReliCSS as a browser-based tool for analysing legacy CSS code. The main section explains that ReliCSS helps identify outdated browser hacks, fossilised media queries, repeated values, and duplicate declarations. Below, there are six tool cards: Relic CSS, Media Query Palaeontologist, Can I Re-Use, CSS De-Dupe, Fossil Tokeniser, and Code Scrolls, each with a short description and a link to open or view the tool. The navigation bar at the top includes links to each tool, a roadmap, and an about page. The footer notes that everything runs client-side and credits Stu Robson as the creator.
a screen shot of Adobe Fonts 'Glyph Finder' showing a grid of 3 x 10 of differing R glyphs in different type faces.
a screenshot from a LinkedIn post image that says - 15 designers so good you'll get a semi
A small horsefields tortoise settled underneath a wooden bench in the sun.
part of the UI for codepen dot I O. A side bar navigation on the left and on the right there are two 'card links' to codepens - one is mine for the 'which body movie?' app - highlighted with 'picked by codepen'
part of a web app called 'Which Bond Movie?' There is the 007 logo, followed by the app title - Which Bond Movie?, with a subtitle - 'can't decide which bond film to watch tonight?' There is a button that says - 'assign my mission' With a card results for the 1967 David Niven, Ealing Bond movie of - Casino Royale which includes the year, title, bond actor, and tagline. A footer says it includes all 25 eon production bond movies and never say never again
a screenshot of part of google.com … the search bar has the text - how many ps in robson … the AI Overview states There is 1 "p" in the name Robson
part of a web app called 'random bond movie night' There is the 007 logo, followed by the app title - random bond movie night', with a subtitle - 'can't decide which bond film to watch tonight?' There is a button that says - 'assign my mission' With a card results for the 1963 Sean Connery bond movie of - from Russia with love' which includes the year, title, bond actor, and tagline. A footer says it includes all 25 eon production bond movies and never say never again now with a 'hire me' banner at the top of the page and a play/pause button at the bottom right
a short video of the ui for 'random bond movie' where the button is being clicked and the 'card' below is rotating and each click rotates the card and provides a new bond title, including year, actor, and imdb overview
A selfie of me. Sat in the garden. Drinking from a can of lager, wearing a baseball cap.
part of a web app called 'random bond movie night' There is the 007 logo, followed by the app title - random bond movie night', with a subtitle - 'can't decide which bond film to watch tonight?' There is a button that says - 'assign my mission' With a card results for the 1963 Sean Connery bond movie of - from Russia with love' which includes the year, title, bond actor, and tagline. A footer says it includes all 25 eon production bond movies and never say never again
Freshly baked focaccia bread. Roughly 30cm by 20cm. Resting on a black wire tray to cool.
A blue and white plate with a rib eye steak, plum tomatoes, a flat mushroom and some rocket.
A black coffee cup and a blue plate with a sandwich on it. On a distressed green wooden table. In the distance is a garden.
An outdoor garden scene with an orange looking drink - an aperol spritz, and an iPad playing the Canadian f1 sprint. These are set on a rustic green table. There is grass and a garden wall in the short distance.
An outside scene of a garden chair and table with an opened laptop on the table. In a nice shaded area.
a screenshot of a work-in-progress web tool that looks for old / defunct media query usage. This shows the result for the @ media handheld to the right of some inputted CSS on the left
six round pizza dough balls in a black plastic container with a clear lid
A man in light denim jeans, a black hoodie, and holding up a phone. Slightly hidden by a tree.
a black rectangle, with white text. At the top is a yellow / greyscale 'avatar' image of the comedien Lewis Black. The text reads: I've seen the end of the universe, and it happens to be in the United States and, oddly enough, it's in Houston, Texas. I know - I was shocked, too. Imagine my surprise when I left a comedy club one day and walked to the end of the block, and there on one corner was a Starbucks, and across the street from that Starbucks, in the exact same building as that Starbucks, there was - a Starbucks. I looked back and forth, thinking the sun was playing tricks with my eyes. That there was a Starbucks across from a Starbucks - and that, my friends, is the end of the universe
Pattern matched: Highly likely fossil @media (min-width: 992px) 992px is Bootstrap 3's 'medium' (md) breakpoint. Still valid in Bootstrap 5 — but verify it fits your current layout system. Suggested modern equivalents Modern equivalent (legacy syntax): @media (min-width: 992px) { } Modern equivalent (range syntax — MQ Level 4): @media (width >= 992px) { }
a black and white photo of Chris Cornell, long curly hair, rolled up sleeves of a flannel shirt, sat against a wall with a light sofa in the background.
the ex-footballer turned (possible) conspiracy theorist Matt Le Tissier wearing a black polo shirt / jumper, blue jeans. Sat in a chair looking 'thoughtful'.
a snippet of a tweet by Wes Streeting on twitter that reads - leave the infighting to the tories.
looking out from a seated position over the top edge of a laptop screen/ There is antique furniture, lamps, mirrors, pottery and other objects in the room ahead.
past presidents standing around, guffawing in laughter whilst holding their glasses of wine. Text reads - … and then they couldn't find a safe seat for him.