background preloader



AngularJS Cross-platform hybrid mobile app development framework HTML5 and JavaScript Sencha Touch is the leading MVC-based JavaScript framework for building cross-platform mobile web applications. Sencha Touch leverages hardware acceleration techniques to provide high-performance UI components for mobile devices. With over 50 built-in UI components and native looking themes for all major mobile platforms, Sencha Touch provides everything you need to create impressive apps that work on iOS, Android, BlackBerry, Windows Phone, and more. A novel and adaptive layout engine, fluid animations, and smooth scrolling features allow developers to build applications that respond to user actions nearly instantaneously, much like native technologies. The framework includes a robust data package that can consume data from any backend data source. High-Performance, Native-Looking UI Widgets Sencha Touch provides the industry’s most comprehensive collection of high-performance UI widgets such as lists, carousals, forms, menus, and toolbars, built specifically for mobile platforms.

Underscore.js Grid Template for Bootstrap Three equal columns Get three equal-width columns starting at desktops and scaling to large desktops. On mobile devices, tablets and below, the columns will automatically stack. .col-md-4 Three unequal columns Get three columns starting at desktops and scaling to large desktops of various widths. .col-md-3 .col-md-6 Two columns Get two columns starting at desktops and scaling to large desktops. Full width, single column No grid classes are necessary for full-width elements. Two columns with two nested columns Per the documentation, nesting is easy—just put a row of columns within an existing column. At mobile device sizes, tablets and down, these columns and their nested columns will stack. Mixed: mobile and desktop The Bootstrap 3 grid system has four tiers of classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops). Each tier of classes scales up, meaning if you plan on setting the same widths for xs and sm, you only need to specify xs. .col-xs-12 .col-md-8 .col-xs-6 .col-md-4

D3.js - Data-Driven Documents Sass: Sass Basics Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything setup. Preprocessing CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. Once you start tinkering with Sass, it will take your preprocessed Sass file and save it as a normal CSS file that you can use in your website. The most direct way to make this happen is in your terminal. You can also watch individual files or directories with the --watch flag. sass --watch input.scss output.css You can watch and output to directories by using folder paths as your input and output, and separating them with a colon. sass --watch app/sass:public/stylesheets Sass would watch all files in the app/sass folder for changes, and compile CSS to the public/stylesheets folder. Variables SCSS Syntax Sass Syntax CSS Output Nesting Partials Modules Compatibility: Dart Sass Mixins

Zepto.js Developer Guide There was an error loading this resource. Please try again later. On this page, you will find a list of official AngularJS resources on various topics. Just starting out with AngularJS? Try working through our step by step tutorial or try building on our seed project. Ready to find out more about AngularJS? Core Concepts Templates In AngularJS applications, you move the job of filling page templates with data from the server to the client. Application Structure Other Features Testing Community Resources We have set up a guide to many resources provided by the community, where you can find lots of additional information and material on these topics, a list of complimentary libraries, and much more. External AngularJS resources Getting Help The recipe for getting help on your unique issue is to create an example that could work (even if it doesn't) in a shareable example on Plunker, JSFiddle, or similar site and then post to one of the following: Official Communications Contributing to AngularJS

Cal-HeatMap What is Cal-heatmap ? is a javascript module to create a calendar heatmap. Getting started Installation The classic way Download the latest version of Cal-Heatmap in your application Include the d3.js library <script type="text/javascript" src="//"></script> Or you can download it and use it locally Install Cal-HeatMap in your application by including the javascript and the css file <link rel="stylesheet" href="path/to/css/cal-heatmap.css" /><script type="text/javascript" src="path/to/cal-heatmap.min.js"></script> With Bower bower install cal-heatmap Then continue with step 3 of the classic way to include it in your application With Jam jam install cal-heatmap Via a CDN (jsDelivr) Just include the following lines in your page head section: Cal-Heatmap is compatible with AMD module. Basic usage Creating your first calendar is easy <div id="cal-heatmap"></div><script type="text/javascript"> var cal = new CalHeatMap(); cal.init({});</script> Browsers support Documentation Options domain

The Top 7 Hybrid Mobile App Frameworks The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript. Unlike native mobile development, mobile applications using web technologies can support many mobile platforms. There are many tools and framework available to help you create Mobile applications. In this article, we’ll look at our top 7. IONIC is one of the most promising HTML 5 mobile application frameworks. The team at IONIC will soon be introducing an easier way to create IONIC apps with IONIC creator. We have published several articles on Ionic, including getting started with mobile app development and getting started with firefox os game development. Mobile Angular UI Mobile Angular UI is an HTML 5 framework which uses bootstrap 3 and AngularJS to create interactive mobile apps. The main features of Mobile AngularUI include: Intel XDK Appcelerator Titanium Sencha Touch

colony Colony is a neat little visualisation tool for exploring Node projects and their dependencies using d3.js. Each file is represented as a node in the graph. If one file depends on another, a link is made between the two files. Each file is coloured based on the module they belong to. By hovering over a node, you can see the file's name, the files it depends on (light), and the files that depend on it (dark). This demo is a visualisation of colony's own code and dependencies, but you can use the command-line tool to apply it to almost any NPM module or CommonJS project. Click on any file to focus on it: this displays the file's source code and hides any unrelated files on the screen. By pressing the tilde (~) key, you can toggle the size of this text box.

Backbone.js Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. The project is hosted on GitHub, and the annotated source code is available, as well as an online test suite, an example application, a list of tutorials and a long list of real-world projects that use Backbone. Backbone is available for use under the MIT software license. You can report bugs and discuss features on the GitHub issues page, on Freenode IRC in the #documentcloud channel, post questions to the Google Group, add pages to the wiki or send tweets to @documentcloud. Backbone is an open-source component of DocumentCloud. Downloads & Dependencies (Right-click, and use "Save As") Backbone's only hard dependency is Underscore.js ( >= 1.5.0). Introduction Many of the examples that follow are runnable. Upgrading to 1.1