Flotr2 is an open source HTML5 canvas library for charts and graphs. Flotr2 is a fork of the popular flotr library Prototype JS framework and has many more features and betterments. The library is framework independent and has support for line, bar, candle, pie and bubble charts. There are lots of customization options offered like the ability to define titles, subtitles, colors, labels on/off and so many others for each [...]
There are lot of jquery plugins available for image sliders and accordians. Fred Heusschen, a talented frontend web developer developed a set of 20 different type image sliders and carousels using jquery. CoolCarousels is a showcase of 20+ image sliders and carousels with each having a different look and functionality. There are sliders with thumbnails, responsive examples, horizontal/vertical ones, lazy-loading supported sliders for displaying many images and much more. Cool [...]
To create responsive web documents javascript plays a key role. By using various libraries the user experience can be improved. Tangle is a javascript library to create responsive documents. It is used for building interactive documents where users can easily change parameters and see the document updated live. For example a sentance When you eat 33 cookies, you consume 1650 calories. If you can dynamically change the cookies number [...]
Slider.js is a slideshow engine built with jQuery and uses CSS3 and HTML canvas for the transitions. Elements can have a text with links and users can browse it with a pagination or using the prev-next links. Basic features of Slider.js Each slide displays the image, but can also have a text caption and a link. Slides navigation (pages, next, previous) Load images before starting the slider. Load the [...]
For magazine websites Latest news or flashing news is a must. The scrolling text will get a fast attention of a user. Another advantage of news tickers is it consumes very less space. The marquee tag is almost depricated so Use a Jquery plugin is a better option. jQuery News Ticker is a very nice plugin. It is inspired from the BBC news ticker, that simplifies creating them. It [...]
Basic jQuery Slider is very simple and lightweight (4.6kb minified) content slider plugin that can present any HTML content. It is not feature-rich and includes only the essential functionality combined with clean semantic mark-up. There are 2 built-in animation types: fade + slide and navigation can be accomplished with prev-next controls, buttons and keyboard. And, settings like rotation speed, animation duration and pause on hover exist for a better customization. [...]
Now a days jQuery is very popular for manipulating various kind of sliders and animations in a website. The problem is we want to include jQuery and some plugin to work a basic slider. Here is a new framework for javascript animations. The best part is the size of the framework is only 2.3KB. You will get a set of animations like content slider, image slider, accordian, drop down menu [...]
Foundation is an amazing and feature-rich web framework for prototyping and creating the production ready website. This framework is responsive, works smoothly on all major browsers including mobile browsers and released in open source License. It has styles for typography, links, lists, tables, buttons, forms with custom radio buttons, select lists and checkboxes. There is a 12 column, semi-liquid grid which works with all screen sizes and encourages building a [...]
LAMP [Linux,Apache,Mysql,PHP] is the most winning combination in today s growning internet to develop dynamic PHP applications. The linux part is replaced by any linux distro like Ubuntu 11.10, Fedora 15, Opensuse 12.1, Debian etc… Linux is the most fast and safest platform to develop PHP applications for todays web. How to install an Apache2 webserver on an Ubuntu 11.10 with Mysql and PHP is the most popular question. The [...]
ImageMapster is a jQuery plugin that create image map areas and put tool tip on the map. image maps will create interactive images. You can highlight a part of an image and you can put a description like drawing a squre over a face and put the name of the person in photo. Using the plugin, any image map can be highlighted, selected (single or multiple areas) and manipulated in [...]
Google got a unique interface after the release of google plus. There was some wordpress themes imitating the interface. Now Bruce Galpin made a framework with Google+ styled buttons in his blog. The buttons can use text, images or both inside them and comes with the high-quality icon set created by WebDesignShock. As the icons have both standard and active state versions, buttons respond well to hovering them. There is [...]
The Magazine grid is a modern CSS-Framework which comes with common magazine design elements such as pagination, gutters and basic grid. The framework uses HTML5 elements for structuring the magazine pages. Simply, an <article> element wraps up your page and <section>s define the portions of content. More semantics, less divs Magazine Grid takes use of html5-elements to structure your magazine page. An article-element wraps up your page, sections define the [...]
Mobile HTML5 is a project that displays a comparison chart displaying the HTML5 features support in popular mobile and tablet browsers. The presentation is very slick easing finding out if that feature should be used on a mobile web app or not. Currently, the browsers included are Safari on iOS, Android, Blackberry, IE, Opera, Firefox, webOS and Symbian (by mentioning on which device they were tested). Also, it is possible [...]
Mercury is a HTML5 enabled WYSIWYG editor. There are lot of popular WYSIWYG editors like TinyMCE, FC Editor, CK Editor, JWYSIWYG, NicEdit are available in the web. Mercury is a little bit different from others because it uses HTML 5 Features. This editor appeared as a toolbar over the top of webbrowser. So it looks like a toolbar in your favourite office application like Libreoffice or Openoffice. It can be [...]
Google simply avoided firefox from its toolbar saying that the features provided by the toolbar are now available on browsers. But we cannot sync the bookmarks, view pagerank and more are not available without the google toolbar in firefox. And firefox started its rapid release schedule. The toolbar is supported upto firefox 4. Lot of people are not upgrading the firefox 3.6 due to drop of google toolbar. so how [...]



