CSSKarma

display your <style>

designing the web since 2002

Archive for the ‘Web Development’ Category

« Older Entries

Our Curious Future with QR Codes

Wednesday, September 1st, 2010

Often, when I write something for CSSKarma I try and make it unique rather than picking up the hot topic and throwing my2cents in about it. You may have noticed the lack of HTML 5 posts, even though I spoke at the Penn UI Conference about it. There’s actually quite a bit buried in the [...]

Tags:
Posted in Web Development | No Comments »

Sliding Labels Official Plugin Release [ver. 3.2]

Tuesday, June 29th, 2010

View Demo Plugin Minified Plugin Version: 3.2 – Added a “className” option so you don’t have to use “.slider” as the wrapper Version 3.1: Changed “children” to “find” so it will work with a UL. Thanks to Oro for the feedback Version 3 of Sliding Labels brought some big changes, the largest being that I [...]

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

Redirection Options

Wednesday, January 27th, 2010

Lately, I’ve been having to work with a lot of redirects and I was going through different redirection options with a client. So I thought I would do a quick write up about the different types of redirection. I also haven’t seen a collection of these in one place, so I thought I would put [...]

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

What You Need to Know About Behavioral CSS

Monday, December 21st, 2009

Hi all, I had a new article published over the weekend at Smashing Magazine. Check it out and let me know what you think! Behavioral CSS I wrote it quite a while ago and it seems to be showing a bit in the comments, but overall, I’m pretty happy with the way it came out [...]

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

CSS Techniques I Wish I Knew When I Started Designing Websites

Friday, December 18th, 2009

I know I haven’t posted in a while, but I wanted to stop by and let everyone know that I have a new article out on Noupe.com called “CSS Techniques I Wish I Knew When I Started Designing Websites” It was pretty fun to write trying to think back to my beginnings in the Web [...]

Tags: ,
Posted in Web Development | 2 Comments »

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 »

« Older Entries

New from the blog

Are My Sites Up? authenticjobs.com