Charts and graphs are very important components in order to present your data to the readers. Perhaps our previous post about Javascript Charts Plugins help you in your projects. If none of the plugins or resources meet your requirements, don’t worry. We are going to share another powerful but free Javascript Charting Component to you: Highcharts.
TopUp is a cross-browser compatible Javascript Library for creating popups to display images and web pages. To maintain the cross-browser compatibility, TopUp is jQuery and jQuery UI driven. However, Prototype developers can use TopUp along with Prototype by including TopUp before Prototype.
TopUp able to display various contents while maintaining your HTML code 100% clean. For example, it can display web pages, images, Flash, Yuotube, QuickTime, iframes and DOM elements. TopUp is compressed with Yahoo! YUI Compressor so that it is small in size and load faster.
Syntax highlighting is very important especially when we want to show our code example on the blog. By enabling the syntax highlighting on the blog, readers can read the code blocks easier.
There are a lot of free and useful syntax highlighting scripts around us. Most of the scripts are written using Javascripts, though some of them are powered by other programming languages such as Phyton or Ruby.
Today, we are going to look into 9 Syntax Highlighting Scripts that powered by Javascript.
I believe this is the most common syntax highlighting script used by most of us. It supports a lot of different languages and you can easily create new “brush” for your language if it is not supported by default. Check out the custom brushes list compiled by Abel Braaksma.
SHJS stands for Syntax Highlighting in Javascript. It uses language definations from GNU Source-highlight and support a lot of different programming languages. SHJS has been tested and support major browsers sych as Firefox 2 and 3, IE 6 and 7, Opera 9.6, Safari 3.2 and Chrome 1.0.
We had shared a lot of useful resources about CSS/jQuery recently. Today, I am going to share useful resources and plugins to create a stylish chart. Graph and Chart are very effective ways of showing data.
There are a lot of different methods to generate graphs/charts. For example, you can use Flash, Javascript, CSS, or server side script such as PHP or ASP to generate them. Today, we are going to look into Javascript solutions to generate charts.
Update: We have another article that covers tutorials and resources on creating graphs and charts using CSS(without Javascript/Flash).
This article show you how to use fgCharting, a jQuery plugin to convert HTML table into a stylish chart/graph. This plugin support several different types, such as line, filledLine, additiveLine, additiveFilledLine, pie, bar, additiveBar.
This JavaScript Charts supports a lot of features and has a very good documentations. However, it is only free for personal use.
There are a lot of different ways to implement tabs in our website. I had seen pure CSS implementation, Javascript implementation such as jQuery and MooTools tabs. Recently, my client request me to add tab interface to the current theme. So, i googled the web and found a lot of free scripts to do so. now, I am going to list down useful Javascript tabs that I found.
1) jQuery UI Tabs
This tab script is built in to the jQuery UI and there are a lot of configurations. For example, you can have rotating tabs, nested tabs, and etc.
2) jQuery idTabs
jQuery idTabs makes adding tabs into a website super simple, but it also open the door to endless possibilities.
3) Minitabs – jQuery minimalistic approach to tabs
Minitabs looks simple, but I can’t found any working demo from the website.
(more…)
WebDesignBooth.com is powered by Wordpress. Proudly hosted with WPWebhost.
