All posts in CSS

Speed up your site with image sprites

How to make css image sprites

There are several techniques for speeding up your site. If your site is using many graphical objects this also means the your users browser needs to establish many HTTP connections to display all the images. This can slow down your site. By implementing image sprites on your site, you can radically reduce the number of HTTP requests required t display your site, and thereby speed up the rendering of your site.

This post gives you the background behind image sprites, and a example on how to implement image sprites on your website.
Read more…

Different techniques for nice rounded corners

techniques for creating rounded cornersRounded corners on boxes is properly one of the most discussed topics in web design. The need to change the standard boxes into something nicer with rounded corners is tremendous. Searching for this topic returns more than 3.000.000 results on Google!.

The interest for rounded corners is based on the fact, that with rounded corners, you can make your web design look much nicer.

In this article you will learn a new an very simple technique to get nice rounded corners in you website.
Read more…

A simple hide/show div script

A expandable DIV with CSSA script for showing or hiding blocks of text can be useful in many situations.

You can keep your page very easy to overview, and give the user additional information, without forcingĀ  them to leave your page.

In this post you’ll learn to build a simple script that can show and hide content within a div

Read more…