jquery · CSSKarma

Posts Tagged ‘jquery’

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 »

Quick Tip on Global Scope and jQuery

Friday, April 8th, 2011

Before launch of a new site, I always take the time to run my JavaScript through a checker. Personally, I use JS Lint. It’s not the prettiest thing, but it works great to pick up small errors and elements of bad practice. You’ll get alerts like “unused variable”, “don’t use eval(), it’s evil”, “implied global”. [...]

Tags: javascript, jquery
Posted in Web Design | 2 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: form, javascipt, jquery, plugin, ui
Posted in Web Development | 61 Comments »

Sliding Labels v2 – Patch

Tuesday, February 2nd, 2010

Please use version 3 of sliding labels with updated options and bug fixes at: http://www.csskarma.com/blog/sliding-labels-plugin/ Last week I wrote an article about sliding form labels that got quite a bit of attention. Many of the commenters brought up a couple good points/bug in the Sliding Label code that I wanted to address and provide a [...]

Tags: advanced, forms, jquery, ui
Posted in Web Design | 116 Comments »

Form Design with Sliding Labels

Tuesday, January 19th, 2010

Please use the latest version of sliding labels with updated options and bug fixes at: http://www.csskarma.com/blog/sliding-labels-plugin/ A few weeks ago I was reading an article on form UI by Luke Wroblewski of Yahoo!. For those who aren’t familiar with Luke, he (quite literally) wrote the book on good form design. In the article, one certain [...]

Tags: advanced, forms, jquery, ui
Posted in Web Design | 144 Comments »

Conditional Animation Speed in jQuery

Friday, January 8th, 2010

For years (and by “years”, I most likely mean “the years since I started using jQuery… maybe 2″), there’s been one aspect of jQuery that’s bugged the crap out of me, the animation speed. View demo We’ve all probably seen the problem that happens in many drop down menus of varying height. We set slideDown(300) [...]

Tags: advanced, javascript, jquery, ui
Posted in Web Design | 2 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: javascript, jquery
Posted in Web Development | 6 Comments »

This Week in Links 12/2

Monday, December 8th, 2008

CSS Deployment 101 Reinhold Weber talks about how to compress a CSS file before you push it to the server. this will shave off some load time by reducing everything to one line and removing much of the white space. It also allows you to modularize your CSS without it effecting HTTP requests, because this [...]

Tags: conference, CSS, jquery
Posted in News, Web Development | Comments Off

This Week in Links 10/27

Monday, October 27th, 2008

Better CSS Font Stacks A good article on how to jazz up your stacks to try and take advantage of users who have more fonts installed. I’m all for this, and as long as it’s done carefully, can get a nice version of progressive enhancement. 5 Terrible SEO Ideas Richard Bradshaw goes over some trendy [...]

Tags: CSS, finances, font, javascript, jquery, seo, twitter
Posted in News, Web Development | 1 Comment »

« Older Entries