Shorthand

Does anybody use CSS shorthand?

[Join us @ facebook]

Hmm I don't really know what this is.

Can you post a resource about it?

I can do better.

Here is an example.

This is what I call LONG HAND css:

TABLE {
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
}

And this is what I call LEVEL 1 short hand:| TABLE { margin: 10px 5px 10px 5px;}

LEVEL 2:| TABLE { margin: 10px 5px; } /* Top & Bottom are 10 pixels, L & R are 5 px */

LEVEL 3:| TABLE { margin: 10px 0;}   /* if left and right are at Zero pixels */

[Join us @ facebook]

Oh now I got it.

I use it some times, but the long hand way is allways easier to edit.

Sometimes you have to stop and think about your poor readers using DUN. (dial up)

Level 3 up there saves 8 bytes.  Imagine if you had a style sheet that had 1,000 objects (selectors, ids, classes) each with 5 declarations.  If each declaration would save the surfer 8 bytes, that would equal 40,000 bytes (39 KB). 

@ 56K modem speed (oxy-moron) would take 5.7 seconds off the download time.

I think it's worth it.

[Join us @ facebook]

You can do a small php script that will reduce the size of the file for the server, so you wiil be able to have both the advantages of those methods

I don't know php.

[Join us @ facebook]

Do you want me to write a simple script for that job?

What job?  "Shortening" the long hand code?  Uhm, sure!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1one

He means shortening the page upload.

And I never found it that big of a deal, lol.

~Crystal

[Join us @ facebook]

That's true is not a big deal, but anyway if you want it here is how is done :

Code:

<?php
$file = 'myfile.css';
 
$css = str_replace("\r", "",str_replace("\t", "", str_replace("\n", "", file_get_contents ( $file )));
$fp = fopen( $file, 'w' );
fwrite ( $fp, $css );
fclose( $fp );

?>

That's it. Just change the first line with the name of your css file

Since I don't understand PHP, I don't get it.

I dont' see any css code in there getting replaced or deleted or whatever.

[Join us @ facebook]

Propably you should stay in our forum for a while, and you'll be able to understand php better

Now about this fragment of code, you just have to edit the line "$file = 'myfile.css'" to whatever your file is (replace the myfile.css to the filename of your css.

Then put this fragment in a php file using a text editor(eg. notepad). Then upload this file to your web server and execute it using your browser(eg. http://yoursite.com/cssremover.php ) .

You are done

But what does it do, specifically?

I may not know php, but I understand technical manuals.  Explain to me what exactly this script does, and if not obvious after that; why should I impliment this? (if i had a long ass css file that is)

[Join us @ facebook]

It is opening the file, and removes all the [tab] and [enter] values.

Actually it is almost uselless, but if you have a very big css file it can help as it will reduce the size

Oh, it removes WHITESPACE.

I thought it was supposed to check stuff and change things like "10px 0px 10px 0px;" into "10px 0".

[Join us @ facebook]

I thought it was supposed to check stuff and change things like "10px 0px 10px 0px;" into "10px 0".

Even with php which is the best scripting language that can't be done with just one line of code

But I think that would be a cool open source project : HTML/CSS Optimizer ....

Hell yeah!

I'm glad I thought of it.

Just put my name in the bottom of the code file.
/* Idea by Red Matrix */

[Join us @ facebook]

Sure I'll do

[Guest]

[38.657]

Googlebot, Yahoo crawler, Baidu Spider, Msnbot