The new v5 Will be using CSS 2.1 & 3
http://www.w3.org/Style/CSS/

Additional (non standard css code)
Moz http://developer.mozilla.org/en/docs/CSS
MSIE http://msdn.microsoft.com/workshop/author/css/reference/attributes.asp
Webkit http://trac.webkit.org/projects/webkit/wiki/WebDevelopers


a must have tools.

Firefox (gecko browser)

Firebug Version 1.01, released on Feb 5, 2007.
compatible: Firefox 1.5 - 3.02a
download : addons.mozilla.org

Firebug

first class Mozilla dev extension for debugging script,css box model (layout), DOM,and has a build in real time editor for stylesheet.

IE Tab Version 1.3.1.20070126, released on Jan 27, 2007.
compatible: Firefox 1.5 - 3.02a
download: addons.mozilla.org
sync switch to Internet Explorer.

ColorZilla Version 1.0, released on Feb 1, 2007.
compatible: Firefox 1.5 - 3.02a
download: addons.mozilla.org
Advanced Eyedropper, ColorPicker & Page Zoomer.



Internet Explorer

IE Developer Toolbar Version 3b
compatible: MSIE 6
download: msdn

more info: msdn blog

Browser Render Mode & Doctype?

First rule. CSS will not render succesfully if the doctype (DTD) is not declare properly.

note: certain WYSWYG editor like dreamweaver (5) is notorious for adding broken DTD.

check out alistapart.com for further read.

This is my own preference of good Integrated Development Environment (IDE) software. I mainly used it for code highlighting & debugging. It also suitable for css and others programing/scripting language.

PHP IDE Version 5.2.1
download: mpsoftware
compatible: Windows XP
build in CSS 1,2,2.1 & 3 library.

features: http://www.mpsoftware.dk/phpdesigner_features.php
screenshot: http://www.mpsoftware.dk/phpdesigner.php#screenshots

Fear of Style Sheets

Cascading Style Sheets (CSS) save bandwidth, vastly reducing the size of your files when compared to old-style markup. With styles, your sites load faster. You work faster, too. Styles shave grueling hours of grunt-work off your design workload: one brief CSS document can style an entire domain; and when it’s time to redesign, you can execute site-wide changes in minutes instead of days.

alistapart.com articles by Jeffrey Zeldman

Thanks Chaos, I downloaded the firebug thingy.
And is the PHP IDE, kinda like Macromedia Dreamweaver? It kinda looked like it in the screenshot.

The pre-v5 stylesheet can be found at view styles page find

SPOILER (click to view)

5.0.1a by ~chaostest
In Development
60% complete

The stylesheet is 70% complete . I dont have ie 5 so i cant really test this stylesheet fully. so i hope you guys can trackdown bug before its release.

2. I need a banner for the header (rotating banner) around 927 x 166 pixels .. The themes is anime but without any specific anime characters. you can submit more than one banner.

progress

1. my message / pm (60%)
2. profile settings (20%)
3. gallery (10%)
4. stats (0%)
5. Admin page(40%)
6. userprofile (80%)
7. forum (90%)
8. groups (90%)
9 frontpage (90%)
10. journal section (90%)
11. submit (95%)
12. faq (0%)

5.0.1a Bugs .

1. automatically create element found at the submit > upload wall & scan page. (mark with blue box only viewable if you are normal members)

2. hidden div / and paragraph (really� weird behavior) found at Problems and Suggestions >> Ridiculous Donations threads . ( view on IE)

3. featured wall on your userspage selection - after you select or cancel, the select link moves from being rightside of the wall title to being on the bottom of the title. after page reload select goes back to being rightside. reported by alienzero


suggestion & improvement is welcome.

CSS Web Tools

1. CSS tidy : http://cleancss.com
CSS Tweak : http://www.cssdev.com/csstweak/
note: dont used the sortby selectors option

CSS Formatter and Optimizer (compressor)

2. EM calculator : http://riddle.pl/emcalc/
px or pixels are for graphics programs not screen reader so hopeful somebody will write smart accesible css.

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

3. CSS Browser Support Hack http://www.centricle.com/ref/css/filters/

CSS not about hack but if you want IE to render properly you need to learn what kind of css selector or hack are supported. (not recommended)

Readon:
1. browser support, bugs & hack ~ Peter-Paul Koch (PPK).
2. Essential Hack for IE by Marko Dugonne

Btw, look at this group forum page. you made a post 7 hours ago both in 'Css incomplete Guide' and '42 Beat Street', though obviously the former is not true. funny ;]

edit: ah yeah, you cant see it now cause i replied... but you get the point.

I think bantam still working on the groups code. there is lot more to be done atm. (squashing bugs)

ChaosKaizer

(squashing bugs)

wish you luck playin Skuld ;p

anyway, i noticed 2 more things - when you comment on a wall, the popup on the top firstly has a too large font that covers the popup icon, secondly the whole popup very nasty covers the top userbar (it's nasty cause i use it a lot of times to get back to my userpage and browse to other places from there - i know i can use the MY tab in the main menu but... this userbar is the best ap feature ;)

You just need to click the 'pop-up notifications' to close it XD.

ChaosKaizer

2. I need a banner for the header (rotating banner) around 924 x 166 pixels .. The themes is anime but without any specific anime characters. you can submit more than one banner.

i was wondering if you still need it. i was fooling around and came up with something that should fit quite well. it's 3px wider, exactly from the left to the right of the white rectangle i think. Link

Good one alien I'll save it for later.

Thanks for this ^____^

~Ciel

Lol, there is a funny 'bug' with the thumbnail preload animation ;] if you upload a transparent .png it makes a transparent thumb, therefore sometimes the preload animation which is beneath can be seen after the thumb is loaded XD check out my Userpage > Recent Scan thumbnail. i dont think there's much you can do about it, but bantam could modify the thumbnail generator to always add a solid background maybe.