Shiraz plugin Release 2.0.0 beta 1

[Mohammad]

Announcement:Shiraz plugin

Date: Sep 16, 2019

Release: 2.0.0 beta 1

Status: beta under development

This is to announce the beta release 2 of Shiraz plugin!

A major change is the image macros and CSS classes.

What is Shiraz plugin?

Shiraz is a small framework including stylesheets and macros to create stylish contents in Tiddlywiki. It has modified CSS classes from Bootstrap 4.1.3. Shiraz has customized elements like alerts, cards, panels, images, tables, badges, texts, ...

Shiraz release 2 is a rewrite of Shiraz 1.0.2 and aims to be a micro TW (CSS+macro) framework

Demo: https://kookma.github.io/Shiraz/

Code: https://github.com/kookma/Shiraz

This is an under development work!

I appreciate to receive your comments idea and feedback

--Mohammad

[David Gifford]

Feedback:

1. Wow, nice CSS! I am going to filfer a couple of your card and image tips.

2. I think you forgot to name #48.

Dave

[David Gifford]

3. Since it is still the 15th (here in Mexico City), your release date makes me feel like I am traveling in time! I knew TiddlyWiki did a lot of cool stuff, but never imagined...

[Mohammad Rahmani]

Hi Dave

Thank you for your feedback. #48 is a template to create documentation tiddlers. I will remove it for the final version.

As you see not all classes macros have been documented.

--
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+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/a0823688-9bdc-43b2-b587-3e1f1ca1e16c%40googlegroups.com.

[Mohammad Rahmani]

Yes! Here it is 16th September ⁦⁦(•‿•)⁩

On Mon, Sep 16, 2019, 5:46 AM David Gifford <dgif...@crcna.org> wrote:

3. Since it is still the 15th (here in Mexico City), your release date makes me feel like I am traveling in time! I knew TiddlyWiki did a lot of cool stuff, but never imagined...

--

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+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/752391a6-618a-4e58-ae3b-c93edc0f6984%40googlegroups.com.

[Victor Dorneanu]

The updates are awesome! I've been using your framework for months and I'm excited to see more widgets for images. Keep up the good work and thanks for sharing!

[PMario]

Hi Mohammad,

Nice stuff, but you should have a closer look at this post: https://uxengineer.com/css-specificity-avoid-important-css/

!important will cause a lot of problems for your users.

-m

[Birthe C]

Thank you PMario,

I do remember, that this has been mentioned several times in this group, but I did never really understand why. Your link does that very well.

Birthe

[@TiddlyTweeter]

!important is not always a bad strategy. Sparingly. Like, for instance, for serious override alerts / error messages.

BUT should only be used when the cascade absolutely needs to be overridden.

It should NOT be used to avoid the cascade when its possible to use it.

TT

[Mohammad]

Hi Mario,

 Many thanks for your careful look into the Shiraz code!

I actually use modified or exact classes from Bootstrap 4 (the most popular among web developer). The !important come from there!

If you look at their main css code

https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css

You will find 1233 !important cases.

I think !important would be avoided, so I will see how they can be removed in my modified version!

Cheers

Mohammad