Liam Forsyth's Avatar

Liam Forsyth

@liamforsyth

Product & Web https://liamforsyth.co.uk

139
Followers
443
Following
19
Posts
04.11.2024
Joined
Posts Following

Latest posts by Liam Forsyth @liamforsyth

Post image

Are you thinking of cases where someone may be trying to upload a screenshot that isn't ready to be framed yet?

For example, if I was trying to upload this image. I should be able to crop the image I am uploading so it can fit in a device.

29.10.2025 15:02 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Will be adding image detection this week to help those find the best device for the image they uploaded.

(Potentially find a way to allow users to handle scenarios where they may have cropped the screenshot in half before trying to add a frame.)

29.10.2025 14:46 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Good point, been looking into some automatic detection (so it can inform the best device) which could also be used to alert if the image uploaded may not work in any of the available devices.

(+ need to get device rotation for landscape in too)

29.10.2025 12:13 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

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

29.10.2025 10:11 πŸ‘ 7 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0
Post image

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

12.05.2025 12:39 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

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.

29.04.2025 11:55 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

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

27.04.2025 22:39 πŸ‘ 9 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0
Post image

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>πŸ˜…

19.03.2025 15:06 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

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.

17.03.2025 09:38 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Mini apps to look like colour plastic gadgets with a low res LCD screen - think early 90s.

Mini apps to look like colour plastic gadgets with a low res LCD screen - think early 90s.

Going to try and build this mini timer app at the weekend.

Wish me luck :P

14.03.2025 09:45 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Commentary node from Portal, when clicked these would play commentary from developers and designers.

Commentary node from Portal, when clicked these would play commentary from developers and designers.

Wish apps had these…

(My 2025 goal is to find a way 🧐)

12.12.2024 21:50 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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.

This is neat. But I don't understand why it would generate a `<canvas>` element when 2d context is available through Houdini. It could just be a CSS background image.

www.cssscript.com/pixel-shimme...

05.12.2024 08:09 πŸ‘ 15 πŸ” 2 πŸ’¬ 3 πŸ“Œ 1
iPhone and web browser graphic

iPhone and web browser graphic

Working on a set of illustrations for the ol' portfolio.

A mix between clean vectors and pixel shading.

dribbble.com/shots/252396...

25.11.2024 09:49 πŸ‘ 8 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
a woman is talking on a telephone with the word hello written on the bottom ALT: a woman is talking on a telephone with the word hello written on the bottom
22.11.2024 11:07 πŸ‘ 5 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Design for a navigation bar that collapses into a tab bar.

Design for a navigation bar that collapses into a tab bar.

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

19.11.2024 13:16 πŸ‘ 19 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

The @figma.com Config β€˜25 wordmark goes hard

15.11.2024 14:40 πŸ‘ 65 πŸ” 2 πŸ’¬ 5 πŸ“Œ 0
Video thumbnail

family Β· trash collectible

11.11.2024 17:05 πŸ‘ 17 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

apparently my go-to form of self care is writing CSS

making a little scroll-y animation, as a treat

07.11.2024 16:39 πŸ‘ 11 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0
How a BBC navigation bar component broke depending on which external monitor it was on - Josh Tumath

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...

08.11.2024 17:58 πŸ‘ 9 πŸ” 4 πŸ’¬ 2 πŸ“Œ 0

Love CSS! πŸŽ‰β€οΈ

08.11.2024 17:02 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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.

figured may as well repost it here seein' as others elsewhere are reposting the implementation as theirs πŸ’€

updated to include the <input> 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

08.11.2024 00:21 πŸ‘ 25 πŸ” 4 πŸ’¬ 1 πŸ“Œ 0

It is yeah, but yeah feels a bit slower. Hmm will try a few things out. Thanks!

05.11.2024 02:00 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Oh yes, the second time was just in slow motion. Should have added some tag to say that.

05.11.2024 01:52 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Gallery caption animation Gallery caption animation designed by Liam Forsyth. Connect with them on Dribbble; the global community for designers and creative professionals.

Little flourish to a caption popup. #ui #css

dribbble.com/shots/251369...

05.11.2024 00:18 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

*Swish and swoop*

04.11.2024 22:01 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0