Advertisement Β· 728 Γ— 90

Posts by Jon Saxton

Worked at an agency that had this for a while, and it was great while it lasted. Pretty quickly devolved into overflow time for client work, the micromanagement M-Th clashed with the freeform nature of F, and nobody knew what to do unless told. Cultural issue, but the idea is gold if it fits.

9 months ago 0 0 0 0

I've become such a grumpy old man about fireworks since having babies

9 months ago 1 0 0 0
Preview
Severance: Defiant Jazz on Apple Music Playlist Β· 50 Songs

Can't go wrong with some defiant jazz! music.apple.com/us/playlist/...

1 year ago 3 0 0 0

Mast 2.0. First build with it, and the new build-mode features are what are getting me really into this mindset.

As an agency, for the last year, we've been probably 40% Mast, 40% CF, 20% old custom framework. Still evaluating but think we'll transition to Mast fully.

1 year ago 1 0 1 0

Yes! That's exactly what I've landed on. Passing only important props "up a level" to the parent component.

That, and a couple instances of baseline "section" components that have props not related to the content - style variants, container width, etc.

1 year ago 0 0 1 0

There's a hypothetical concept of a single component that's nearly infinitely flexible, that you could build 80% of a site with, making heavy use of components and props and variants. But I imagine most clients would prefer "I want this section, let me drag it in."

1 year ago 1 0 2 0

Working on a big component-first build now. One of the biggest planning challenges is finding the right line between flexibility and guardrails.

My first stab at a visual header was a "you can do anything" approach, hyper-flexible - but would have been difficult for a client to manage.

1 year ago 1 0 1 0
Post image

Ah I see, are you looking to have the p the same height across each card, even if the text content is longer?

Or is the goal to have each card the same height, based on the tallest in the grid (pretty much defined as which one has the longest content)?

1 year ago 0 0 0 0
Advertisement
CSS for a grid wrapper specifying the property grid-auto-rows set to 1fr to set equal height on all rows

CSS for a grid wrapper specifying the property grid-auto-rows set to 1fr to set equal height on all rows

I'm thinking on the wrap, grid-auto-rows: 1fr

Should make all rows the same height, if you use the repeat(3, auto) option (or maybe 3, 1fr)

1 year ago 0 0 1 0

Really in-depth, really clear expansion of grid-area and more!

1 year ago 1 0 0 0

This was so interesting, well researched, and well written!

1 year ago 1 0 1 0
Preview
The hardest working font in Manhattan A story of a 150-year-old font you have never heard of – and one you probably saw earlier today.

Obsessed! If you love design, type, & history read this.

β€œYou’re not supposed to fall in love with an ugly font.”

β€œAnd I think I love Gorton because over the years I grew a little tired of the ultra flat displays rendering miniature pixels with immaculate precision.”

aresluna.org/the-hardest-...

1 year ago 29 6 1 4

Smart!

1 year ago 0 0 0 0

None I'm aware of, aside from creating new fields for manually importing. Of course those are very limited for the actual purpose of updated item data for schema etc.

1 year ago 0 0 0 0

Yasss make me obsolete

1 year ago 1 0 0 0
Advertisement

Works with just about any dropdown:
- CMS list source
- CMS element binding
- CMS styling
- CMS condition visibility
- Links (static or CMS, link, page, attachment, etc.)
- Works in settings panel or on-canvas dialog

1 year ago 0 0 0 0
Webflow collection list source dropdown with some items truncated, and a hover showing the full name of the item.

Webflow collection list source dropdown with some items truncated, and a hover showing the full name of the item.

New year, new feature! Hover truncated dropdown items in Webflow to see its full name.

chromewebstore.google.com/detail/utili...

1 year ago 3 0 2 0

This is the only way

And I didn't find out this worked until halfway through switching every light switch in the house

1 year ago 1 0 1 0
Post image

Excited to release my new Chrome Extension for Webflow developers!

A handy lil extension for Webflow developers. Provides quality-of-life upgrades to make building in Webflow a little more joyful.

chromewebstore.google.com/detail/utili...

1 year ago 13 3 3 0

Starting 10 days out of office with an empty work email, freelance email, personal email, and Slack.

What do I do with my hands?

1 year ago 3 0 0 0

Haha no worries! Good feedback that it may not be the most clear, and I didn't provide any indication that it's down there. I just opened it up myself and it's a little hidden.

1 year ago 1 0 0 0

The collapse icon would be in the bottom left of each panel, not sure if the screenshot includes that. But if that's not there, you're not missing anything, something's going on I'd have to investigate.

1 year ago 1 0 1 0

There's edge cases where they don't appear. When creating a new collection, when the collection is empty, etc. I'd say it works in ~90% of scenarios for me, haven't been able to account for the others yet.

If you're opening an existing collection with items, I'd be love to see a screenshot/steps.

1 year ago 0 0 1 0
Video

Portfolio needed some updating, and some simplifying. Added a splash of motion, and done.

Feels good to go simple!

1 year ago 4 0 0 0

I will say, the "monocolor to brand color" hover effect sucks with X 😒

1 year ago 1 0 0 0
Advertisement

I haven't had any requests to update, but every new site for the last year, at least, has gone with X

1 year ago 1 0 1 0

Thanks Brutus, hope it's helpful!

1 year ago 0 0 0 0
Preview
Utility Toolkit for Webflow - Chrome Web Store A handy lil extension for Webflow developers. Provides quality-of-life upgrades to make building in Webflow a little more joyful.

That's everything (for now!) Give it a try, give it a review, and give me more ideas for handy lil features. πŸ’™

chromewebstore.google.com/detail/utili...

1 year ago 1 0 0 0
Post image

Close CMS Button

A button in the top right to close the CMS. Saves several milliseconds of time.

1 year ago 1 0 1 0
Post image

CMS Panel Controls

Collapse and expand CMS panels, giving you more workspace when needed. Handy on laptops.

1 year ago 1 0 1 0