Tom Morris
Tom Morris

Tom Morris

Building websites for Fiasco Design in Bristol, with a background in full-stack development and graphic design for over a decade.

Creator2 Components
Reposted by Tom Morris
Tom Morris
Tom Morris3mo

I built myself an "Unstacking Gallery" that throws cards as you scroll. A little bit of randomisation of rotation and distance and it feels so natural, I love it.

Tom Morris
Tom Morris4d

Back in July I created an Unstacking Gallery and it's now available in the marketplace with loads of customisation features. Check it out :)

https://framer.link/TXYLlc3

Help me out by giving it a like so people can find it in the store.

Tom Morris
Tom Morris3w

After exploring the new list field, I am really impressed so far. It makes the CMS much more powerful and tidy and reduces work for designers and users.

They can also be used outside of the CMS in List Variables, which is nicer to use for clients to add extra items to a list, or cards to an array.

The only limitation I’ve spotted is that they can’t be edited using the front-end editor, and act a bit like code components in that sense. So the client is required to use the canvas…this is something I try to avoid for some clients.

https://www.framer.com/community/posts/JvpcWdoxQY7Roj3u2ce3KN/

Tom Morris
Tom Morris3w

Why did no one tell me about the new list field!? SO good.

Tom Morris
Tom Morris1mo

What's your most desired feature request? Aside from a limitation with the architecture, I can't for the life of me work out why Framer hasn't prioritised Global Variables.

It is such a time sink for us designers.

I'm even flirting with some other products just because of this issue!

Tom Morris
Tom Morris1mo

What do you like to do to help your clients use their site well once you hand it over?

It occurred to me that making a Draft page with key blocks on and instructions could be really helpful. They just duplicate and delete what they don't need.

What do you find clients struggle with most?

Tom Morris
Tom Morris1mo

Before handing a site over to clients, I have a tidy-up list where I remove duplicate components, hidden items and extra things on the canvas.

What's on your list? And have you ever left anything in the clients files by accident? 🙈

Tom Morris
Tom Morris1mo

How do people deal with components and swapping out H tags for accessibility? Like this overline tag for example... quite a few ways to achieve something like this and mine felt a bit fussy. How would you solve it to make it easy for clients to edit?

Tom Morris
Tom Morris2mo

When text-wrap: balance is too much, I like to apply text-wrap: pretty through a code override. It ensures you don't get orphans with only a single word on a final line.

Code Override below.

Tom Morris
Tom Morris3mo

Why is everyone so obsessed with liquid glass? I've not found it remotely interesting since the moment it was showcased on ios etc. Am I missing something? It seems like a technical achievement yes, but not much of a design one. I dunno. Does it actually improve visibility during layering as opposed to a blur or opacity? 🤔

Tom Morris
Tom Morris3mo

Sorry, I don't want to be negative, but scrolling through my feed here at the moment is mostly wading through the most generic corporate design imaginable.

I'm looking for experimental designers and unusual (especially fun!) projects. Who shall I follow?

Tom Morris
Tom Morris3mo

Another scrolling gallery I made. Except this time, it's stacking... or sort of splatting. I think it could work well for some stickers or fun icons maybe. What would you use it for?

Tom Morris
Tom Morris3mo

I submitted a component yesterday and I'm glad to say that the review process is alive and well! (It got rejected!)

It's an extremely complicated component, so it's genuinely helpful and reassuring to have the feedback - and to know that strict standards for code and performance are still required for marketplace.

This is even through what I can only assume is an automated code review process.

Tom Morris
Tom Morrisin Marketplace·3mo

Since it got a lot of interest from the community, I thought I'd add my Unstacking Gallery component to the marketplace.

It has support for CMS gallery fields and even collection lists, just to add the cherry on top as well!

Tom Morris
Tom Morris3mo

I made an unstacking gallery. It's interesting how the effect changes when you start to remove the randomisation effects. Still pretty cool, but not quite as fun.

p.s. love these old school Americana postcards

Tom Morris
Tom Morris3mo

I built myself an "Unstacking Gallery" that throws cards as you scroll. A little bit of randomisation of rotation and distance and it feels so natural, I love it.

Tom Morris
Tom Morris3mo

I'm curious whether others have a library of code overrides that they use on a regular basis? What sort of problems do they solve for you?

I have a few that cover little CSS fixes which are handy. But apart from that... I wonder what people use them for? It's a bit of a hidden part of the Framer world.

Tom Morris
Tom Morris3mo

I've used the new Agent features in quite a few ways already, but at this stage, the credits run out so quick that I find myself back in my old setup still:

- I use Gemini, with a bespoke Framer Gem populated with files from the Framer docs.

- I then copy and paste the code over after each update into code components.

It's a bit of a pain, but I get great results for Creating components and code overrides, and I have endless credits. I find that even the agents in Framer are not as well primed with Framer-ready code - sometimes not using relevant control types etc.

What do you think?