background preloader


Facebook Twitter

Javascript Territory. Javascript Territory. Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! About.

Canvas and svg

UnitTesting. ShoeBox. GitHub - kittykatattack/learningPixi: A step-by-step introduction to making games and interactive media with the Pixi.js rendering engine. Tools. Animation. Node.js. Templates. ES6. Libaries. Javascript style and stucture. Single Sign On & Token Based Authentication - Auth0. React Native Tutorial: Building Apps with JavaScript. React Native Tutorial: Build native iOS applications with JavaScript. Update note: This tutorial has been updated to React Native 0.34 by Tom Elliot. The original tutorial was written by iOS Team member Colin Eberhardt.

In this React Native Tutorial you’ll learn about a framework for building native iOS and Android applications from Facebook, based on the same principals behind their hugely popular React Javascript Framework for building declarative user interfaces. Over the years there have been many frameworks using JavaScript to create iOS applications (such as PhoneGap or Titanium), so what makes React Native special? (Unlike PhoneGap) with React Native your application logic is written and runs in JavaScript, whereas your application UI is fully native; therefore you have none of the compromises typically associated with HTML5 UI.Additionally (unlike Titanium), React introduces a novel, radical and highly functional approach to constructing user interfaces.

Want to learn more? Assassin's Creed Pirates Demo. BabylonJS/Babylon.js. Adding table rows and columns in JavaScript. With insertRow() method you can insert a new row at the specified position in HTML table.

Adding table rows and columns in JavaScript

After row is created, use insertCell() method to insert a table cell. Wrap this methods in JavaScript functions and you have code to dynamically add new rows and columns in the HTML table. Please try to click the buttons below ... When you click the "Add row" button, appendRow() function is called. Function is simple, table row is inserted at the last position, and loop iterates through table cells in the first row. CreateCell() also sets class attribute (needed for the red and green background color) to the DIV element. FileDrop.js - self-contained cross-browser HTML5, legacy, AJAX, drag & drop JavaScript file upload.

Cow tests. JS Bin - Collaborative JavaScript Debugging. Postaljs/postal.js. Hammer.JS - Hammer.js. Priest, free online converter and formatter. CoffeeScript. A jQuery Plugin. Babel/babel-sublime. Atom/atom-shell. Storage libraries · bebraw/jswiki Wiki. GoyaPixel. Rangyinputs jQuery plugin demo. Rangy - A cross-browser JavaScript range and selection library. A cross-browser JavaScript range and selection library.

rangy - A cross-browser JavaScript range and selection library

It provides a simple standards-based API for performing common DOM Range and Selection tasks in all major browsers, abstracting away the wildly different implementations of this functionality between Internet Explorer up to and including version 8 and DOM-compliant browsers. For manipulating selections in <textarea> and <input type="text"> elements, see Rangy's poorly-named and svelter twin project, Rangyinputs. Hosted files for the current stable release can always be found at while the latest development build can be found at These are intended for use in demos using tools such as jsFiddle. Download | Change log | Documentation | Demos | Discussion group Contents News 28 November 2013. Collapsible lists in JavaScript. Long nested lists on web pages can be difficult to understand, especially if the visitor must scroll to see the entire list.

Collapsible lists in JavaScript

The tree view , a user interface widget that displays hierarchical data as nested lists, solves this problem by making lists collapsible and expandable; a list can be opened by or closed by clicking on its parent list item. CollapsibleLists is a JavaScript object that turns a normal HTML list into a tree view. In the example below, click on the items with plus and minus icons to expand and collapse their lists; in this example the top level deliberately cannot be collapsed.

Collapsible lists Actions Creation apply() applyTo(node) Toggling Expanding/opening Collapsing/closing Uses Directory listings Tree views Outline views Download CollapsibleLists Download one of the files below and upload it to your web server. Link to the file using a script element in the head of your page: Using CollapsibleLists Styling the lists. Sort Method (Array) (JavaScript) Arrayobj.sort(sortFunction) arrayObj Required.

sort Method (Array) (JavaScript)

Any Array object. Lazy Line Painter. Welcome to TypeScript. Javascript – 12 Devs of Xmas. Jmosbech/StickyTableHeaders. Browser Sandbox. The Browser Sandbox makes cross-browser testing and backwards compatibility easy.

Browser Sandbox

Just click Run for any browser to launch it instantly. Browsers run within an isolated virtual environment, eliminating the need for installs and allowing legacy browsers such as Internet Explorer 6 to run on Windows 7 and 8. Virtualized browsers behave exactly like installed browsers. And because they run locally, you can test web applications hosted on your own development machine or on internal servers. Simply launch the browser from or the Spoon Console and enter your test URL in the navigation bar. JQuery not working in Internet Explorer 8. Blog Archive. The Nature of Code. Hello!

The Nature of Code

By browsing the table of contents on your left, you can read the entire text of this book online for free, licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License. Start reading the introduction now! If you like this book, please consider supporting it via the links below: Please submit corrections to the book on my Nature of Code GitHub repo. Bug reports for the site and online purchasing system can be reported on GitHub as well. Thanks everyone! Aaditmshah/capsLock.

jQuery EasyTabs Plugin. Demo.

jQuery EasyTabs Plugin

Css - IE8 display inline-block not working. Responsive-Tabs/js at master · jellekralt/Responsive-Tabs. Organic Tabs. This article was originally published on October 27, 2009 and is now being updated to 1) be turned into a jQuery plugin 2) have multiple demos on one page 3) utilize jQuery event delegation and 4) prevent animation queuing.

Organic Tabs

Edited again on June 13, 2011 to use jQuery 1.6.1 and HTML5 Have you ever seen a tabbed content area in a sidebar that was a little "jerky"? The jerkiness can be caused by a bunch of things, like the content in the tabbed areas are of different heights, or maybe the way the switch happens the current one is hidden for a brief second before the new one shows up and the content below it jumps up and back down quickly.

For lack of a better term, I'm calling tabs that behave more smoothly organic tabs . View Demo Download Files The Plan The plan is to build a tabbed area, something pretty simple to do from scratch with jQuery, and then make it behave better. The HTML. Shawnbot/aight. SoundManager 2: JavaScript Sound For The Web. Bonus.

SoundManager 2: JavaScript Sound For The Web

How to play a sound when an element is clicked in HTML page. In this example we will demonstrate how to play a "click" sound when a link or other element is clicked in HTML pages.

How to play a sound when an element is clicked in HTML page

A sample code for jQueryMobile is also provided. An MP3 audio file is used play the actual sound. HTML5 Audio and JavaScript Control. HTML5 features an elegant new audio tag implementation and the specification includes simple HTML audio controls that allow audio playing in pages without plugin or script support. On this page we'll explore integration of these new HTML5 audio features with JavaScript to create complex soundscapes. Some further links about the audio tag: Updates October 31, 2010: Matched the latest version of the HTML5 spec (preload instead of autobuffer)

Playground - Welcome to TypeScript. Language Specification.pdf.