[tw] Re: Investigation: Lightboxes in TW?

[@TiddlyTweeter]

Ciao PMario

Tx. The three demos at  https://tympanus.net/Tutorials/CSSMaskTransition/ 

  
are superb, even with "You're seeing a fallback because your browser does 
not support CSS Masks." That design won't work, unfortunately for my needs, 
because it fills the screen by clipping. 

The images I want to show should not be clipped. I need a solution that 
optimally fits the image to the viewport.

Josiah

On Friday, 14 July 2017 17:47:36 UTC+2, PMario wrote:
>
> Hi TT,
>
> Should it be a lightbox only, or should there be the standard "writer" 
> interface too. ... I personally don't like popups and modals. IMO they 
> waste screen real estate. Images, videos, .. should be full-screen with 
> minimal UI, even in a TW. 
>
> I'm thinking about stuff like these: 
>
>  - https://tympanus.net/Tutorials/CSSMaskTransition/  ... latest browsers 
> only ... I love demo2 and 3
>  - https://tympanus.net/Tutorials/TiltedContentSlideshow/
>  - https://tympanus.net/Development/ScatteredPolaroidsGallery/
>
> The problem with those examples is. You still need perfect images, to make 
> the effects shine ;) and for TW we'd need to make everything dynamic. So 
> basically implement it from scratch. ... But I like the animations for 
> about 20 minutes ;)
>
> So if you want to work with it, I'd use much less bells and whistles. 
>
> have fun!
> mario
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/375790bf-8e3a-451b-a13f-5f07edb825a8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: Investigation: Lightboxes in TW?

[@TiddlyTweeter]

Ciao PMario

Good questions. 

Its image centric. I don't really care whether its a floating Lightbox. But 
the aesthetics matter. I need all "furniture" out of the way. And its got 
to be adaptive to screen sizes. 

FYI, the images themselves are all the same size. And they are all 
portrait. That simplifies the aim a bit.

Thanks for the links. I will look.

Best wishes
Josiah
On Friday, 14 July 2017 17:47:36 UTC+2, PMario wrote:
>
> Hi TT,
>
> Should it be a lightbox only, or should there be the standard "writer" 
> interface too. ... I personally don't like popups and modals. IMO they 
> waste screen real estate. Images, videos, .. should be full-screen with 
> minimal UI, even in a TW. 
>
> I'm thinking about stuff like these: 
>
>  - https://tympanus.net/Tutorials/CSSMaskTransition/  ... latest browsers 
> only ... I love demo2 and 3
>  - https://tympanus.net/Tutorials/TiltedContentSlideshow/
>  - https://tympanus.net/Development/ScatteredPolaroidsGallery/
>
> The problem with those examples is. You still need perfect images, to make 
> the effects shine ;) and for TW we'd need to make everything dynamic. So 
> basically implement it from scratch. ... But I like the animations for 
> about 20 minutes ;)
>
> So if you want to work with it, I'd use much less bells and whistles. 
>
> have fun!
> mario
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/c5b65685-3643-4247-9123-ff50fc9588e3%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw] Re: Investigation: Lightboxes in TW?

[PMario]

Hi TT,

Should it be a lightbox only, or should there be the standard "writer" 
interface too. ... I personally don't like popups and modals. IMO they 
waste screen real estate. Images, videos, .. should be full-screen with 
minimal UI, even in a TW. 

I'm thinking about stuff like these: 

 - https://tympanus.net/Tutorials/CSSMaskTransition/  ... latest browsers 
only ... I love demo2 and 3
 - https://tympanus.net/Tutorials/TiltedContentSlideshow/
 - https://tympanus.net/Development/ScatteredPolaroidsGallery/

The problem with those examples is. You still need perfect images, to make 
the effects shine ;) and for TW we'd need to make everything dynamic. So 
basically implement it from scratch. ... But I like the animations for 
about 20 minutes ;)

So if you want to work with it, I'd use much less bells and whistles. 

have fun!
mario

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/450a3d04-70ee-4a92-a801-0053e6192d1e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.