background preloader

jQuery & JavaScript Articles For The Community

jQuery & JavaScript Articles For The Community
The tough economic times on Tatooine hit everyone hard, including the Jawas. Delivering a fast experience on the web usually involves reducing server response time, minification of CSS/JS/HTML and an optimisation of images and above-the-fold content. We can further minimize the latency caused by stylesheet loading by removing unused CSS rules delivered to the client. In this write-up, we’ll take a look at build tasks you can use to remove unused CSS in your pages. Before we begin, I thought it would be useful to share some success stories just to demonstrate that the tools here can be used to make a difference. Continue Reading →

Converting jQuery Code to a Plugin Martin Angelov When it comes to efficiently organizing jQuery code, one of the best options is turning certain parts of it into a plugin. There are many benefits to this – your code becomes easier to modify and follow, and repetitive tasks are handled naturally. This also improves the speed with which you develop, as plugin organization promotes code reuse. This is why today we are going to demonstrate the process of converting code to a plugin. We are going to take the code from our jQuery & CSS3 Select Replacement tutorial, and turn it into a ready for use jQuery plugin.

Quick Tip: Detect CSS3 Support in Browsers with JavaScript Isn't it fun that we get to play with the latest CSS techniques, like shadows and transitions? There's only one problem: how do we compensate, or more importantly, detect the browsers that do not support them? Well, there's a few solutions. In this tutorial and screencast, though, we'll create a JavaScript function that will accept a CSS property name as its parameter, and will return a boolean, indicating whether or not the browser supports the passed property. Building Single Page Applications With jQuery’s Best Friends Hey guys. Today we’re going to take a look at how you can build a single-page application (SPA) supporting graceful degradation using some of jQuery’s Best friends; DocumentCloud’s Backbone.js, Underscore.js, LAB.js and jQuery templating to name but a few. Alex Sexton has been giving a great presentation highlighting these tools in few recent conferences and I thought it would be useful to write up a tutorial to compliment their use. The SPA application we’ll be building today is a three-level bookmarkable image gallery.

Prevent Users from Selecting Weekends using jQuery UI DatePicker Not known to many, jQuery UI DatePicker has a built-in function called 'noWeekends', that prevents users from selecting weekends, by disabling them. Here’s how to use it As you can observe, the weekends are disabled. See a Live Demo Will you give this article a +1 ? Thanks in advance Developing Backbone.js Applications - By Addy Osmani (@addyosmani) Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude

25 Free jQuery Photo Gallery / Albums with Tutorials 30 Free Photo Gallery / Albums with Tutorials Details Category: Webdev Hits: 20172 Scrolling Parallax: A jQuery Plugin Scrolling Parallax examples Simple scrolling parallax effect Multiple, layered parallaxes for a nice depth effect 24 JavaScript Best Practices for Beginners — As a follow-up to "30 HTML and CSS Best Practices", this week, we'll review JavaScript! Once you've reviewed the list, be sure to let us know what little tips you've come across! 1. 10 Useful jQuery Snippets Following are 10 Useful jQuery snippets for any website. To use these snippets, you must include jQuery library in your page first and then add the snippets inside DOM ready function as follow: $(document).ready(function() { // add your snippets here });

jQuery Conference 2011 Bay Area Videos Robert Nelson (a fellow jQuery geek) was one of the lucky attendees at the jQuery Conference in SF this year and went to the trouble of recording a number of the talks to share with those unlucky enough to not make it – how awesome is Bob?. The team over at yayQuery kindly offered to host the vids on their vimeo account and you can now watch a number of the talks in their entirety online (see below for the links). Remember, if you'd like to read or just grab the presentation slides for talks, you can get them over at the official events site, otherwise enjoy the talks!

Related:  Tutorial & GuidesLearning and bookWeb Design & Development