If you’ve used the css background technique to create a nice image background for one of your Squidoo lenses, I’ll add it to the Top 15 list on my Squidoo CSS Background lens.

CSS Background is a style feature that allows you to add a variety of backgrounds behind the text on a web page. You can choose solid colors, or if you feel like being artistic, you can add an image.

This is a great way to spice up your web pages or Squidoo lenses. You can use it for the main body of your text – imagine a story about a beach holiday, displayed over a beautiful ocean background.

Another place where this gets used is to put simple graphics behind navigation links. These will usually be small pictures that repeat to build an attractive navigation bar.

On Squidoo you can build a link voting plexo, where visitors can add their own suggestions for links, then vote for their favorites. I’ve found this is a great way to interact with your visitors and to give them the chance to send you some feedback.

There’s space for 15 links right now. Closing soon!

It’s hard to miss the number of portable devices out there these days and the huge number of people who are regularly using them to visit websites. You don’t want to ignore this part of the market so it’s wise to think about making your site work well on these devices.

There are a couple of problems here. One is the limited resources (small screen, limited user input, etc) and the other is the vast range of devices that you need to support. Most of these devices demand some fairly major changes to your site layout and content to make it work successfully. This can be the biggest headache for you and your site.

One solution here is to pay attention to the market – the iPhone and iPod Touch now account for at least 0.23 percent of web traffic in the US. That may not seem a lot, but it’s a growing number, and it’s larger than the share of any other mobile browser. So it may be a wise solution to target your site just to these devices.

The good news here is that the iPhone has improved the user experience massively. It’s a joy to use and includes support for many web standards, such as XHTML, CSS2 and Javascript. The iPhone is able to do this because its browser is based on the Webkit Open Source Browser Engine (as do the Nokia N95 and Android phones).

This means that you really don’t have to make many changes to your site to get it to work on the iPhone. Great news. Of course the iPhone brings some amazing capabilities for browsing full-sized websites, with easy zooming and scrolling using the touch screen display.

If you want you can take this further and target your site more towards the iPhone: change the site so it’s more ’small screen friendly’, with button-style navigation and less use of zooming. This makes it more of an iPhone-like application (think of how iTunes looks different on the smaller display). Actually this can be a useful exercise in itself – can you distill your pages down into their key content, just focussing on headlines and titles?

The iPhone keypad is pretty good but still not as useable as a full-size keyboard, so it’s good to find ways to reduce the requirement for visitors to type in text.

Also why not explore some new capabilities that are unique to a mobile site? What can you do with an onboard camera? What about location information?

Even if you don’t dive headfirst into these fancy features, you should be able to create a good user experience for your site using the iPhone. By doing this you are making a decision not to target the older, less capable devices. In a way you are ignoring the long tail of multiple mobile browsers.

One of the challenges in marketing your website (or blog, or Squidoo lens) is to make yourself different and to stand out from the crowd. One way to do this is to use stunning images, just like this amazing picture of TableTop Mountain in South Africa.

This post certainly sticks out!! It uses a technique called CSS Background, where the image is used as a background to the paragraphs of text. You can find out how to do this on my CSS Background Squidoo Lens.

There’s an additional technique here too. The paragraphs use a fine array of dots to darken them over the blue sky background. This produces a semi-transparent effect which helps the text to stand out. The text here is white, which looks pretty good. I’ll post the code for this here in a day or two.

Can you think of more ways to make yourself stand out from the crowd?

This is a nice endorsement of my work. I love writing stuff that other people like – who doesn’t?

It’s also proof of the principle: good content beats SEO.

In other words, create something that people love, or find useful, or enjoy reading, and you don’t really need to worry about keyword density, long tails or meta tags. Why? Because if people love your work they will (re)visit it and vote for it by linking to it. Links to your stuff are hugely important for PageRank: lots of links will get you higher in the search positions.

Don’t get me wrong – it’s still important to think about SEO. We’re working in a competitive world, after all, and everything you do to get yourself an edge is (probably) useful.

There’s a limit to how far you can go with SEO though. Instead of spending hours optimizing your new page, or blog post, or Squidoo lens, get started on creating another one.

Make sure it’s good though!

What does this mean for you as a website owner? It means that more of your visitors will be browsing your site on mobile devices such as BlackBerrys and iPhones. The recent release of the new iPhone will increase this number.

So what? Good question.

How does your website work on an iPhone, or a cellphone? Have you checked? The biggest difference is that these portable devices have a much smaller display than your average PC or laptop. This can mean that your nicely laid-out pages are squashed, stretched, and otherwise moved around [obviously this is less of a problem on the iPhone, but it's true for most other devices].

Mobile devices tend to be slower than PCs, so loading times are longer. If your site relies on large images or flash animations these can make the browsing experience pretty lousy.

Unless you code your pages properly, your CSS stylesheet can be ignored. This means your fonts can be messed up too, for example with oversized letters in headings.

So here’s a list of useful guidelines to follow to make sure your website works well for your mobile visitors:

1. Design for the smaller screen. Go for less columns, and ideally no horizontal scrolling
2. Use a separate CSS stylesheet and switch to a mobile version
3. Design your pages for input with a stylus/trackball, rather than a mouse
4. Reduce image sizes, or remove them altogether
5. Disable flash animations
6. Make fonts compatible with the smaller screen size (especially headings)

If you follow these guidelines you’ll provide a better browsing experience for your visitors. Hopefully they will spend more time on your site and come back in the future for more…

The main problem with the old style is that, basically, it’s a real pain to use. It’s hard to read, hard to get right and terrible to maintain and update. If you use CSS then it’s pretty easy to sort your styles out (fonts, colors, backgrounds etc) and any changes you make are (usually) made on only one file.

As a website owner or developer, you should care about this because it makes web development more efficient and it makes your websites easier to maintain and change. If you use a web designer then they should already be using CSS because it’s more efficient for them.

The bottom line is, use CSS and you’ll get a better website. That’s what really matters