Category Archives: Web design

3 free Mac applications for simple web work

A colleague of mine recently asked me what software he would need to do simple updated to a web site from home on his brand new iMac. All he really needed to be able to do was update flat HTML files on an FTP server and upload an image or two. Oh, and preferably for [...]

Superb web typography slideshow

Usually I despise “reading” slideshows. However, this PDF slideshow (2.4MB PDF) on elegant web typography was a joy to read and informative. Thanks to Jeff Croft for writing and posting it.

Setting up a Rails dev environment on Webfaction

After purchasing the 3rd edition beta PDF of Agile Web Development with Rails, I wanted to jump right in to mucking around with Ruby on Rails on Webfaction’s servers. I ran into some silly problems that took me a good bit of time to work through.
In the hopes of saving you time, here are the [...]

Learning Ruby the crazy way

As I noted in my last post, I’m learning Ruby on Rails and Django. That means I’m also being forced to learn Ruby and Python.
The Python resource I’ve been going through is a free book called Dive into Python which can be read for free. It’s written in a very clear and concise manner and [...]

Learning web application frameworks

Lately I’ve been exploring different web application frameworks for creating websites that don’t fit neatly into the paradigm of content management systems. Generally that means websites that aren’t driven by traditional posts or pages, like news sites or blogs.
I’ve settled on learning what I can about three major players in the framework market: Django, Ruby [...]

A better meta menu widget

Recently I’ve been customizing the Media Grease sidebar. I’ve added a tag cloud widget, a recent comments widget and a manually updated “greatest hits” list. Ultimately, my plan is to move the recent comments, recent posts and greatest hits list to the top of the site using Javascript and CSS.
But I digress.
One of the things [...]

Using Sifr for nice fonts

There are just sometimes when you want to use a nice font on your website. Unfortunately, there is no easy way embed custom fonts using HTML/CSS. That generally means you’re stuck using ‘core’ fonts like Arial, Times, Verdana, Georgia, etc.
You could use images, or Flash movies, but both are labor intensive and break accessibility. With [...]

Media Grease: Moving from images to reality

Since I finished the design comps last Thursday, I’ve been working on moving from my Adobe Illustrator files to the actual WordPress theme based on Sandbox.
With the help of Adobe Photoshop, some hand coded HTML and CSS, and the jQuery javascript framework, I’ve programmed approximately 20% of the theme. That includes the basic layout, the [...]

Media Grease design ideas, Part 3

I’ve had the chance to refine the design direction I wrote about last weekend:

The most important thing was deciding the design and typographic direction for the posts themselves. I wanted to match the overall tone of the rest of the look while being as legible as possible.
I don’t know if I’ll actually use the sidebar [...]

Media Grease design ideas, Part 2

I’ve been working hard today on coming up with the design direction for Media Grease. Here is a sample of where I’m at in Adobe Illustrator:

Over the next few days I’ll be explaining where I got some of the bits and pieces for this design, like the orange feed icon and seamless background wood texture.
If [...]