Using CSS sprites on your website

March 13th, 2010

I mentioned CSS sprites, as a way to cut down the load time, of your website in my speed up your wordpress blog post. I would like to elaborate a little on that and share more reasons to use css sprites.

What is CSS sprites?

CSS sprites is a way to combine all your decorative graphics elements in to one file and positioning them using css. It’s a technique that has been used by game designers for a long long time. The main goal is to save load size for your user, to get your site to load faster. Here are two links on how to do it. CSS Tricks: CSS sprites and A List Apart: CSS Sprites Now let’s talk a little about when to use it and when not to.
Read the rest of this entry »

CSS shortcut:How I save 30 minutes of work on every project

September 19th, 2009

As a webdesigner, I need to be productive. And most of the time I’m quite busy, I don’t sit and wait for new assignments to come in and my todo hasn’t been under 40 items in the last year. When I started doing webdesign, I would start over with fresh HTML and CSS files for every design I made. But you learn quite fast that starting with your basic styles in place will easily cut your coding time down. Read the rest of this entry »

Print stylesheet tips

August 20th, 2009

Worked a bit on a css print stylesheet the other day, and I wanted to share my sort of, basic print css setup with you. It’s not very big, but it’ll give you an easy place to start of from, then you can always add to it as you go along. I’ll explain each part. Read the rest of this entry »

Optimizing and Understanding CSS

February 21st, 2009

I found a great article the other day about the problems, webdesigners face when writing CSS for their websites. It’s basicly just 10 basic things about CSS but I find that a lot of people new to CSS design, face these problems often and come up with some less than good practice solutions.  Read the article here: 10 Important Things about CSS