i love innovation

Tiled backgrounds designer (bgpatterns.com)

I freaking love this. I’m a total sucker for patterns and so naturally, tiled backgrounds are something I’m really passionate about. I stumbled across this today and wanted to share. It has a really simple interface: you select colors, canvas texture, icon to repeat, and rotation. You can get pretty nice images with pretty little effort. Really nice little tool.

While we’re on this topic, check out www.stripegenerator.com. It’s an equally cool stripe background image generator.

I don’t do this too often, but I am going to post some innovative things I’ve seen from the realm of web design. I am a designer for my job and so these things are pretty interesting (and often helpful) to me.

A New Layout Technique

Here’s an article that was posted on A List Apart the other day. It’s a pretty cool way to handle some of the problems that arise when using the modern table-less layout techniques (floats and absolute positioning).

I haven’t had time to try it for myself, yet, but it’s pretty cool.

Tableless Calendar

Now, I was to preface this with saying I don’t have a problem using tables for calendars. Tables are designed for tabular data and calendars are basically tabular. However, semantically, it might make more sense, at times, to present that information in a list. For example, the following is very logical to me:

• Day
  • Event
  • Event
• Day
  • Event
  • Event

Then, furthermore, when you take into consideration that oftentimes the same data is being accessed by multiple types of devices, presenting the information as a list begins to make even more sense.

So, in light of that, here’s a great article about styling CSS lists as calendars.

The styling in the author’s examples is kind of weak, so I’ve tried my own. Check it. I haven’t resolved all the issues in this example, but it works well in the Fox, and Safari. There’s a small spacing issue in Safari. It displays pretty close in IE6, but the numbers from the <ol> don’t show.

That’s all for today, friends. Enjoy.

Ajaxorized » Phototype: image manipulation with Javascript

I’m a web designer and I love this. It could be considered quite innovative.

MoFuse: Create a Mobile Website, Mobile Site Builder, .mobi Compliant

Create a mobile versions of your site for a range of mobile versions. Check it out if you go for that sort of thing.

yellowgreen designbüro - MoreCSS

“MoreCSS is a small JavaScript library for everyday things, like creating popups, tab menus [...], tables and lists with ‘zebra’-style … etc. But the really special thing is: you can do these things like in regular CSS.”

This is a pretty neat solution. Include this 14kb JavaScript file in your pages and it allows you to use additional properties in you CSS. Some of them I doubt I’d ever use, but others look pretty helpful. Give it a glance.