mythz/jquip Libraries 960 Grid on jQuery-Mobile - merge 960.gs flexibility with jquery-mobile ease jquery-mobile-960 is a port of 960 grid to jquery mobile. It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets. To use 960 grids in jQuery Mobile, simply add one line: And now you can use normal 960 grid syntax inside jQuery mobile pages <fieldset class="container_12"><div class="grid_2"><button type="submit">Button 1</button></div><div class="grid_8"><button type="submit">Button 2</button></div><div class="grid_2"><button type="submit">Button 3</button></div></fieldset> And without more effort, jQuery Mobile gives you this result. The usual demo pages. I loved jQuery-mobile ability to make an application by just describing its structure in HTML5. But jQuery mobile layout is currently rather raw. All in all, i felt jquery mobile layout was uselessly difficult to use, especially on large screens such as tablets. 960 grids are flexible and well known. jQuery Mobile Grid Docs
0 - Bootstrapping Loading... In this step of the tutorial, you will become familiar with the most important source code files of the AngularJS Phonecat App. You will also learn how to start the development servers bundled with angular-seed, and run the application in the browser. Before you continue, make sure you have set up your development environment and installed all necessary dependencies, as described in the Environment Setup section. In the angular-phonecat directory, run this command: git checkout -f step-0 This resets your workspace to step 0 of the tutorial app. You must repeat this for every future step in the tutorial and change the number to the number of the step you are on. If you haven't already done so, you need to install the dependencies by running: npm install To see the app running in a browser, open a separate terminal/command line tab or window, then run npm start to start the web server. You can now see the page in your browser. The HTML page that displays "Nothing here yet!" <!
50 Fundamental jQuery Controls, Components and Plugins Every seasoned developer has one and every young and upcoming developer should be thinking of building one – a good and concise collection of UI controls, components and plugins that you can always rely on in times of need. Of course, there are plenty of great UI frameworks, kits and libraries that you could use, but none will offer you every component and none of them will be tailored to your own personal preferences and needs. Up until a few months ago my controls had been collected and sourced from various frameworks (Prototype, MooTools, jQuery…), upon review it seemed a little out-dated, some components unnecessary and some controls desperately needed updated. It seemed logical to give the collection a fresh outlook and a uniformity under one framework – I chose jQuery. (I have held on to a few controls that have not been built with jQuery, but for the sake of this post I have omitted them). So, here are my 50 Fundamental jQuery Controls and Rich UI Components… What would you add?
jQuery Org Chart – a plugin for visualising data in a tree-like structure « The Silver Lining jQuery Org Chart – a plugin for visualising data in a tree-like structure jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display. Very easy to use given a nested unordered list element.Drag-and-drop reorganisation of elements.Showing/hiding a particular branch of the tree by clicking on the respective node.Nodes can contain any amount of HTML except <li> and <ul>.Easy to style. Expected Markup & Example Usage All documentation can be found on github. Demo You can view a demo of this here. Sourcecode Source code with an example is available here. Like this: Like Loading...
ded/reqwest LimeJS HTML5 Game Framework