Advertisement Β· 728 Γ— 90

Posts by Liam Forsyth

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.

5 months ago 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.)

5 months ago 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)

5 months ago 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

5 months ago 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

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

11 months ago 2 0 0 0
Video

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

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

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

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

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

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

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

1 year ago 19 0 0 0
Advertisement
Post image

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

1 year ago 65 2 5 0
Video

family Β· trash collectible

1 year ago 17 1 0 0

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

making a little scroll-y animation, as a treat

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

1 year ago 9 4 2 0

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

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

1 year ago 25 4 1 0

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

1 year ago 1 0 0 0

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

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

1 year ago 1 0 1 0
Video

*Swish and swoop*

1 year ago 2 0 0 0
Advertisement