EFY Times  
Saturday, July 26, 2014

 
GO
 
 
15 Important JavaScript Tools For HTML5 Generation
 
Home >> Infotech >> Features
 
15 Important JavaScript Tools For HTML5 Generation  
 
Are you fascinated by jQuery? Well, there are plenty of other Java Script libraries worth checking out offering new features.    
Rate this news:  (9 Votes)
Tuesday, December 17, 2013 JQuery is an awesome JavaScript as it is easy to use. But there are plenty of other JavaScript libraries worth checking out. Some work like jQuery, simplifying basic chores of manipulating the DOM, offering their own advantages. Some have new features for animation, data visualization, or other niches.

Tools, Java Script, HTML, JQuery, Yahoo User Interface, Mashi, MooTools, JSCharts, Toolset, Yahoo Mail, Flickr




According to www.infoworld.com, here are 15 JavaScript libraries that are worth adding to your toolset.

• YUI (Yahoo User Inferface): It was the first big, cross-browser toolsets released as open source, and remains one of the biggest and most fertile. Yahoo started its 3rd version in 2009, and both versions 2 and 3 continue to get better. The collection of charts, widgets, and other tools has more variety than almost any other JavaScript library.

• Mashi: One of the stated goals of HTML5, is to replace the Flash plug-in, the gold standard for making sprites and letters dance across the screen. This change is slowly coming as the gaming and presentation industries start to duplicate some of the sophisticated tools available. Mashi is an impressive example of how the sprites can be set in motion offering more than several dozen standard easing functions for moving sprites along a timeline.

• MooTools: Like jQuery and YUI, MooTools offers nice, browser-independent shorthand for manipulating arrays, divs, spans. Its custom library construction tool lets you select the functions you want. Check some boxes and get an entirely optimized version of MooTools with the functions you need and none of the bloat you don't.

• pp3Dico: The list of game engines for the browser is long and growing as the JavaScript canvas object is better established and relatively consistent. The results don't look as nice as Flash but the gap will reduce. If you like board games, you'll like the three-dimensional, orthographic views of game boards from pp3Diso. It takes just a few lines of code to set them up.

• VideoForEverybody: This is like sticking a video tag into your HTML. The behavior of many supposedly standard-compliant browsers is different enough if you try to support them all. A number of good HTML5 libraries let you write standard HTML5 video tags that will be replaced with Flash or QuickTime if the browser isn't ready to handle your video. This tool offers one of the better libraries, filled with features that operate in the background to smooth delivery on older browsers like IE8.

• Raphaël: There are many terabytes of data just waiting for people to come along. The first generation of HTML5 libraries was more focused on building forms and generating tables. Now a number of libraries are zeroing in on building charts and drawing graphs on the 'canvas' object. You'll find plenty of great options for basic line graphs, bar graphs, and combinations. This is a small JavaScript library that should simplify your work with vector graphics on the Web.

• JSCharts: Among the libraries aimed at chart building JSCharts allows you to create charts in different templates like bar charts, pie charts, or simple line graphs.

• Flot: This produces graphical plots of arbitrary datasets on-the-fly client-side, and it includes interactive features like zooming and mouse tracking.

• Protovis: Some libraries go further for data visualization. The collection of demos for Protovis and D3, a name in shorthand for Data Driven Documents show how sophisticated constructions like Voronoi diagrams and network graphs can illustrate more than the up and down of some value.

• Simile Widgets: These offer a different collection of views for data visualization and are more focused on maps and timelines. Each of these data visualization projects illustrate how you can come up with good ways of turning data into pictures that can help you absorb large volumes of information quickly and efficiently.

• Tile5: Most use the big mapping libraries for standard jobs like showing street addresses. But if you want to change the rendering or fiddle with layers in ways the big libraries don't allow, this can pull the mapping tiles from such sources as GeoCommons, and lay them out. Thus, you can shove them around just like the maps from Google, Mapquest, or Yahoo. But you can do more. The animation operation can change any of the parameters of the display. This is usually used for panning across the map and landing in one spot.

• jQuery Mobile: As mobile browsers begin to dominate the Web, it is important to package the information in a form that's easier to browse on smartphones and tablets. However, it is not easy when the fingers are fat and the eyes can't focus on small fonts. jQuery Mobile, Jo, and Sencha Touch offer touch-friendly menus that dig down into data structures and present the information for the small screen.

• HTML5SQL: You would never want to store a lot of data, so local databases were invented. Taking advantage of them is getting easier as new libraries simplify the details of interacting with the API. HTML5SQL will feed relatively simple SQL statements to the database, allowing you to create tables, fill them with data, and then query them. You'll spend more time crafting your SQL than your JavaScript.

• TaffyDB: If you don't want to think in SQL while writing JavaScript,TaffyDB accomplishes much of the same tabular querying with JSON, and the queries and the updates can be chained together.

• Firebug: One of the biggest challenges for JavaScript programmers is to build larger applications as that means more of debugging. While you can get by with embedding alert statements in smaller pages, larger ones require more structure for the debugging information. Firebug, an extension for Firefox, offers an elaborate debugging platform, including conditional breakpoints and the ability to edit the state. The JavaScript can write directly to the console object with three levels of severity.



Print Email Post Comment  (1)
(Total Views: 16794)
 
Share

 
 

1 Comments

Richard   220 days ago

For JavaScript charts theres also RGraph - which is now MIT licensed. httpwww.rgraph.net
Reply  
 
Infotech News
   
MAIT Organises ICT SME Conclave 2014 In Bangalore
LittleBits Launches CloudBitTM
Datamatics Receives The "Most Respected Software Company In Corporate Governance" Award At The 5th Annual India's Business Leadership Awards
ZTE Blade Vec 4G With Google Now Launcher And ZTE Grand S II LTE, One Of The World’s Fastest 4G Smartphones Debut In Hong Kong
 
 
 
     
     
     
     
     
     
Most popular
 

Daily

Weekly

5 Bootable Data Recovery Tools For Your Linux Systems
Cross-Platform: Fact or Fiction?
Here Are 5 Must-Try Programming Toolkits
Top 6 Linux Powered Single Board Computers!
Have Fun With Linux Command Line, Play These 5 Games Now!
Smartphone Review: HTC One (M8)
7 Good Linux Recovering Tools For Linux/Windows/Mac machines
8 Lesser Known Yet Highly Efficient Linux Desktop Environments!
10 Questions That Google Never Asks While Hiring!
8 Free SQL Injection Scanners & Tools For All Your Security Needs
8 Cool HTML5 Video Player Alternatives To Flash Player
7 Free Books On Computer Graphics-GUI Programming
Samsung Galaxy Star Advance Listed Online @ Rs 7,299
Here Are 7 Must-Have Android Tools For Developers
5 Free Java Graphics Tutorials For Budding Designers!
8 Wireframing Tools For Web Designers
 
   

Overall

Features
Make Google Chrome Lightening Quick With These Wild Hacks!
Chrome's Flags can be quite useful, use them......
Python How-Tos: Secure Password Hashing
Hashing passwords is more secure than encrypting them!...
10 Free Android Apps For Your Business And More!
Increase your productivity with these free Android apps....
Make Your Life Easier With These 7 Web Services!
The following tools can help achieve your daily tasks quickly and efficiently....
The Tor Diaries: The Top 7 Secret Resources Hiding 'Beneath'
Some of these places have been brought down, however, it's good to be updated with everything, right? Tor is fascinating, and it's dark...really dark ...
Does Arduino Fascinate You? Here Are 7 DIY Projects For You!
Have some fun with Arduino, the following projects will inspire you to take out your toolbox!...
12 Free & Open Source Data Visualisation Tools For You!
Embrace the power of big data with these free visualisation tools. ...
Here Are 7 Good Machine Learning Tools That Are Free To Use!
The field of machine learning is picking up steam. Are you looking to make a career out of it?...
5 Free Java Graphics Tutorials For Budding Designers!
Here's a list of 5 good tutorials on Java, read them to get your basics right!...
8 Inspiring Raspberry Pi YouTube Tutorials For Developers!
We believe, video tutorials are the best way to get the hang of things, particularly with DIY stuff!...
6 Free CSS UI Toolkits For Designers
Designers are advised to add their own favorites in the comments section....
Here Are 7 Must-Have Android Tools For Developers
Are you a developer? Have you tried these tools yet?...
8 Cool HTML5 Video Player Alternatives To Flash Player
HTML5 rocks, doesn't it?...
7 Good Java Charting & Reporting Tools For Developers
These tool help make graphical representations seem like a walk in the park!...
8 Lesser Known Yet Highly Efficient Linux Desktop Environments!
Linux and its versatility are simply too hard to resist!...
 
  View All
Dialogue
 
10 Questions That Google Never Asks While Hiring!
Here is a list of 10 questions that Google just banned from their interviews....
For Enjay, Open Source Technology Is A Way Of Life
An entirely open source-based company, Enjay IT Solutions, has built itself a reputation in the OSS domain....
Switching To Tizen Doesn’t Mean We Are Abandoning Android: Samsung
The company has worked to build Tizen up from scratch and has now introduced it to developers and the general public with its latest range of wearable...
Venturing Into The Cloud? Develop A Customised Cloud Strategy First!
Diksha P Gupta speaks to Rushikesh Jadhav, cloud evangelist, ESDS Software Solution Pvt Ltd, on how the cloud has changed the way compan...
HTC Is Strong And There Are No Plans Of Sale Now Or In Future, Says HTC's Senior Director-Marketing
Atithya Amaresh from EFYTimes had an exclusive chat with Sirpa H. Ikola, senior director, Marketing, South Asia, HTC about its devices and its plans w...
   
  View All
Videos
 
First Look: LG Optimus G
The phone sports a high-end display and comes powered by a powerful processor. ...
Create QR-Codes For Free
TEC-IT releases the freeware QR-Code Studio to provide a quick and convenient way of QR code creation for every application scenario....
DoT Secretary Shares Plans For Growth Of Telecom Sector
M.F. Farooqui has recently taken charge as secretary, Department of Telecom....
Hands-On: Sony Xperia Z
Xperia Z is Sony's first entrant model in the big-screen smartphone category. ...
Hands On: Videocon A30 Smartphone
Videocon, the consumer electronics company which is known for its refrigerators, washing machine and air-conditioner has unveiled its Android-based sm...
   
View All
   
 
MWC 2014
 
MWC 2014: Tablet Lets People Feel Textures On Its Screen
Now feel what you see on your tablet, by way of ultrasonic waves....
MWC 2014: 4K Android Tablet Games To Kill Consoles, iPad
Tablet makers like Samsung want to beat the iPad by making 4K tabs. ...
MWC 2014: This Vodafone Backpack Helps Get Network In Disaster Situations
Two engineers of Vodafone New Zealand displayed the "mini" mobile network by Vodafone substructure in a backpack. ...
MWC 2014: Wilocity Chipset To Bring 'Lightening' Speed To Mobile Phones
Wilocity has developed a WiGig chipset for mobile phones that will bring lightning-fast wireless capability ...
MWC 2014: Samsung Introduces Octacore, Hexacore Chipsets
The Korean giant, Samsung unveiled two new octacore and hexacore chipsets at MWC 2014, in Barcelona. The company previously used Exynos 5 Octa 5410 ch...
MWC 2014: Alcatel Unveils PIXI 7 Tablet With Android 4.4
Alcatel arrived at the MWC 2014 with yet another low cost Android tablet, priced at $110 ...
MWC 2014: LG F70 Unveiled With Android 4.4
LG announced the new LTE-enabled Android smartphone, LG F70, at MWC 2014 in Barcelona. ...
   
View All
   
 
Events
 
19th Consumer Electronic Imaging Fair To Be Held On ...

View All
   
   
 
 

home archives contact us advertise with us
           
Magazines Portals Directories Events News Verticals Educational Institute  
Electronics for You
Open Source for You
Facts for You
Electronics Bazaar
electronicsforu.com
efytimes.com
opensourceforu.com
electronicsb2b.com
Electronics Annual Guide
EFY EXPO INDIA
EFY EXPO WEST
ELECTRONICS ROCKS
EFY Awards
OSIDAYS Expo
Electronics
Infotech
Linux & Open Source
Consumer Electronics
Science & Technology
BPO
EFY Techcenter 

Educational Kits
Kitsnspares.com
 
 
© Copyright 2014 EFY Enterprises Pvt. Ltd.
All rights reserved. Reproduction in whole or in part in any form or medium without written permission is prohibited.
Usage of the content from the web site is subject to Terms and Conditions