thumbnails macro (tiddlers snapshot)

[Mohammad]

Announcement

• New release (Sep 20th, 2018)

(This is a duplicate of another post under: thumbnail images from tiddlers)

http://thumbnails.tiddlyspot.com/

Thumbnails is a set of css and macro to create thumbnails ( small images) from tiddlers.

• Each thumbnail is clickable
• Thumbnails are numbered sequentially. The order can be changed (for example using the tiddler list filed, Edit Seasons tiddler to see an example)
• The thumbnails can be customized in color, font, size and other visual properties
• The main purpose is to create thumbnails for slides in a presentation (used in Tiddlyshow App)

Many thanks to all great people in this forum specially the comments by Mark S are highly appreciated!

•  New and improved thumbnails macro
  
•  `<<show-thumbnails "someTag">>`
  
• Use of customized viewtemplate
  
•  New CSS
  
• Use CSS transform:scale to create thumbnails
  
•  Better images handling
  
•  More examples
  
• Tiddler tagged with `thumnails` has special background and border colors
  
• The thumbnails size and aspect ratio can be changed through 
  

I appreciate to have your comments and feedback on this code. I kindly request for help to resolve the minor issues.

Best

Mohammad

[TonyM]

Looks good on mobile Mohammad,

Another great contribution, thanks

Tony

[Mohammad]

Hi Tony, you are most welcome!

Your help and comments are always helpful and are appreciated!

Best

Mohammad

[Julio Peña]

Hello Mohammad and all,

Wow, elegant I must say.

Thanks for sharing.

Best regards,

Julio

On Saturday, August 4, 2018 at 1:07:21 AM UTC-4, Mohammad wrote:

Announcement

(This is a duplicate of another post under: thumbnail images from tiddlers)

http://thumbnails.tiddlyspot.com/

Thumbnails is a set of css and macro to create thumbnails ( small images) from tiddlers.

• Each thumbnail is clickable
• Thumbnails are numbered sequentially. The order can be changed (for example using the tiddler list filed, Edit Seasons tiddler to see an example)
• The thumbnails can be customized in color, font, size and other visual properties
• The main purpose is to create thumbnails for slides in a presentation (used in Tiddlyshow App)

Many thanks to all great people in this forum specially the comments by Mark S are highly appreciated!

Minor issues:

• Thumbnail create a snapshot of tiddler content not an exact image of the tiddler
• The properties come from ViewTemplate are not shown in thumbnails
• The properties come from Custom styles by data-tags are not shown in thumnails
• Images may need to be adjusted in size

[Mark S.]

Mohammad! I think you are now a TW celebrity -- people are going to be referring to this for a long time!

-- Mark

On Friday, August 3, 2018 at 10:07:21 PM UTC-7, Mohammad wrote:

Announcement

(This is a duplicate of another post under: thumbnail images from tiddlers)

http://thumbnails.tiddlyspot.com/

Thumbnails is a set of css and macro to create thumbnails ( small images) from tiddlers.

• Each thumbnail is clickable
• Thumbnails are numbered sequentially. The order can be changed (for example using the tiddler list filed, Edit Seasons tiddler to see an example)
• The thumbnails can be customized in color, font, size and other visual properties
• The main purpose is to create thumbnails for slides in a presentation (used in Tiddlyshow App)

Many thanks to all great people in this forum specially the comments by Mark S are highly appreciated!

Minor issues:

• Thumbnail create a snapshot of tiddler content not an exact image of the tiddler
• The properties come from ViewTemplate are not shown in thumbnails
• The properties come from Custom styles by data-tags are not shown in thumnails
• Images may need to be adjusted in size

[Mohammad]

Hi Mark
That's very kind of you.

This is a summary of what you advised.
So you are the preceptor :)

Mohammad

[Mohammad]

A new release of thumbnails is available

See the updated post

 https://groups.google.com/d/msg/tiddlywiki/0AzyNXwRciU/o24qp_q2AAAJ

Mohammad