CSSKarma

Posts Tagged ‘javascript’

« Older Entries

Changing 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: , , ,
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: , , , ,
Posted in Web Development | 5 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: , ,
Posted in Web Design, Web Development | Comments Off

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: ,
Posted in Web Design | 2 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 »

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: , , ,
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: ,
Posted in Web Development | 6 Comments »

This Week in Links 12/16

Tuesday, December 16th, 2008

10 Tips to Improve Your UI Smashing Magazine, once again, has a great article about user interface. This article gives you some quick and helpful tips on improving your user interface design. A lot of stuff we should all be doing. Anti-RSI This is a Mac program to help prevent RSI (which is basically carpal [...]

Tags: , ,
Posted in News | 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: , , , , , ,
Posted in News, Web Development | 1 Comment »

Active navigation with jQuery

Wednesday, October 8th, 2008

I was building a site last week and came across some jQuery code for active navigation. It’s very simple and works real well. I’m using it on some secondary navigation and still using my body class for the main nav. Active navigation with a body class body.home #nav ul li.navhome{font-weight:700;} So I’m still doing that, [...]

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

« Older Entries