Liam Forsyth
banner
liamforsyth.bsky.social
Liam Forsyth
@liamforsyth.bsky.social
Built a small web app over the weekend as I was needing a super simple way of framing screenshots.

device.fit

Still a few things I want to add (cough Pixel 9 & 10 cough)... but figured it was worth sharing.

#buildinpublic
October 29, 2025 at 10:12 AM
As I prepare for my holiday next week, a throwback to an app design back in 2021 - how time flies 😲

Still a delightful UI even when reading that a high wave warning will last for 8 hours 😂

#ui #ux #app
May 12, 2025 at 12:39 PM
Actively framing the process as "building confidence" has really changed my outlook as a designer this past year.

It helps ensure that what we're working on is truly valuable and less about ticking checkboxes.
April 29, 2025 at 11:55 AM
What if instead of clicking to auto-fill, you pulled a card out of your wallet and dropped it onto the page...

#design #ui #ux
April 27, 2025 at 10:39 PM
An unintentional opportunity of onboarding to a new networking product is reflecting on past work.

I undersell a lot of these projects (RoboKiller, Paws for Trello) but I am proud of my work on them.

<Incoming portfolio update>😅
March 19, 2025 at 3:07 PM
I guess the 17th of March is the new 1st of January for me.

While not exactly a resolution - it's more of a positive mindset for 2025.

I want to make the most of this year as a designer, looking back with pride at what I’ve achieved.

To be impactful with style.
March 17, 2025 at 9:38 AM
Going to try and build this mini timer app at the weekend.

Wish me luck :P
March 14, 2025 at 9:45 AM
Wish apps had these…

(My 2025 goal is to find a way 🧐)
December 12, 2024 at 9:50 PM
Reposted by Liam Forsyth
This is neat. But I don't understand why it would generate a `` element when 2d context is available through Houdini. It could just be a CSS background image.

www.cssscript.com/pixel-shimme...
Add Pixel Shimmer Effects to Any Element on Hover - pixel-canvas | CSS Script
A lightweight Web Component for creating mesmerizing pixel shimmer effects on hover with easy customization and performance.
www.cssscript.com
December 5, 2024 at 8:09 AM
Working on a set of illustrations for the ol' portfolio.

A mix between clean vectors and pixel shading.

dribbble.com/shots/252396...
November 25, 2024 at 9:49 AM
To save some time coding up a hamburger menu for my portfolio, I went with a much quicker tab bar approach.

Have to say I do like the results for smaller navigations like this.

#ui #webdesign #designsky
November 19, 2024 at 1:16 PM
Reposted by Liam Forsyth
The @figma.com Config ‘25 wordmark goes hard
November 15, 2024 at 2:40 PM
Reposted by Liam Forsyth
family · trash collectible
November 11, 2024 at 5:05 PM
Reposted by Liam Forsyth
apparently my go-to form of self care is writing CSS

making a little scroll-y animation, as a treat
November 7, 2024 at 4:39 PM
Reposted by Liam Forsyth
Ever had a component on your website break depending on whether the web browser was open in an external monitor? 🤯

That's exactly what happened to someone in my team. We had a very interesting time working out the root cause. Here's a blog post. www.joshtumath.uk/posts/2024-1...
How a BBC navigation bar component broke depending on which external monitor it was on - Josh Tumath
www.joshtumath.uk
November 8, 2024 at 5:58 PM
Reposted by Liam Forsyth
figured may as well repost it here seein' as others elsewhere are reposting the implementation as theirs 💀

updated to include the reveal 🤙

and if you like this sort of thing, sign up for "The Craft of UI", where we break down things like this

craftofui.substack.com
The Craft of UI | Jhey ʕ•ᴥ•ʔ | Substack
Showing you how to bring ideas to life with code 🤙. Click to read The Craft of UI, by Jhey ʕ•ᴥ•ʔ, a Substack publication.
craftofui.substack.com
November 8, 2024 at 12:21 AM
*Swish and swoop*
November 4, 2024 at 10:01 PM