Mobile platforms are increasing in popularity thanks to the improvements in technology which allow them to run complex applications. With these platforms, the web design industry grows also, making room for websites that are designed specifically for mobile.
Various web designers and web developers have come across with problems while designing for mobile and created tools, frameworks and jQuery plugins to make their work easier. Luckily for the rest of us, they released these tools for everyone to use.
Moobile is a new mobile application framework built on MooTools.
Developing for mobile phones and tablets becomes a breeze. The emulator is super simple to install and lets you do serious mobile development from your desktop.
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.
Dojo saves you time and scales with your development process, using web standards as its platform. It’s the toolkit experienced developers turn to for building high quality desktop and mobile web applications.
Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery’s animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.
Zoey is a lightweight framework for developing mobile apps. It is small, customisable and features a range of UI components.
jqMobi is a lightweight (5k) query selector library for mobile devices. It comes with over 60 api calls and jQuery compatible syntax.
PaperFold is a simple iOS control that allows hiding of views on the left and right side of the screen by dragging the middle view. The left view supports only 1 fold. The right view supports variable number of folds.
Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone.
Sidetap is a simple framework that allows you to quickly build platform-independent mobile web interfaces.
jQuery Mobile’s emphasis on semantic markup and progressive enhancement makes it super easy to use. If you know basic HTML, you can start building mobile sites right away.
Sencha Touch 2, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch 2 is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Kindle Fire, and more.
XUI is the smallest framework that works across all of the devices in the mobile landscape. It does not try and dictate a page structure or widget paradigm. Instead, it uses the DOM and since most mobile applications consist of lists and buttons, we feel, HTML and CSS do a fine job of rendering.
Response JS is a lightweight jQuery (or Zepto) plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve images (or other media) progressively via HTML5 data attributes. Its methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.
HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100′s of developers, all in one little package.
Like a lot of developers, we start every HTML project with the same set of HTML and CSS files. We’ve been using these files for a long time and have progressively added bits and pieces to them as our own personal best practices have evolved.
Now that modern browsers are starting to support some of the really useful parts of HTML5 and CSS3, it’s time for our best practices to catch up, and we thought we’d put our files out there for everyone to use. By no means do we see this as the One True Way to start every project, but we think it’s a good starting place that anyone can make their own.
Countly is a real-time, open source mobile analytics application. It collects data from mobile phones, and visualizes this information to analyse mobile application usage and end-user behaviour. We opened up shop with a deep belief that even boring-looking analytics can be fun to learn, use and experience, without compromising great features.
Camera slideshow is an open source project, based on Diapo slideshow, but improved a lot. Camera slideshow requires jQuery 1.4+ and other jQuery plugins are necessary if you want to use some functionalities: jQuery Easing and a customized version of jQuery Mobile to use Camera with mobile devices.