Archive for the ‘Web Development’ Category
« Older EntriesChanging History with HTML 5
Friday, August 19th, 2011
Here’s the demo for those who like to jump right in. The URL is an important piece of user experience in any Web site or application. We like using, what we call “talking URLs” so they’re easy to say and remember, like clearleft.com/is/richardrutter (one of the best all time). But as we build complex ajax [...]
Tags: api, history, html5, javascript
Posted in Web Design, Web Development | 7 Comments »
HTML 5 Form Validation with Yepnope Fallback
Thursday, August 4th, 2011
In my last post about creating a proper fallback when using the new HTML 5 form validation I mentioned using modernizr to detect for support, then creating an if statement to call the jQuery validate plugin. One of the commentors mentioned using yepnope for this instead of loading the jQuery validation plugin by default. Since [...]
Tags: forms, html5, javascript, jquery, performance
Posted in Web Development | 5 Comments »
Required input fields with JS fallback
Tuesday, June 14th, 2011
View the demo One of my favorite features of the HTML 5 forms is the “required” attribute. But unfortunately, support isn’t totally there yet. So we need to create fallbacks. It works in the modern browsers you’d expect it to (FF4, Safari, Opera, etc) but in older browsers, form validation isn’t something you can really [...]
Tags: forms, html5, ui
Posted in Web Design, Web Development | 2 Comments »
Setting up shortcuts in Terminal
Friday, May 20th, 2011
Let me just start off my saying I hate using the command line. That being said, I’m all for making the experience tolerable with a few tweaks. Today I set up some aliases in Terminal so I don’t have to remember some of the weirder commands I use often. I thought I’d share the process [...]
Tags: terminal, unix
Posted in Web Development | 2 Comments »
CSS Performance and OOCSS
Monday, April 18th, 2011
I’m in the process right now of signing on for my first speaking gig in since I moved to Boston (thanks to @joedevon) and it got me thinking about performance in CSS; a topic I really haven’t address in years since I started using my single-line CSS formatting style. Tip: use spaces rather than tabbing [...]
Tags: CSS, javascript, performance
Posted in Web Design, Web Development | Comments Off
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: qr codes
Posted in Web Development | 1 Comment »
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: form, javascipt, jquery, plugin, ui
Posted in Web Development | 61 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: article, CSS, smashing magazine
Posted in Web Design, Web Development | Comments Off
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: article, noupe
Posted in Web Development | 2 Comments »