ez css complexity

Next topic

Author	Message
nigel dodd	Friday 25 August 2006 1:32:30 pm I'd be grateful for the community's views on techniques for managing the complex css structure that comes out of the box with ezPublish. Having invested much time on template code and getting the site to perform programatically how I want, I have recently turned my attention to the appearance. I am finding it surprisingly difficult because of the deeply nested styles and long style sheets. Many of the styles in the style sheets are not used in my site. Should I remove unused ones to make finding the ones I want easier or will they come in useful later on? Should I concatenate the several style sheets to make searching easier? I have found the different box model used by IE causes my attempt at fluid layout to break easily. If I do the css design first then I would have to override and modify all the used templates to use my design scheme. Similarly there are many award winning CSS designs in the public domain. Many of these look gorgeous and are robust across browsers. Mapping the ezPublish CSS onto these designs would, however, be a major exercise involving the editing of many template files. What do people use to manage the CSS in their ezPublish sites? Nigel Dodd
Softriva .com	Friday 25 August 2006 2:29:51 pm For me, I started with a clean design. I laid down my main design until I got to the point <div id="MainContent">{$module_result.content}</div> Note, that I am using my own css. I have only one css file. I keep adding to it as necessary. This for public site. For the admin site, I am using the out of the css as is. OOzy
Tim Dickinson	Friday 25 August 2006 3:26:04 pm I just use the web developer extension for firefox to see what everything does. I then have a css for my site design and change it as necessary. I leave classes colors basically alone, but I tend to change a lot in site colors and my own design css. Tim http://www.AdBalance.com - Ad network news and reviews http://www.DevPublisher.com - Website publisher guides, tools and news http://www.AudioMelody.com - Make better music

Author

Message

Friday 25 August 2006 1:32:30 pm

I'd be grateful for the community's views on techniques for managing the complex css structure that comes out of the box with ezPublish.

Having invested much time on template code and getting the site to perform programatically how I want, I have recently turned my attention to the appearance. I am finding it surprisingly difficult because of the deeply nested styles and long style sheets.

Many of the styles in the style sheets are not used in my site. Should I remove unused ones to make finding the ones I want easier or will they come in useful later on? Should I concatenate the several style sheets to make searching easier?

I have found the different box model used by IE causes my attempt at fluid layout to break easily.

If I do the css design first then I would have to override and modify all the used templates to use my design scheme.

Similarly there are many award winning CSS designs in the public domain. Many of these look gorgeous and are robust across browsers. Mapping the ezPublish CSS onto these designs would, however, be a major exercise involving the editing of many template files.

What do people use to manage the CSS in their ezPublish sites?

Nigel Dodd

Softriva .com

Friday 25 August 2006 2:29:51 pm

For me, I started with a clean design. I laid down my main design until I got to the point

 <div id="MainContent">{$module_result.content}</div>

Note, that I am using my own css. I have only one css file. I keep adding to it as necessary.

This for public site. For the admin site, I am using the out of the css as is.

OOzy

Tim Dickinson

Friday 25 August 2006 3:26:04 pm

I just use the web developer extension for firefox to see what everything does.

I then have a css for my site design and change it as necessary.
I leave classes colors basically alone, but I tend to change a lot in site colors and my own design css.

Tim

http://www.AdBalance.com - Ad network news and reviews
http://www.DevPublisher.com - Website publisher guides, tools and news
http://www.AudioMelody.com - Make better music

eZ debug

Timing:	Jan 30 2025 21:43:51
Script start
Timing:	Jan 30 2025 21:43:51
Module start 'layout'
Timing:	Jan 30 2025 21:43:51
Module start 'content'
Timing:	Jan 30 2025 21:43:52
Module end 'content'
Timing:	Jan 30 2025 21:43:52
Script end

Main resources:

Total runtime	1.2326 sec
Peak memory usage	8,192.0000 KB
Database Queries	59

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0051	588.0313	151.1953
Module start 'layout'	0.0051	0.0038	739.2266	220.6563
Module start 'content'	0.0089	1.2227	959.8828	4,479.7031
Module end 'content'	1.2317	0.0009	5,439.5859	11.8750
Script end	1.2325		5,451.4609

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0034	0.2751	16	0.0002
Check MTime	0.0012	0.0986	16	0.0001
Mysql Total
Database connection	0.0011	0.0861	1	0.0011
Mysqli_queries	1.1407	92.5476	59	0.0193
Looping result	0.0006	0.0494	57	0.0000
Template Total	1.1820	95.9	2	0.5910
Template load	0.0024	0.1918	2	0.0012
Template processing	1.1796	95.7073	2	0.5898
Template load and register function	0.0017	0.1343	1	0.0017
states
state_id_array	0.0019	0.1520	1	0.0019
state_identifier_array	0.0019	0.1512	2	0.0009
Override
Cache load	0.0020	0.1600	24	0.0001
Sytem overhead
Fetch class attribute can translate value	0.0020	0.1601	3	0.0007
Fetch class attribute name	0.0026	0.2096	5	0.0005
XML
Image XML parsing	0.0042	0.3393	3	0.0014
class_abstraction
Instantiating content class attribute	0.0000	0.0009	5	0.0000
General
dbfile	0.0039	0.3131	22	0.0002
String conversion	0.0000	0.0008	4	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

Usage	Requested template	Template	Template loaded
1	node/view/full.tpl	full/forum_topic.tpl	extension/sevenx/design/simple/override/templates/full/forum_topic.tpl
2	content/datatype/view/ezimage.tpl	<No override>	extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tpl
3	content/datatype/view/ezxmltext.tpl	<No override>	extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tpl
5	content/datatype/view/ezxmltags/paragraph.tpl	<No override>	extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tpl
1	content/datatype/view/ezxmltags/literal.tpl	<No override>	extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tpl
1	content/datatype/view/ezxmltags/line.tpl	<No override>	design/standard/templates/content/datatype/view/ezxmltags/line.tpl
1	print_pagelayout.tpl	<No override>	extension/community/design/community/templates/print_pagelayout.tpl
Number of times templates used: 14 Number of unique templates used: 7

Time used to render debug report: 0.0001 secs