SilentBits Version 5 Roadmap Update

OK, so here are some small details about the new version of my blog.
This is an announcement for me to tell you that version 5 is final.

1. Wait for JohnTP to release his new TechnoBlue theme without any
bugs. More infoâ€¦.

~~2. Implement all plugins I want & delete ones i don’t like.~~

~~3. Optimize CSS files to make this page work and load faster.~~

4. Find a unique graphic design for my site, making sure that the
design will work with the TechnoBlue theme. I got it on my mind now,
but i need to find a designer to put this idea into images. I will
probably display some ads in return. (if you are interested, email me)

5. Version 5 will be final.

Then SilentBits 3.1 Public Release

UPDATE

~~1. Wait for JohnTP to release his new TechnoBlue theme without some small bugs. More info….~~

~~2. Implement all plugins i want, delete some i don’t like.~~

Well i finally finished implement this new TechnoBlue version 3. I also made some changes to the template (header + background).

I think i am done (for now) with plugins too.

~~3. Optimize CSS files to make this page works and load faster.~~

Today i optimize my CSS file.

I use this text: CSS Optimization: Make Your Sites Load Faster for Free and choose CleanCSS as method to optimize my CSS.

I use High compression with default options. High means that my CSS file is still readability, it have one line for each command.

Looks like this:

html{overflow-y:scroll;height:100%;margin-bottom:0.1em;} *{margin:0;padding:0;} body{font:62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;font-size:11px;color:#444;text-align:center;background:#555 !important;margin:0 0 8px;padding:0;} #page{background:#FFF;text-align:left;position:relative;width:995px !important;_width:995px !important;border:none !important;background-color:#FFF !important;margin:0 auto;padding:0;} .lsidebar{width:250px !important;float:left !important;border-left:1px solid #eee;border-right:1px solid #eee;margin:0 !important;padding:0 9px !important;} .rsidebar{width:150px !important;float:right !important;margin:0 !important;padding:0 15px 0 10px !important;} * html #page{width:770px;}

To be honest it different from standard for about 2kb, but it still looks good so why not

This is my results: Input: 22.059KB, Output: 15.887KB, Compression Ratio: 28% (-6172 Bytes)

Clean CSS made this changes to my CSS file:

14 Invalid property in CSS2.1: overflow-y 34 Optimised color: Changed "#555555" to "#555" 40 Optimised color: Changed "white" to "#FFF" 45 Invalid property in CSS2.1: _width 47 Optimised color: Changed "#FFFFFF" to "#FFF" 55 Optimised shorthand notation (padding): Changed "0 9px 0 9px !important" to "0 9px !important" 83 Optimised shorthand notation (margin): Changed "0 20px 0 20px !important" to "0 20px !important" 130 Optimised color: Changed "#000000" to "#000" 141 Optimised color: Changed "#ffffff" to "#fff" 146 Optimised number: Changed "0px" to "0" 169 Removed empty selector: .sb-pagemenu .current_page_item 179 Optimised font-weight: Changed "bold" to "700" 188 Optimised color: Changed "white" to "#FFF" 203 Optimised font-weight: Changed "bold" to "700" 209 Optimised font-weight: Changed "normal" to "400" 216 Optimised font-weight: Changed "normal" to "400" 222 Optimised font-weight: Changed "normal" to "400" 228 Optimised font-weight: Changed "normal" to "400" 234 Optimised font-weight: Changed "normal" to "400" 263 Optimised font-weight: Changed "normal" to "400" 307 Invalid property in CSS2.1: _right 321 Optimised number: Changed "0px" to "0" 507 Optimised font-weight: Changed "bold" to "700" 525 Invalid property in CSS2.1: _background 526 Optimised color: Changed "#3388CC" to "#38C" 527 Optimised color: Changed "#3388CC" to "#38C" 539 Optimised shorthand notation (margin): Changed "10px 0 10px" to "10px 0" 585 Optimised color: Changed "#FF0000" to "red" 586 Optimised color: Changed "#FFFF99" to "#FF9" 632 Optimised number: Changed "0px" to "0" Optimised shorthand notation (margin): Changed "0 auto 0 !important" to "0 auto !important" 633 Invalid property in CSS2.1: _margin-top 635 Optimised number: Changed "0px" to "0" 636 Optimised number: Changed "0px" to "0" Invalid property in CSS2.1: _padding-top 638 Invalid property in CSS2.1: _width 644 Optimised font-weight: Changed "bold" to "700" 650 Optimised color: Changed "#3388CC" to "#38C" 930 Optimised font-weight: Changed "normal" to "400" 951 Optimised font-weight: Changed "normal" to "400" 960 Optimised number: Changed "0px" to "0" 1032 Optimised color: Changed "#ff0000" to "red" 1049 Optimised number: Changed "0px" to "0" 1050 Invalid property in CSS2.1: _margin 1056 Optimised number: Changed "0px" to "0" 1058 Optimised number: Changed "0px" to "0" 1084 Optimised font-weight: Changed "bold" to "700" 1085 Optimised color: Changed "#555555" to "#555" 1091 Optimised font-weight: Changed "bold" to "700" 1114 Optimised shorthand notation (padding): Changed "8px 5px 0 5px" to "8px 5px 0" 1121 Invalid property in CSS2.1: _width 1142 Optimised font-weight: Changed "bold" to "700" 1143 Optimised font-weight: Changed "bold" to "700" 1146 Optimised font-weight: Changed "bold" to "700" 1147 Optimised font-weight: Changed "normal" to "400" 1150 Optimised shorthand notation (margin): Changed "5px 0 10px 0" to "5px 0 10px" 1156 Optimised number: Changed "0px" to "0" 1164 Optimised shorthand notation (padding): Changed "5px 5px 5px 5px" to "5px" 1171 Optimised number: Changed "0px" to "0" 1172 Optimised number: Changed "0px" to "0" Optimised shorthand notation (padding): Changed "0 0 0 0" to "0" 1173 Optimised number: Changed "0px" to "0" Optimised shorthand notation (margin): Changed "0 0 0 0" to "0" 1177 Optimised number: Changed "0px" to "0" 1178 Optimised number: Changed "0px" to "0"