Online JavaScript beautifier JSON Generator – tool for generating random JSON data JsMini.com - Minify Your Javascript/jQuery Code Online JavaScript Tools of the Trade: JSBin We've all been there. There are times when you simply want to throw some JavaScript code up and see how it works. Sure, you could go through the hassle of: Setting up a dedicated directoryCreate a file with markupFinding the latest version of your favorite libraries, downloading them and including them in your codeCreating your stylesheetConfiguring your webserver That seems like an awful lot of work just do do some simple code testing. In this tutorial, I'd like to go over one of my favorite tools for interactive JavaScript testing, JSBin. As I mentioned previously, in many cases you simply need to test a small subset of JavaScript code. What JSBin offers is a browser-based user interface where you can enter: HTML markupCSSJavaScript ... and get immediate feedback based on your code. Let's look at these tools a little more closely. JSBin was created and is actively maintained by well-respected developer Remy Sharp. ... provides the following results: it: jQueryDojoModernizrBootstrap
borismus/pointer.js Tomek on Software: Multi-line strings in JavaScript and Node.js When writing Node.js or JavaScript applications, you sometimes need to embed multi-line strings in your code. It may be a snippet of HTML, a fragment of textual template, a piece of XML (remember XML?), or code in another programming language. JavaScript has no built-in way of representing multi-line strings. var html = (function () {/* <! What happens here? That pattern can be applied to a variety of types of multi-line text. Enjoy!
Online Python Tutor - Learn programming by visualizing code execution Retina.js | Retina graphics for your website How it works When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place. The script assumes you use Apple's prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server. For example, if you have an image on your page that looks like this: <img src="/images/my_image.png" /> The script will check your server to see if an alternative image exists at this path: "/images/my_image@2x.png" How to use JavaScript The JavaScript helper script automatically replaces images on your page with high-resolution variants (if they exist). Place the retina.js file on your server Include the script on your page <script type="text/javascript" src="/scripts/retina.js"></script> (put it at the bottom of your template, before your closing </body> tag) That's it! Steps: Download Download zip Download source Contribute
JavascriptTips - jslibs - JavaScript language advanced tips and tricks - standalone JavaScript development runtime environment with general purpose native libraries These tips and tricks are not related to any web browser or any Document Object Model (DOM), they are only general purpose tips and tricks for the JavaScript language. Some of these tricks are using a latest version of JavaScript language (v1.8) and cannot run with the Microsoft Implementation of JavaScript (v1.5). All these tricks has been tested with the Mozilla SpiderMonkey/TraceMonkey JavaScript engine (v1.8). You can try these examples using jshost, a command-line JavaScript interpreter. If you need more explanation about one of the following tips, don't hesitate to ask me or use the comment section at the end of this page. See the TOC at the end of the page. Append an array to another array var a = [4,5,6];var b = [7,8,9];Array.prototype.push.apply(a, b); uneval(a); // is: [4, 5, 6, 7, 8, 9] Milliseconds since epoch +new Date() // 1259359833574 Simulate threads using yield operator JavaScript 1.7 //// thread definitionfunction Thread( name ) { for ( var i = 0; i < 5; i++ ) { prints: note output:
jPanelMenu | A jQuery Plugin JavaScript JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles. JavaScript's dynamic capabilities include runtime object construction, variable parameter lists, function variables, dynamic script creation (via eval), object introspection (via for...in and Object utilities), and source-code recovery (JavaScript functions store their source text and can be retrieved through toString()). This section is dedicated to the JavaScript language itself, and not the parts that are specific to Web pages or other host environments. Looking to become a front-end web developer? Get started
Tiny Scrollbar: A lightweight jQuery plugin Magnis dis parturient montes Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae velit at velit pretium sodales. Maecenas egestas imperdiet mauris, vel elementum turpis iaculis eu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sed tellus quis orci dignissim scelerisque nec vitae est. Adipiscing risus Quisque vel felis ligula. Aliquam accumsan aliquam urna, id vulputate ante posuere eu. jq-tiles Pig ham: hock pork loin brisket pastrami frankfurter andouille. Sausage: ground round sirloin ball tip beef ribs. Pork turkey: shoulder, filet mignon chuck t-bone bacon. Short loin: pig jowl fatback, pork loin pork chop. « PrevNext »