Hi Josiah, Yes, it is not a true gallery, it actually shows the potential of flexgrid layout for creating gallery! but it needs much more work to acts like an online gallery!
Thanks for your comments. --Mohammad On Thursday, October 31, 2019 at 7:25:13 PM UTC+3:30, @TiddlyTweeter wrote: > > The "Gallery" is a really good start. > > It works well also on my small mobile phone. Very important! > > But, TBH, because you can get images to show well at different screen > sizes is still *not* really an online gallery. > > A gallery would need to deal with hiding menus and optimizing (through > CSS) the presentation of images and hiding everything not needed. > > This NOT a criticism!!! This is a great step in its simplicity. But its > not a "gallery" yet -- its a good "image viewer". > > Very best wishes > TT > > On Thursday, 31 October 2019 14:57:14 UTC+1, Mohammad wrote: >> >> This is an attempt to create a simple to understand easy to use flexgrid >> system for Tiddlywiki. >> It uses a four column layout and lets create elegant layout. >> >> This is part of Shiraz plugin >> <https://groups.google.com/d/msg/tiddlywiki/yVXEzBpfMjw/XsQqcWjaBAAJ> >> >> For demo see: https://kookma.github.io/Shiraz/#Shiraz%20Flex%20Grid >> >> demo/advanced/flexgrid/concept >> <http://127.0.0.1:9000/#>31st October 2019 at 9:13am >> advancedflexgrid >> Shiraz Flex grid system >> >> Shiraz uses a flexgrid composed of four column system. These were taken >> from Bootstrap 4.3.1. So for understanding the concept it is recommend to >> read the Bootstrap grid system >> <https://getbootstrap.com/docs/4.3/layout/grid/>. By the way Shiraz Grid >> system is much simpler and designed to work in Tiddlywiki. >> How it works >> >> Shiraz flexgrid system uses a series of rows, and columns to layout and >> align content. It’s built with flexbox and is responsive. >> >> A good reference to understand flexbox is CSS-Tricks flexbox guide >> <https://css-tricks.com/snippets/css/a-guide-to-flexbox/#flexbox-background> >> Grid options >> >> Shiraz flexgrid uses a four column system. >> >> - The flex-row container is a wrapper for columns. >> - The flex-col container uses automatic width and is used for >> creating equal width columns layout. >> >> The below table shows all column classes in flexgrid system. >> Class nameWidth >> flex-col auto >> flex-col-1 25% >> flex-col-2 50% >> flex-col-3 75% >> flex-col-4 100% >> >> >> -- 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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/1bcd07f1-512b-4281-81db-afe624881beb%40googlegroups.com.
