Dynatable.js – jQuery plugin for HTML5+JSON interactive tables and more

HTML5+JSON interactive table plugin.

Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. And it\’s not just for tables.

DYNATABLE

 

vía Dynatable.js – jQuery plugin for HTML5+JSON interactive tables and more.

Mobiscroll – The customizable HTML5 spinner control for touch devices like smartphones and tablets

Mobiscroll - The customizable HTML5 spinner control for touch devices like smartphones and tablets

Smartphone & Tablet optimized UI
Make your mobile users lives easier.

Lightweight footprint
With the Custom download builder include only what you need.Nothing more, nothing less.

Easily Adjustable
Customize it to your needs and use for a wide variety of things.

Not JUST a Date & Time Picker
Render HTML SELECT Elements
Work With Images
Use Pre-built Presets

Supported on iOS, Android, BlackBerry and every major Mobile and Desktop browser.

Mobiscroll – The customizable HTML5 spinner control for touch devices like smartphones and tablets.

jQuery MagicLine Navigation | CSS-Tricks

These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it.

jQuery MagicLine Navigation

The Idea

The idea is to have a highlight of some kind a background or an underline follow you around as you mouse over the different links in the navigation. This will happen with jQuery and it’s animation abilities. As such, the “magic line” will only be appended via JavaScript. Once added to the list and styled, as you mouse over the different links, it figures out the left positioning and the width and animates to match.

vía jQuery MagicLine Navigation | CSS-Tricks.

Other tutorials:
Pure CSS3 LavaLamp Menu – Script Tutorials

8 Useful jQuery Snippets For URL’s & Querystrings « Design Chemical – jQuery, WordPress, Tutorials & Plugins

In any web project you will inevitably come across a situation where being able to extract information or use the current page URL would be useful. If server-side code is not available to help we can use javascript to get this information.

The following are examples of useful code snippets that can be used – some of the examples use standard javascript functions and are not specific to jQuery:


// 1- Retrieve current URL
var url = document.URL;


// 2- Retrieve root URL
var root = location.protocol + '//' + location.host;


// 3- Get # parameter
var param = document.URL.split('#')[1];


// 4- update browser address bar URL
$('a.demo-link').click(function(){
var hash = $(this).attr('href');
location.hash = hash;
});


// 5- Redirect - insert required URL
window.location.href = "http://designchemical.com/";


// 6- Get Querystring Parameters
var vars = [], hash;
var q = document.URL.split('?')[1];
if(q != undefined){
q = q.split('&');
for(var i = 0; i < q.length; i++){
hash = q[i].split('=');
vars.push(hash[1]);
vars[hash[0]] = hash[1];
}
}
// To use -- Will alert the value of parameter a
alert(vars['a']);


// 7- Highlight Current Menu Item
var url = document.URL;
$('#menu a[href="'+url+'"]').addClass('active');


// 8- Check If Link Contains External URL
var root = location.protocol + '//' + location.host;
$('a').not(':contains(root)').click(function(){
this.target = "_blank";
});

vía 8 Useful jQuery Snippets For URL’s & Querystrings « Design Chemical – jQuery, WordPress, Tutorials & Plugins.