background preloader



A JavaScript Toolkit For Interactive & Real-Time Graphs – Rickshaw Rickshaw is a JavaScript toolkit, created by the developers of the stock photo service Shutterstock, for generating interactive and real-time graphs. It is built on top of the D3.js visualization library and can render stack or line graphs. The graphs are interactive, respond to hovering them or their legends, items in the stack can be re-ordered with drag 'n' drops and more. There is a good margin for customization: colors, sizes, interpolation and functionality in general with the modular/extendable structure of the toolkit. Getting started with Appmobi Phonegap XDK Home » Mobile » Getting started with Appmobi Phonegap XDK Appmobi-HTML5 powered mobile development platform now offers new tool called ‘Phonegap XDK’ that helps mobile application development using the phonegap framework. PhoneGap XDK: So far the mobile developers who are using phonegap framework to build mobile applications have used Eclipse as their primary Integrated development environment but now appmobi offers XDK which means an integrated development framework(IDE)which you can access using a web browser. Read next : 6 Best Cross platform mobile development tools What is so special about this IDE? PhoneGap XDK is an useful tool for the beginners to build and emulate applications on various devices.Once you build the application you can download the app and submit it to marketplaces (either apple appstore or android market) or push to cloud and test it on real devices. Lets Get started using Phonegap SDK Setup a new project by clicking next button. Appmobi Project life cycle

mobl List.js - Add search, sort and flexibility to plain HTML lists with cross-browser native JavaScript by @javve Mobile application development Platform development environment[edit] Each of the platforms for mobile applications also has an integrated development environment, which provides tools to allow a developer to write, test and deploy applications into the target platform environment. The following table summarizes the elements in each of the development environments. Criteria for selecting a development platform usually contains the target mobile platforms, existing infrastructure and development skills. Mobile application testing[edit] Mobile applications are first tested within the development environment using emulators and later subjected to field testing. Google Android Emulator The official Android SDK Emulator The official Android SDK Emulator includes a mobile device emulator which mimics all of the hardware and software features of a typical mobile device (without the calls). MobiOne TestiPhone TestiPhone is a web browser-based simulator for quickly testing iPhone web applications. iPhoney BlackBerry Simulator

jQuery News Ticker Add Change Tracking to Online Text Editing with Ice.js If you're looking to add change tracking to a Web app, you might want to take a look at Ice from the CMS group at the New York Times. Ice (or Ice.js) is an implementation of change tracking for any content-editable element on the Web. It can track changes (inserts, deletes) from multiple users, and has some optional plugins for converting "smart" quotes and creating em-dashes. Hands-on experience is probably the best way to get an idea what Ice.js can do. The current demo shows a plain content-editable element with Ice.js as well as a TinyMCE instance using Ice.js as a plugin. Ice.js also has an API, so you could use it as the basis for your own custom editor or integrate it into an editor like TinyMCE. Ice.js looks pretty good so far, but the project is still in early days and the developer is calling for other folks to get involved adding features, plugins and documentation.

element « DOM Reference The Element interface represents an object within a DOM document. This interface describes methods and properties common to all kinds of elements. Specific behaviors are described in interfaces which inherit from Element but add additional functionality. For example, the HTMLElement interface is the base interface for HTML elements, while the SVGElement interface is the basis for all SVG elements. Languages outside the realm of the Web platform, like XUL through the XULElement interface, also implement it. Properties Inherits properties from its parents Node, and its own parent, EventTarget, and implements those of ParentNode and ChildNode. Event handlers Element.oncopy Returns the event handling code for the copy event. Element.oncut Returns the event handling code for the cut event. Element.ongotpointercapture Element.onlostpointercapture Element.onpaste Returns the event handling code for the paste event. element.onwheel Returns the event handling code for the wheel event. Methods

OpenShift by Red Hat remybach/jQuery.superLabels - GitHub JSON Mobile Middleware slabText – a jQuery plugin for creating big, bold & responsive headlines I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action. So what does the script do again? Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the pixel font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text. Calculated and preset word combinations While the script does an admirable job at automating the creation of the individual rows, there are certainly situations in which you would choose to control the word combinations used to split the headline. Headers containing links Plugin options

HTML5: The Missing Manual - The Try-Out Site Welcome, readers! Below is a chapter-by-chapter list of all the sample files discussed and demonstrated in the book. Click a link to run one straight from the Web, or download everything as one big ZIP file if you'd prefer to try it out on your own computer. Examples are, as much as possible, exactly as demonstrated in the book. Note: If you're looking for the list of web addresses mentioned in the book, visit the links page. Another Note: These resources are for the latest, most up-to-date second edition of the book. Chapter 1. Chapter 2. Chapter 3. Chapter 4. Chapter 5. Chapter 6. Chapter 7: Responsive Web Design with CSS3 Chapter 8: Basic Drawing with the Canvas Chapter 9. Chapter 10. Chapter 11. Chapter 12. Chapter 13. Appendix A.