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"

For now i don’t see any side effect so hope this doesn’t effect you.

If you see any bugs let me know.

If you enjoyed this post, make sure you subscribe to my RSS feed!