Just Brainpicks
Just Tutorials
Just Showcases
Stop asking! I wanna search everything!

Category: CSS

26

Mar

Rounded CSS Box Generator

Visit mierendo.com/software/rounded_css_boxes With this website you can automatically generate rounded corners for HTML/CSS boxes. You can select different corner radii and different background colors for the four corners. The generated boxes can be filled with anything you want and can be resized as much as you want without getting distorted.

25

Feb

Grid Layout Maker

Visit layout.constantology.com/builder/ So you need a grid based layout for your website? Then try this tool. Just by “clicking around” you will be able to create your own custom brid based layout.

10

Feb

A CSS Hacks Archive

Visit blog.hedgerwow.com/category/css-hack/ Here you find some usefull CSS hacks. For example: “Import Javascript into CSS for IE6″, “get fontSize in pixel”, “design min-width for Internet Explorer 6″, “Taming opacity with Texts for Internet Explorer” and much more.

8

Feb

CSS - using two background images

Visit techknack.blogspot.com/2008/01/css-trick-two-background-images.html The author of this nice CSS tutorial “wanted two background images, rather than one. My first background would be a general tiled image, to give the site’s background a nice texture; the second a vertically-repeated image on the left-hand side, to be used in conjunction with a floating nav menu.” So if you want to know how he did it go and check out this article :-)

2

Feb

CSS Tweak

Visit www.cssdev.com/csstweak/ With ccstweak you can tweak the font, background, border, and list attributes of your stylesheet . And you can remove comments and zero units and you are able to remove White-Space.

2

Feb

CSS Cascading Style Sheet Optimiser

Visit flumpcakes.co.uk/css/optimiser/ This Optimiser takes in a CSS file, and parses and outputs a leaner version, removing any redundancies and attributes which are not needed. Some of the features are “Removes comments”, “Converts RGB values to Hex”, “Changes zero values with a size specified to 0″, “Converts multiple background, font, margin, padding, list attributes into a single attribute”, “Converts multiple border values into single attributes”, “Groups style attributes and values which appear mutliple times into a single style” and much more…

2

Feb

Online CSS Optimizer/Optimiser

Visit www.cssoptimiser.com Online CSS Optimizer/Optimiser is a web tool for reducing the file size of cascading style sheets. In order to save more space optimized files would be messy even so you may output it as a file.

2

Feb

CSS Superdouche

Visit isnoop.net/tools/css.php This tool can significantly reduce the size and complexity of your CSS by programmatically stripping unneeded content, stripping redundant calls, and intelligently grouping the remaining element names.

2

Feb

Code Beautifier

Visit www.codebeautifier.com/?lang=en This CSS Formatter and Optimiser is based on csstidy 1.3. It gives you lots of options to compress and optimize your code.