History: Theme Revamp

• «
• »

This is a global plan to revamp the theme infrastructure in Tiki. This is led the the ((tw:UX Team)). Please join us!

The Tiki theme infrastructure is increasingly due for a revamp to take advantage of advances in technology
* Take advantage of [http://www.smarty.net/v3_overview|Smarty 3] enhancements, especially Template Inheritance.
* ((dev:HTML5))
* CSS3
* http://www.sitepoint.com/native-css-variables/
* http://html.adobe.com/webstandards/cssregions/


! When
* Any non-disruptive work should be done as soon as possible (ex.: ((Fonts)).
* For disruptive work (ex.: CSS consolidation), ((doc:Tiki13)) after the Tiki12LTS would be a great time to revamp the whole theme management in Tiki.

The bulk of the work could be done at one or two ((tw:TikiFest Design Revamp))

! For whom
There are 3 target audiences

!! I just want to pick a nice theme
Here, we need more nicer bundled themes in Tiki. Ideally, we'd have access to ((Web Template Repositories))

!! Point & Click themer
* Improve ((doc:Theme Generator))
* Improve Module handling

!! Professional designers
* They like things like Skeleton.css
* How to avoid to get in their way

! Todo
* [http://dev.tiki.org/wish1582|Use any font in Tiki (not just web fonts) HTML5]


! To discuss
* ((dev:CSS Frameworks and Preprocessors))
* Deployment of themes: Mods or profiles? If we continue with mods, we should improve them
* [http://article.gmane.org/gmane.comp.cms.tiki.devel/21224|theme & css work], including Simplification of CSS
++ One target: reduce module content specific rules with module zone specific rules (needed because a module can be placed anywhere, and different zones have different colors, etc.)
*** Consolidation of stylesheet files
++ Rethink function and location of various CSS files (css directory vs. styles directory, feature-specific (admin.css) vs. global (layout.css and theme stylesheets), etc.
++ Reduce redundant rules (no need to specify ''body'' in three or four files, etc.)
* http://www.ohloh.net/p/assetic which can also do LESS, SASS, etc. and there is a http://github.com/widmogrod/zf2-assetic-module, 
* [http://article.gmane.org/gmane.comp.cms.tiki.devel/21224]
* ((dev:CSS framework))(s) ?
* SVG Icons using Raphael
* CSS3 Buttons
* ((dev:Sprite Generator)) for small icons
* Discuss theme strategy of other CMSs to see what we can learn and improve ([http://markjaquith.wordpress.com/2010/07/17/why-wordpress-themes-are-derivative-of-wordpress/|WordPress], etc.)
* etc.

! Related topics
* ((dev:Print))
* ((dev:Mobile))  
* ((dev:Accessibility))


! Related links
* http://www.slideshare.net/Webnific/cms-comparisson-3850088
* http://coding.smashingmagazine.com/2010/05/03/joomla-and-wordpress-a-matter-of-mental-models/
* http://www.majordojo.com/2011/02/how-did-wordpress-win.php
* http://mashable.com/2011/09/30/website-usability-tools/