search

cloudfour / drizzle

A streamlined tool for developing, documenting and presenting UI pattern libraries.
https://cloudfour.com/thinks/introducing-drizzle/
MIT License
666 stars 32 forks source link

Clickable, iframe-based thumbnail pattern for page/demo indices #21

Closed tylersticka closed 8 years ago

tylersticka commented 8 years ago

This PR adds a new page-item partial, which leverages a new FrameThumb pattern. This displays the pages with an iframe-based thumbnail, similar to CodePen and one of our old bespoke pattern libraries.

The biggest change from our previous implementations of this pattern are that the thumbnail itself is flexible, there's still plenty of room available for text-based descriptions, and loading of actual iframe elements is deferred till the rest of the page has loaded.

Screenshots

Narrow

screencapture-localhost-3000-demos-index-html-1461363791669

Wide

screencapture-localhost-3000-demos-index-html-1461363816010

@mrgerardorodriguez @erikjung @saralohr @nicolemors @aileenjeffries

Closes #8, See #19

gerardo-rodriguez commented 8 years ago

Sweet! 👍

erikjung commented 8 years ago

Clever solution!

Regarding my comment about the partial, we can also do that later if you want to make an issue for it.

LGTM 👍

tylersticka commented 8 years ago

Regarding my comment about the partial, we can also do that later if you want to make an issue for it.

I agree with this feedback and started implementing it, but ran into an immediate snag or two. I'll definitely make an issue.