Charts are a great visual aid when presenting data. You can’t build a professional admin panel without them. They are also tricky to set up. However, there is a new library that makes things easier – xCharts. Today, we are going to use it along with the daterange picker for Twitter Bootstrap, to build a pretty, AJAX-powered chart for your web application that fetches data from a MySQL table.
Archive for 2013
Fixed Table of Contents Dropdown Menu with jQuery
A fixed table of contents drop-down menu jQuery plugin.Just change the markup to add more depth to the menus. The script should automatically recognize deeper menus, as long as you have the corresponding sections in the content area.
If you want to go deeper than three levels, you’ll have to add some extra CSS to indent the menus. Just look for the part with “li li li” and adjust accordingly.
FastLinks : jQuery Load all content with ajax
FastLinks is a library which allows you to load the links on your website with ajax calls. With this library your website will load a lot faster. This library uses jQuery and the html5 history API. (The history api works in all browsers except IE, but the library works in all browsers. The only is that the url in the navigation bar updates in all browsers but IE). This plugin is tested in: IE7, IE8, IE9, Chrome 23, Firefox 15, Safari 5 and Opera 12.
ParamQuery Grid : jQuery Grid Plugin
ParamQuery grid is a lightweight jQuery grid plugin inspired by MS Excel and Google spreadsheet. It’s based upon jQueryUI Widget factory which is an excellent design pattern for UI controls with consistent API.
Features:
- Sorting
- Paging
- Resizable columns
- Resizable height and width
- Customizable theme
- Hiding / Showing columns
- Freeze any number of Columns like Excel
- Display any data source format like HTML, Array, XML, JSON, etc
- Can be used with any server side framework e.g. ASP.NET, MVC3, JSP, JSF, PHP, etc
- Virtual Scrolling and Rendering
- Inline Editing of cells
- Supports all the major browsers and has been tested in IE 6,7,8, Firefox, Chrome, Opera, etc
Dynamic Newsletter Signup Form with jQuery Animations & CSS3
The dynamic form effects will be handled in jQuery with some additional CSS3 properties as well. I haven’t connected any backend script into the form. But there are methods for situating a full registration form, such as MailChimp or even your own custom storage. This layout is a fantastic example of what can be accomplished using just a little bit of HTML5/CSS3 and JavaScript techniques.
Megafolio Pro Responsive Grid jQuery Plugin
Megafolio Pro is a fully responsive media grid plugin that allows you to display content in almost every way possible using preset or randomly generated layouts. Dive right into the action by taking a look at our previews, showcasing just a few examples of whats possible with Megafolio Pro!
Features:
- Tons of options
- Fully Responsive & Mobile Optimized (Smartphones & Tablets)
- Customizable Grid Layouts
- Various Transitions & Effects
- Category Filter Styles
- Fast CSS3 & jQuery Engine
- The Perfect Solution for all Grid Based Applications
- Fancybox 2 Lightbox Plugin
Image Picker : jQuery plugin User Friendly Select Element
Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.
Features:
- Works great on both single and multiple select elements.
- Falls back nicely for clients without JavaScript enabled.
- Integrates nicely with Twitter’s Bootstrap markup.
jQuery Github Widget
A jQuery powered widget for displaying user and repo information for a given Github user.Using the GitHub widget is super simple, you just need to include the script after the core jQuery library and then set it up in the following way within the <head> of your page and tell it which element on the page you want the widget to appended to.
