CSSKarma

Archive for the ‘Web Development’ Category

« Older Entries Newer Entries »

Quick Tip #3 – Textarea Fonts

Monday, August 31st, 2009

The Problem The font family in this text area default to Courier New, but that’s pretty ugly. The Goal Look at the nice font in this textarea! The Solution You have to redefine the font-family for a textarea. Just a weird quirk. textarea{ font-family:Verdana, Arial, Sans-Serif; }

Tags: , ,
Posted in Web Development | 2 Comments »

Selectable RSS with SimplePie and jQuery

Monday, August 17th, 2009

I was building an RSS reader for a project last week and it turned out to be a cool little app. So I thought I’d share some of the code. View demo Download demo files Let’s start off with the HTML we need to get some user interaction with the form. It’s a pretty basic, [...]

Tags: , , , ,
Posted in Web Development | 8 Comments »

10 Videos for the Web Community

Friday, August 7th, 2009

I was poking around YouTube last night watching some design videos and I thought I’d share them since it’s been my RSS feed has been a bit stale lately (I’ve been working on a pretty big redesign for this site). Enjoy! Web Design Mistakes Duration: 3m 52s Watching someone use a screen reader Duration: 3m [...]

Tags: , , ,
Posted in Web Design, Web Development | 5 Comments »

Quick Tip #2 – Bringing Back Search with jQuery

Monday, June 29th, 2009

This is something I use on all my projects now. It’s designed for a search box, but can be used with any sort of input field. The great thing about this is that the field value “Search” will only come back onBlur if the field is empty (or doesn’t say “Search”). So if you started [...]

Tags: ,
Posted in Web Development | 6 Comments »

Quick Tip #1 – Image Replacement

Thursday, May 28th, 2009

Problem Image replacement can be easily abused; but when used properly (like replacing logo text) it’s a great resource. Image replacement without extra markup usually means setting text-indent:-9999px on your link. And this works great great. But in a lot of browsers it leaves a focus outline that runs way off the page to the [...]

Tags:
Posted in Web Development | 6 Comments »

Twitter and the Downfall of Social Networking

Sunday, May 17th, 2009

One of the great things about the folks at Twitter is that they really stick to what they’re good at and they let the community define what they want out of the service. So much so that they’ve responded with some really great community-driven Twitter services. MySpace The downfall of MySpace started when users were [...]

Tags:
Posted in Web Development | 13 Comments »

Analyzing Home

Wednesday, April 8th, 2009

The “Home” link has been a staple on almost all of the Web sites I’ve made in the past 5 years, but lately I’ve been wondering how important it is. I heard Steve Krug at An Event Apart Boston 2007 talk about how the “home” link should always be list first in your navigation, but [...]

Tags:
Posted in Web Development | 6 Comments »

GMail If Statements

Thursday, February 26th, 2009

Last night I went to the Celtics/Clippers game in LA. Boston lost, but it was a great game; right down to the wire. Anyway, that’s not the purpose of this write–up. When I got home, I uploaded the pictures and e–mailed them out to my family (as I do). I sent them out to dad, [...]

Tags:
Posted in Web Development | 6 Comments »

This Week in Links 2/18

Wednesday, February 18th, 2009

Surfin’ Safari: CSS Animation Personally, I think animation should be left to JavaScript, but this is actually pretty neat, you have to download the open source version of WebKit to see it, but it’s definitely worth a look into the future of CSS. Get Your Flickr ID I’m currently building a refreshed version of cssKarma.com [...]

Tags: , , , ,
Posted in News, Web Development | 2 Comments »

Framing an Image

Monday, February 9th, 2009

I’m not sure exactly how well known it is, but you can put a background image on any HTML element… even an image. I don’t think I’ve ever seen it done on a live site before, but it can be very useful for creating an image template for repeated use; without having to do a [...]

Tags:
Posted in Web Development | 10 Comments »

« Older Entries Newer Entries »