JS platforms

Facebook Twitter
May 07 2008 Every once in a while we like to focus on different design elements and how to use javascript and ajax to make them more interactive and more flexible to the user. In this article we’d like to present a list of over 30 hand-picked Sliders, Scrollers and scrollbar techniques you can use to achieve some special visual effects in your designs. 30 Javascript/Ajax Techniques for Sliders, Scrollers and Scrollbars - Noupe Design Blog 30 Javascript/Ajax Techniques for Sliders, Scrollers and Scrollbars - Noupe Design Blog
jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS. jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant files in the head of your document all you need to to is call one javascript function to initialise the scrollpane. jScrollPane - cross browser styleable scrollbars with jQuery and CSS jScrollPane - cross browser styleable scrollbars with jQuery and CSS
DotNetNuke Tips for Skinning, CSS, and Design - The Announcements Module and jQuery as an Accordion Creating a responsive skin can seem like a large task to take on when you think about the fact that there are several views to create using the same content. Now, I typically have not been a big fan of using HTML grid systems as I have felt I am able to write a much more lean skin on my own. However, with the new requirements of having flexible skins for multiple devices, I have felt that it is better to use a tool that helps me to be able to achieve great skins with only a bit of overhead. Bootstrap is a grid system that is technically a 960 grid with views for devices with smaller screens such as tablets and mobile phones as well as a view for larger screens. DotNetNuke Tips for Skinning, CSS, and Design - The Announcements Module and jQuery as an Accordion
Importing jQuery UI CSS into Your DotNetNuke Site - The Mighty Blog - DotNetNuke Blogs | DNN Blogs | jQuery | ASP.Net | SQL Server - The Mighty Blog

jQuery

jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
dataTables
40 Tooltips Scripts With AJAX, JavaScript & CSS - Smashing Magazine

40 Tooltips Scripts With AJAX, JavaScript & CSS - Smashing Magazine

Advertisement Web users love informative clues. Whatever questions and misunderstandings might occur – delivering precise answers immediately is the primary task a responsive user interface should be able to cope with. To do that, developers have to consider subtle and well-thought tooltips – used correctly, they can greatly improve user experience and help users to get things done.
clueTip Plugin Demo clueTip Plugin Demo Below are quite a few examples of how you can add a clueTip to your page, using a wide range of options. Keep in mind that there is nothing magical about the HTML markup. clueTip Plugin Demo
Fun with Overflows Fun with Overflows Background The first is a scrollable timeline. A couple of readers requested a demo of how Plurk’s browse timeline works. In addition, in the last month, Google released a 10 year timeline – so I wanted to show how this works.
PNG Overlay Demo
jQuery liScroll - a jQuery News Ticker jQuery liScroll - a jQuery News Ticker Last updated friday, april 22 2011 What's this? liScroll is a jQuery plugin that transforms any given unordered list into a scrolling News Ticker jquery.li-scroller.1.0.js The markup
ignore A fairly common design pattern in web forms is to have some explanatory help text for a textfield appear inside the text field, and then remove it when the user clicks into that field. It has the benefit of putting the help precisely where the user's looking. Something like this: Lots of people have done this, and I've done it too. jquery.labelify.js is a jQuery plugin to add labels to your input fields. labelify: a jQuery plugin to add labels to your textboxes labelify: a jQuery plugin to add labels to your textboxes
15 Great jQuery Plugins For Better Table Manipulation Table is the most difficult object to be styled, due to its browser compatibility and markup. Most of the designers and developers will use div to replace table because it is much more easier to style div than table. But, we still need table in our daily applications, one of the best example is comparison table. This article will share 15 useful jQuery table plugins for you to display, sort, filter and manipulate your data in table. 15 Great jQuery Plugins For Better Table Manipulation