jquery4u.com - Archives (novembre 2012)
1 jQuery Fan Blog for your Daily News, Plugins, Tuts/Tips & Code Snippets.
Mucho Thanks for your recent comments they been very motivational for me! :) Even if the blogs helps 1 person learn something new about web development it’s worth my time and effort! Thanks again. Sam Here are some of the recent comments: Vitalii: You saved...
This is how you can use Google Analytics API to get traffic statistics for your website. My original aim was to get live stats and display them on the blog… but as far as I am aware Google Analytics API doesn’t support real-time stats yet…...
There are quite a few ways you can optimise your images for speedy loading. The best ways include creating a sprite which contains all your images and then using CSS to adjust an offset position aligned to your image on the sprite. Other techniques include...
Demo Homepage Plugin Details Name jQuery Timing Plugin Description jquery-timing provides easy-to-use methods to define iterations, timeouts, intervals, Deferreds, and event-based loops and handlers just in line with all your jQuery stuff. jquery-timing is designed to change the way that you use jQuery. License Not...
As a highly skilled front end web developer you may choose to seek work independently as a freelancer, contractor, something temporary or leading into a permanent position. Or you may just want to keep your skills up in your spare time by seeking some project...
I’ve been trying to use a WOFF font called Oswald and load it locally as external requests to Google Web Fonts are sometimes slow at best. It works in Chrome and IE9 but not in Firefox! The investigation begins… And some are aborting. Why use...
I’ve been playing around with this a little. Grabbing a specific number of DOM elements based on a specified class. First, basics to get the first and last elements like so: var firstSpan = $('span.class:first'), lastSpan = $('span.class:last'); To get all the elements...
Today I was just looking into ways to simulate delay, sleep, pause, wait or such in JavaScript/jQuery. I’ve briefly looked into this topic before for locking a web page on timer. Here are some more thoughts on the topic. PHP has a sleep() function but...
Interview with a legend. Video Tutorial Details Name Interview with Paul Irish – Treehouse Friends Description Find more interviews with leading technology experts at: http://teamtreehouse.comrnrnPaul Irish is a web developer and a member of the Google Chrome Developer Relations team. He\’s been a part of...
Hi guys, EC2 Server Failed last night so currently running a backup version of the site until I can figure out how to restore it. I’m not an expert at AWS so fingers crossed. Sam
Problem Declaring a setInterval() without keeping a reference to it (which is returned from the function call setInterval(), it returns an id number for the registered event). Like so: var interval = setInterval(function() { console.log('i'); }, 1000); console.log(interval); It you can see it...
Video Tutorial Details Name jQuery Programming | Treehouse Quick Tip Description Learn more about jQuery and web programming at:rnhttp://teamtreehouse.comrnrnjQuery is a JavaScript framework that makes it simple to add behavior to websites cross-browser using the same CSS selectors web developers are familiar with. This allows...
Video Tutorial Details Name HTML5, CSS3, and DOM Performance Description Paul Irish, from the Chrome Developer Relations team, walks through smart techniques to improve the performance of your app. He describes CSS reflows and how to avoid them, hardware accelerated CSS, animation optimization, web workers,...
G’day mate. So today I did a quick demo to show you an example of desktop notifications using HTML5 and a little JavaScript. Background info on HTML5 Desktop Alerts A notification allows alerting the user outside the context of a web page of an occurrence,...
I’ve had quite a lot of requests for how to upload images using Ajax and show a thumbnail so I decided to do a quick demo to show you how it can be done. The Script facilitates the process of uploading an image via Ajax...
So today in my spare time I wanted to see how different browsers behave with HTML Geolocation and Google Maps. So far, I have done the following browsers: Firefox 16, Chrome 23, IE9, IE8 and Safari 5 for Windows. It is supported by the modern...
How you might use jQuery to filter elements by their data Attribute values. This code snippet grabs all divs that have an id beginning with “proto_” and have a data attribute of “state” with value “open”. var $el = $('div[id^=proto_]').filter(function() { return ($(this).data("state")...
Watch this quick demo of how to inspect the DOM and make changes live using Chrome on your desktop and see them happen live on your mobile devices such as iPad, iPhone, Android etc… Really wish I had been using this a long time ago!...
This is a quick step by step to setup a scroll to top for your website. For a demo, just scroll down on this site. 1. Download scrollTo plugin, include it. 2. Get an image (arrow or such). 3. Include some HTML below. 4. Include...
Just a quick HTML5 Drag and Drop demo I made in jsfiddle. http://jsfiddle.net/KxfpG/7/. If you didn’t know one of the cool features in HTML5 is the ability to Data Transfer from one object to another. There are more flashy things you can do but this...
Do you want something neat and beautiful for your image hover effects? Well, you might want to check out these jQuery image hover/click/scroll plugins! These plugins can style your images as well as image caption nicely and can make your website looks dynamic and feel...
Basically, the viewport is the part of the webpage that the user can currently see, the scrollbars move the viewport to show other parts of the page. If your developing for devices including the viewport meta tag is a must! Today we are sharing you...
Today we are sharing you our collection of 10+ jQuery Image Sprite Plugins and Tutorials. With these plugins it is now possible to create a powerful animations and effects. Very useful for those who wants to create any animated stuff like game characters etc. 1....
Video Tutorial Details Name Douglas Crockford: The JavaScript Programming Language Description In this 2007 presentation at Yahoo!, which is meant to be the beginning of a three-course sequence (followed by \”Theory of the DOM\” and then \”Advanced JavaScript\”), Douglas Crockford explores not only the language...
Video Tutorial Details Name Google I/O 2011: Learning to Love JavaScript Description Alex RussellrnrnJavaScript remains one of the most popular and important programming languages in history. Web Developer and Chrome Engineer Alex Russell exposes the timeless strengths of the JavaScript language and why it is...
Video Tutorial Details Name Responsive WordPress Theme Tutorial – Part 6 – jQuery Toggle Menu Description We continue to work on our navigation menu. In this part we write a bite of jQuery to create a toggle system for our navigation menu on small screens.rnrnCheck...
We have put together some of the easy to use tricks, code snippets and plugins all for the iPad device. Be sure to let us know in the comments which snippets and plugins you found useful and of any others that you know of that...
Demo Homepage Plugin Details Name jQuery Filter and Sort Plugin – ISOTOPE Description Isotope is an exquisite jQuery plugin for magical layouts it simply is the best thing around for animation and sorting and is powered by jQuery. Keywords sorting filtering animation License Not specified,...
Today we are sharing you our collection of 5 jQuery Number Animation plugins. These plugins simply have “number animation” effects with jQuery which adds a nice touch. Enjoy! 1. (Roundabout) Point Counter It’s ready-to-go straight out of the box, but if you want to get...
Video Tutorial Details Name jQuery Mobile, Web Delivery for ALL – Marc Grabanski Description Mobile web development frameworks are targeting the builtin web browsers on iPhone and Android only; however, jQuery mobile has in a different vision, one that will reach the largest distribution of...
Video Tutorial Details Name jquery mvc Description In depth tutorial on jQuery MVC patterns. Tags MVC Target Skill Level advanced Author Profile geeksharenetwork Published 2012-11-05 13:13:16
Today we are sharing with you some of the jQuery plugins that you can use to create fancy modal dialogs using jQuery ;) As always, Happy Coding! 1. DOMWindow jQuery plugin used to create DOM windows. Source + Demo 2. BlockUIPlugin (v2) BlockUI adds elements...
Demo Homepage Download Documentation Plugin Details Name jQuery Fullscreen Background Plugin – BACKSTRETCH Description BACKSTRETCH a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element Keywords Background License MIT license (MIT) Dependencies Not specified, please see...
Demo Homepage Download Documentation Plugin Details Name jQuery Scrolling Plugin – jQuery.ScrollTo Description The best lightweight scroll plugin available. The plugin offers you many options to customize the animation and also the final position. Keywords Scrolling License Not specified, please see plugin documentation for licenses....
Demo Homepage Plugin Details Name jQuery Select Box Plugin – Chosen Description Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors. License Not specified, please see plugin documentation for licenses....
Demo Homepage Download Plugin Details Name iPicture jQuery Picture Tooltip Plugin Description iPicture is a jQuery Plugin to create interactive pictures with extra descriptions. The first plugin with configuration wizard.rnDrag\’n\’Drop the tooltips for placing and setting up the plugin! Move the points around and get...
Demo Homepage Download Plugin Details Name Reveal.js jQuery Plugin Presentations Made Easy Description Reveal.js, formerly CSS 3D Slideshow, is a tool which allows you to quickly create good looking HTML presentations. Beyond the changed name, the updated slideshow includes a fair amount of new features....
Demo Homepage Download Documentation Plugin Details Name jQuery Validation Plugin Description The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy. Keywords validation License MIT license (MIT) Dependencies Not specified, please see...
Video Tutorial Details Name The Breakpoint with Paul Irish and Addy Osmani—Episode 2 Description Ask and vote for questions at: http://goo.gl/hLfF8rnrnAddy Osmani and the (real) Paul Irish return for the second live episode of the Breakpoint – a new show focusing on developer tooling and...
Who would like to have a chat box integrated in their website like we see on Facebook and Gmail? If you own a website and you are in need of this type of feature then you are in the right place ;) In this post,...
Video Tutorial Details Name Addy Osmani examines the leading JS MVC-ish frameworks from a pure (smalltalk) MVC perspective Description Ok to start off I must state that I AM NOT THE AUTHOR of this video. Rather, I found it hanging out in what I deemed...