CSS architecture and Raxan

[cajazzer]

I was wondering if others could share their design strategies for how to organize stylesheets when using Raxan. I am using the Raxanpdi website as a guide and I have the following:

raxan/ui/css/master.css - structural classes

raxan/ui/css/master.ie.css - structural classes for IE browsers

raxan/ui/css/default/theme.css - location for deploying a theme

raxan/ui/css/main/theme.css - more theme stuff ???


raxan/ui/widgets/widget1.css - implementing custom widgets with styles (perhaps these should be added to theme.css)
raxan/ui/widgets/widget2.css

thanks

[raymond]

Hi,

I'm using the same layout for some of my personal projects.

The raxan/ui/ folder is the default location to add your custom css themes and other files but you could customize your application to use the following folder structure:

app/plugins/plugin1.php
app/widgets/widget1.php
app/views/css/main/theme.css - Main theme
app/views/javascripts/

[fc_Damir]

Hi,

I also try organize raxan css files and at the end I use this structure:

raxan/ui/css/
in this folder I put all css files.

first in order is master.css and master.ie.css to load.

then I have themes folders.

For example I have the default style folder default/

For widget I try use always the raxan predefined class using only the css of raxan.
For widgets that use other css files I create another folder in raxan/ui/css
for example blog/
where I store all css of widgets of blog.

Then is simple load css from widget just with $this->page->loadTheme("blog");

Also I create theme folder for different device like:

mobile/
ipad/
desktop/

this theme is used by detect device plugin that load right theme when
detect the device.

I don't put css files into widgets/ folder, only widget class.
If your widget use image you can put this into images/ of theme folder

This is then simple to update and integrate into another raxan installation.
By taken only theme folder and widget or better only widget if this use
only raxan css class into html.

I hope this can help you how help me!

Best regards,

Damir

[maggiee]

What is the best book or website to learn CSS for beginners? Any advice on the best book or website for a beginner to learn about CSS programming?
___________________________
~ ~ ~

[fc_Damir]

Hi Maggiee,

for starting you can go here: http://www.w3schools.com/css/

A complete html/css guide is here: http://htmldog.com/

If you like read book, I suggest you to buy the book: http://htmldog.com/book/

Jeffrey Zeldman (http://www.zeldman.com/) are also another guru for css standard.

See also:
http://www.csszengarden.com/
http://www.alistapart.com/topics/code/css/

Best regards