Posts Tagged "javascript"

Ad Blockers, Browser Plugins and Imagination

Posted by Kevin Dees on Nov 7, 2011 in Design, Journal, Programming | 0 comments

On the topic of desktop browsers never use CSS class names or ID’s that smell bad to ad blockers in your HTML. The Firefox Ad Blocker is notorious for braking sites. This means names like: Ad or ads, Campaign, Sponsors, Partners, Endorsement, Ect.

jQuery 1.7 is alive

Posted by Kevin Dees on Nov 3, 2011 in Design, Journal, Links, Programming | 0 comments

Today jQuery 1.7 came out. Be sure to update your Event API’s if you use .bind, .live or .delegate to .on and .off. The new .on() and .off() APIs unify all the ways of attaching events to a document in jQuery. This is a big but good change. The new API’s are much faster too.

Library: Modernizr

Posted by Kevin Dees on Oct 22, 2011 in Design, Links, Programming | 0 comments

Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites. It detects what features your browser supports instead of trying to tell you what browser version you have.

Interview with Alan Johnson

Posted by Kevin Dees on Oct 22, 2011 in Design, Programming, Videos | 2 comments

In this interview I speak with Alan Johnson of Carsonified. Alan is a great Ruby and JavaScript developer. In the interview he covers the basics of Node.js and how it can be used today. He has been using Node.js at Carsonifed and shares his experience and thoughts about the new technology.

Node.js is a server-side JavaScript environment that uses an asynchronous event-driven model. It has grow massively this year in popularity and is used by many developers today.

Widget: Add to Home Screen

Posted by Kevin Dees on Oct 21, 2011 in Design, Links, Programming | 2 comments

This little JavaScript widget gives you an elegant iPhone popup. Add to Homescreen acts as a notification box for the action button on the iPhone. Drop any message you want in it. “Add this site to your home screen,” is not a bad idea. I think is is perfect for mobile web apps.

Website: jsFiddle

Posted by Kevin Dees on Sep 22, 2011 in Design, Links, Programming | 0 comments

Sharing code with others is really helpful. Especially when you need help trouble shooting a problem. This is why I recommended jsFiddle for sharing HTML, CSS and JavaScript snippets. This tools even includes external JavaScript library support.

Using FitVids.js with WordPress for responsive videos

Posted by Kevin Dees on Sep 11, 2011 in Articles, Design, Programming | 3 comments

Dave Rupert and Chris Coyier launched a new jQuery plugin a few day ago called FitVids. The FitVids plugin takes fixed width videos and makes them responsive. Getting the plugin to work is a cinch and opens the door to responsive videos in no time.

If you want to add responsive videos to your WordPress site you can use my plugin.

14 sites every web designer should know about

Posted by Kevin Dees on Sep 10, 2011 in Design, Links, Programming | 6 comments

Google “web design” and you will find a slew a business. Not so helpful if you want to learn HTML, CSS, PHP, Javascript, marketing, content strategy, SEO and anything in-between.

Even if you find a site that can help you, will it be correct and current? This is why I have compiled a list of sites you can trust and learn from.

Favelet: Firebug Lite

Posted by Kevin Dees on Aug 27, 2011 in Design, Links, Programming | 0 comments

Firebug is an excellent plugin for Firefox. Firebug Lite is great for IE debugging. Use it as a bookmarklet or embed it on your website with conditional comments for fixing issues.

How to add a thick box media uploader to custom fields in WordPress

Posted by Kevin Dees on Aug 27, 2011 in Articles, Programming | 7 comments

To add a custom field media uploader in WordPress using the built-in thick box you need to override the window.send_to_editor method.

This post requires that you know how to create custom fields with custom meta boxes, not the built in custom fields meta box for WordPress.