Archive for the ‘Web Design’ Category

Playing with CSS3 – Sleek UI Buttons

Thursday, February 11th, 2010

A while ago someone linked this post and I bookmarked it. Today I decided to toy around with a new button look for Listy.us. Using a mixture of CSS3 background gradients and border-radius, I’ve come up with this button:

New UI Button – don’t forget to click!

Which is just a link and a span, code-wise:

<a class="uiButton" href="#"><span class="uibb">New UI Button</span></a>

Internet Explorer kind of hates it, with no rounded corners and some questionable hover behavior, but overall I’d say it’s a win.

Browser testing:

Browser test for CSS3 buttons described in this post.

CSS3 Button Browser Test

(more…)

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Reddit Post to Reddit Post to StumbleUpon Stumble This Post

Posted in Web Design | 2 Comments »

On Accessibility

Thursday, December 10th, 2009

Today I ran into this really great article:

An Idiot’s Guide to Accessible Website Design

(more…)

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Reddit Post to Reddit Post to StumbleUpon Stumble This Post

Posted in Web Design | No Comments »

On Web Fonts

Monday, November 30th, 2009

Typekit is awesome, and I’m totally looking forward to using it, but until there’s Chrome support (I’m understand it’s coming soon), this link should be on every web designer’s tool belt:

Common fonts to all versions of Windows & Mac equivalents

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Reddit Post to Reddit Post to StumbleUpon Stumble This Post

Tags: ,
Posted in Web Design | No Comments »

Listy.us is live, still a work in progress

Tuesday, November 24th, 2009

For those that have been following my work by means other than my blog (twitter, facebook), you already know that my big project, www.listy.us, is alive and kicking. I’ve been meaning to write an actual blog post about it for some time, since it would seem I forgot to do that back in September when the site actually launched. It’s improved a lot since then, I think.

(more…)

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Reddit Post to Reddit Post to StumbleUpon Stumble This Post

Tags: , , , ,
Posted in Listy, Projects, Web Design | No Comments »

Why Chrome Frame is a Necessity

Thursday, October 1st, 2009

With a ton of users being granted access to Google Wave, and Wave suggesting the installation of Chrome Frame, there’s been a bit of griping from Microsoft (and others, but I suspect mostly Microsoft) about not liking the ability for the content to choose the browser agent. I can understand why folks would be irked by this, I really can. It messes with their software.

(more…)

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Reddit Post to Reddit Post to StumbleUpon Stumble This Post

Tags: , , , , ,
Posted in Listy, Web Design | 3 Comments »

Implementing Web Apps as Finite State Machines

Saturday, July 11th, 2009

The revelation that a web application meshes well with the design pattern of a Finite-State Machine (wikipedia link) isn’t really new. It’s discussed in a few other places on the web, usually in a scholarly capacity – the google search returns a lot of articles and research papers. Still, this struck me as something that really should be taught to every fledgeling web developer.

(more…)

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Reddit Post to Reddit Post to StumbleUpon Stumble This Post

Tags: , , , , ,
Posted in Listy, Projects, Web Design | 1 Comment »

New Theme and a Project Name

Tuesday, April 7th, 2009

The new blog theme has been live for a couple days now. It still has a few tweaks to be done (single post page lacks styles for the next/previous links, for example), possibly some component rearranging, but it’s okay for now. The look and feel now matches the background on my twitter page, or you could say the background on the twitter page now matches the blog, as it was the blog that was designed first.

This is probably my first real attempt at a grid-based layout. Vertically it falls short of perfect baseline alignment, simply because I didn’t feel it was worth the effort to get it perfect. This is a blog. If it were a corporate product page, then yes, it would be worth the trouble to get everything in a perfect rhythm, but it’s not.

Also, I have not tested this in IE 6 or 7. Out of curiosity, I tested it in 8 a few seconds ago and it looks fine. Obviously, ignoring IE isn’t a luxury I can afford in the future, but in the current “I just want to get this WP theme done so I’m using something more appropriate than a public theme” context, it works.

(more…)

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Reddit Post to Reddit Post to StumbleUpon Stumble This Post

Tags: , , , , ,
Posted in Listy, Projects, TK Studios, Web Design | No Comments »

A Few Software Recommendations

Friday, March 13th, 2009

So, I’m now self employed. That means I need software, and I need it to be either free or inexpensive. Since my business is web applications, I put a little research into a cheap software kit for getting started on this kind of thing. Dreamweaver’s nice, but it’s pricey, and has less-than-awesome support for full-on software development. I’ll spare you the comparisons (for the most part) and just get right down to the results. These are all for Windows…

[edit: Added note to NetBeans bit to reflect irritation at them for republishing without permission.]

(more…)

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Reddit Post to Reddit Post to StumbleUpon Stumble This Post

Tags: , ,
Posted in Marketing, Projects, Web Design | 3 Comments »