60 Effective JavaScript Tools
A correct and qualified set of development tools will save you from many tedious and time consuming tasks. And why make your work more difficult, when there are tools to achieve your goals so much easier and less painful? Below you find some JavaScript tools that will make your work faster and more effective – something your customers will appreciate. Many of the tools in this list require a Firefox browser. In this article Cashrevelations.com presents 60 effective and useful JavaScript Tools to help you with your development process and save you a lot of time. This article is an update from our earlier article 40 JavaScript Tools, with some additions. AJAX And JavaScript Authoring Tools 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. Top JavaScript Toolkits 12. 13. 14. 15. JavaScript Debugging And Testing Tools Browser Based Debugging Tools 16. 17. 18. 19. 20. 21. 22. 23. Online Debugging Tools 24. 25. 26. 27. JavaScript Testing 28. 29. 30. 31. 32. 33. 34. Documentation And Code Optimization 35. 36. 37.
Ten Javascript Tools Everyone Should Have
Filed: Sun, Mar 04 2007 under Programming|| Tags: toolbox javascript popular list Javascript frameworks have exploded on the scene over the last few years but they're no replacement for a good toolbox: those little snippets of code you seem to include in every single project. Here's my list of 10 essential Javascript tools everyone should have at their fingertips! #0 - Trim. Trim is one of the things that leave you scratching your head wondering why it was never included in the language to begin with. String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,""); } String.prototype.ltrim = function() { return this.replace(/^\s+/g,""); } String.prototype.rtrim = function() { return this.replace(/\s+$/g,""); } Usage… var test = " Test "; var test1 = test.ltrim(); // returns "Test " var test2 = test.rtrim(); // returns " Test" var test3 = test.trim(); // returns "Test" #1 - Numeric Sort. Javascript's Array object has a sort() method, and a pretty quick and fast one at that.
10 super useful tools for JavaScript developers
MicroJS Need a piece of code quickly? MicroJS is a brand new site which aim to provide JavaScript code snippet for most common tasks: Ajax, Json, DOM, Object-Oriented JavaScript, and more. Diva.js Diva is a Javascript frontend for viewing documents, designed to work with digital libraries to present multi-page documents as a single, continuous item. Bookmarklet Generator As you can guess, this tool is a bookmarklet generator: Simply paste your regular JavaScript code, press the button and you’ll get a bookmarklet – ready to be installed on your browser bar.Visit jQAPI Like any other jQuery developers, I spend a large amount of time digging in the documentation. jQAPI is a website which provides the jQuery documentation in a more user-friendly way, so it is now my reference site when I need any jQuery help.Visit heatmap.js Respond.js Remember my article about adaptable layouts with CSS3 media queries? Modernizr YepNope
35 Fresh JavaScript/jQuery Tools and Resources
Mar 24 2010 It’s time for more JavaScript and jQuery goodies here on Noupe. Today we are featuring fresh JavaScript Development Frameworks, code optimization and minimization tools, reference tables, compatibility issues, common coding errors, image manipulation techniques and graph solutions. JavaScript Development Frameworks php.js php.js is an open source project that brings high-level PHP functions to low-level JavaScript platforms such as webbrowsers, AIR, V8 and rhino. jai – javascript audio interface J.A.I. or “Javascript Audio Interface” is the world’s first javascript interface for web <audio>. jQuery.sheet – Visual Interop Development jQuery.sheet gives you all sorts of possibilities when it comes to giving your web application a spreadsheet style interface with MS Excel style calculations. JavaScript Frameworks Playground: jsFiddle jsFiddle is a shell editor that eases writing JavaScript code by creating a custom environment based on popular JS frameworks. Image Manipulation
30+ Javascript/Ajax Techniques for Sliders, Scrollers and Scrollbars
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. jQuery, Mootools, Prototype and script.aculo.us are used in these examples, so every taste has its demos served. You might be interested to check some of the designs that was mentioned in the posts below: Slider 1) Slider- Horizontal or Vertical bar and slider. 2) Simple images slider to create Flickr-like slideshows- This step-by-step tutorial explains how to customize slideshow and use it in your web projects. Download Tutorialfrom Here 3) Accessible slider- Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS. Live Demo 8 ) Yahoo! Live Demo Live Demo Live Demo Live Demo
Latest Javascript Resources For Web Designers And Developers
Javascript and jQuery plugins are very important resources nowadays for designers as clients want everything to be dynamic and modern. They are important also for their versatility and the possibility to create incredible new features with them. I like to bookmark for myself all the new things that are launched in this particular industry so I can keep up with the advancements and I’m happy to share these bookmarks with you in an attempt to help you with your projects. jQuery.fracs – determine the visible fractions of an element jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. Originally written for Huddle.com, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Elycharts JointJS jQuery EasyUI Boxjs jsmad
