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. An advanced charting package allows you to visualize data on mobile devices. High-Performance, Native-Looking UI Widgets Adaptive Layouts, Animations, and Smooth Scrolling Backend Agnostic Data Package Advanced Mobile Charting Package
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
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 set up. PreprocessingPreprocessing permalink 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. 💡 Fun fact: Sass has two syntaxes! VariablesVariables permalink
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
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. There are many tools and framework available to help you create Mobile applications. 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: Responsive media queries are stripped out of bootstrap as separate files, you only need to include what you need. Take a look at the Mobile Angular UI demo page to see it in action. Intel XDK