Plugins play a great part in the success of jQuery. There are hundreds of them out there, and having the ability to create your own is a great skill to have. With all of the interest in Pinterest (no pun intended), I thought it would be a good idea to do up a quick and simple Pinterest sharing plugin for jQuery. Getting started ... First we need to grab the jQuery plugin boilerplate (function( $ ) { $.fn.pinterest = function(options) { var settings = $.extend( { }, options); return this.each(function() { });...
You have a fully-designed website, the CMS works great, you’ve added content, and the client is happy. And, it’s time to take it live. Or… is it? When you’re launching a website, you can forget quite a few things in your eagerness to make it live. Launching your website is a bit like making homemade soup. You have a lot of ingredients that should come together, and before you’re done with all, you sample it, to make sure you have everything right. And this last step is often what gets ignored before...
I recently developed an application that sent variables into a mathematic function. This function needed to have a numeric count of the exactly how many zeros there were in a certain array. For this snippet, we can use both numeric and text based arrays. I printed it using this code: Our two example arrays will be: $array_num = array(1, 1, 1, 2, 3, 4, 4, 4, 4, 4, 5, 6); $array_text = array(apple, apple, apple, orange, banana, banana); We then put this array into array_count_values() $count_array_num =...
Something that's always welcome are plugins that enhance usability on websites, especially when they assist people with disabilities. Annyang is a great example of that. It's a plugin that helps you set up speech recognition on your site. It assists people with visual impairments and it's just plain cool to boot. Currently it's only supported by Chrome, but it degrades gracefully so it's usable now. Using Annyang ... Annyang doesn't have any dependencies, so all you need to do to get it working is to...
jQuery is a fantastic JavaScript library, we know this. We also know that there are lot of cool plugins out there which take things to the next level. If you’re an amateur dev, plugins expand on your capabilities by implementing things you might not know how to do yourself, yet. If you're an expert programmer, they can make your job go a whole lot faster, or even just provide inspiration. Whatever the case, we've collected some of the best and most interesting jQuery plugins that we’ve found, and...
Responsive designs are all the hype in Web development communities nowadays. With videos becoming an important marketing tool on many websites, there is a growing need to incorporate responsive videos into these designs. Responsive videos are elastic and are especially favored where web pages will be viewed on different screen sizes using a variety of browsers. Using the HTML5 video element however is not enough when handling video embed code that uses iframes and objects tags. Using the HTML5...
In CSS3 we have two ways of creating animations: We have CSS Transitions that allow us to create some simple effects for things like hover; and we also have CSS Animations for more complicated effects. We can in fact create pretty much any animation we want using pure CSS and since it works with keyframes it uses a system we are already used to seeing in software like After Effects and Flash. In this article I'll get you through the basics of animating with vanilla CSS. Browser support ... CSS Animations...
StringBean introduces itself with the slogan, “The 4K featherweight framework”. Now, I wasn’t exactly skeptical. Despite the prevalence of massive CSS and HTML frameworks (you know which two I mean), there are plenty of tiny frameworks about. I’ve seen and tested many, and even used one or two of them for live projects. StringBean has, however, managed to impress me with how much it’s managed to fit into a small space. As always, frameworks stay small by sticking to an incredibly basic set...