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 »

Squeeze more speed out of your wordpress blog!

December 25th, 2009

Page speed is all the rage right now. And although wordpress is a fast blogging platform, it can get really bloated, really quick. With all the free plugins and themes using a lot of requests. Here are some tips to get a faster loading wordpress blog.

First Grab yourself some tools to measure the speed

Get yourself some tools to test your speed.
Yahoo’s Yslow, Firebug firefox extension, google pagespeed are just some of the speed tools out there. Try them out to see which one you like.

Backup everything!

Make yourself a backup of all your WordPress files and you database. Just to be save 🙂

And lets get on with it.
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