Liam Forsyth

Liam Forsyth

@liamforsyth.bsky.social

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

139 Followers 443 Following 19 Posts Joined Nov 2024
4 months ago
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.

1 0 0 0
4 months ago

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

0 0 1 0
4 months ago

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)

1 0 1 0
4 months ago
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

7 0 2 0
10 months ago
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

3 0 0 0
10 months ago

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.

2 0 0 0
10 months ago
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

9 0 2 0
11 months ago
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>πŸ˜…

2 0 0 0
11 months ago
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.

1 0 0 0
1 year ago
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

2 0 0 0
1 year ago
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 🧐)

4 0 0 0
1 year ago
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...

15 2 3 1
1 year ago
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...

8 0 0 0
1 year ago
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
5 0 0 0
1 year ago
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 0 0 0
1 year ago
Post image

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

65 2 5 0
1 year ago
Video thumbnail

family Β· trash collectible

17 1 0 0
1 year ago

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

making a little scroll-y animation, as a treat

11 1 1 0
1 year ago
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...

9 4 2 0
1 year ago

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

2 0 0 0
1 year ago
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

25 4 1 0
1 year ago

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

1 0 0 0
1 year ago

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

0 0 1 0
1 year ago
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...

1 0 1 0
1 year ago
Video thumbnail

*Swish and swoop*

2 0 0 0