Building mobile web apps already became pretty easy with user-friendly and high quality frameworks

Mobjectify is a free web application which makes it so much simpler by offering an awesome web-based mockup builder.

The application enables us to create pages and add various web elements (like forms, buttons, content areas, footers, etc.) with few clicks.

It also offers multiple themes to choose from or you can create new themes. There is a live preview and results can be exported as a single HTML file anytime.

Mobjectify powers the mobile web pages with jQuery Mobile + its theme engine and only leaves the custom coding to you.

For creating a highly animated banner, Flash is probably still the best solution. However, it is not completely supported anymore; some users prefer not to install it and the popular iOS doesn't have it at all.

So, creating fallbacks for Flash banners is a very good idea to make sure you display a visual for everyone and, LazyFallback -a free Adobe AIR application- handles this process well.

By simply drag 'n' dropping any number of SWF files to the application, it generates JPG alternatives for each of them quickly.

LazyFallback is a simple application which doesn't have many setting and only 2: defining the moment of the Flash animation for fallback generation and quality of JPGs.

P.S. What would possibly be better is the ability to get animated GIFs besides the JPGs.

Swipe JS is a lightweight (3.7kb minified) mobile slider with 1:1 touch movement (sliding content based on exact touch position).

It can display any HTML content and offers a native-like experience with features like:

• resistant bounds (increased resistance to slide when there are no items to display next or before)
• smart resizing on rotation as the slider resets to make sure the sliding elements are sized right
• the size of each slide is set with the width of the container which is useful for passing different widths on responsive designs
• detecting if you’re trying to scroll down the page or slide the content left to right

Swipe is a standalone slider which doesn't rely on any JavaScript library and has few configuration options like:

• the slide to be displayed on initial load
• speed of transitions
• auto slideshow to be on/off
• and callback fired after successfully displaying a slide

Also, it has API methods for custom interactions including the display of prev-next items and getting the current position.

Fred Heusschen, a talented frontend web developer which has other resources shared at WRD, is sharing a must-bookmark one focused on image carousels.

CoolCarousels is a showcase of 20+ image sliders and carousels with each having a different look and functionality.

There are sliders with thumbnails, responsive examples, horizontal/vertical ones, lazy-loading supported sliders for displaying many images and much more.

They use jQuery as the JavaScript framework, their source codes can be seen with a click, all of them have demos and can be downloaded easily.

Spine Mobile is a JavaScript framework, built on top of SpineJS, for building mobile web apps that look and feel native.

The framework comes with specialized controllers, panel layout, hardware accelerated transitions and touch events.

Apps are developed with HTML5-CSS3 and the easiest way of building Spine Mobile apps is with Hem, Spine.app, GFX and jQuery. Also, you'll need Node.js.

It is well documented and there are open sourced examples to easily get started.

You'll remember JSMad, a pure JavaScript MP3 decoder (which was previously featured at WRD).

It came with ID3 support, works perfect in Firefox and requires "enabling Web Audio API" in Chrome.

The developers of JSMad have recently released a similar resource named ALAC.js.

It is also JavaScript library but for decoding/playing ALAC files (that are supported on iPhone, iPad, most iPods, Mac and iTunes).

Although HTML5 audio is the most compatible way to play audio in iOS devices, ALAC.js can be an alternative.

P.S. it is a port of the recently open sourced Apple Lossless decoder.

Textualizer is a lightweight (4kb minified) jQuery plugin for creating good looking effects on text.

The plugin accepts any number of sentences (or words) and can rotate them smartly and beautifully.

Once a sentence is about to rotate with the other one, the letters that will be re-used are kept and move to their new locations with several effects to choose from (fadeIn, slideLeft, slideTop).

It is possible to define the duration that each item will be displayed and also the duration of the transitions. Also, functions exist to stop or pause the rotation.

Flow Slider is a jQuery image slider plugin which reminds us the once-popular Flash sliders that respond to mouse interactions.

It works by converting an unordered list into a slider and can be browsed by hovering to the right or left side of it.

The plugin can be completely customized in means of design and functionality. There are options for transition type and speed, acceleration, starting position and much more.

jQuery Geo is a plugin for the popular framework that provides an easy-to-use API for map/geolocation related actions.

The plugin uses the open source map servers like Open Street Map, WMS and Esri ArcGIS (Open Street Map by default) for pulling the map data and can:

• show mapping data and handle direct user interaction with the map
• use geospatial functions like calculating bounding boxes, measuring the distance between geometries, etc.

The maps created are mobile-friendly and have lots of built-in methods for customization.

jQuery Geo is very well-documented and supported with a bunch of examples.

Working with images and resizing or cropping them can sometimes be challenging as there is always a math going on behind: the ratios, resizing with the width or height, x-y values for cropping, etc.

phpThumb is a PHP library that handles all the hard work on creating thumbnails with only few lines of code.

It accepts any source types for images (from the filesystem, URL or database) and all popular image formats.

Images can be rotated, cropped, watermarked, their quality can be defined and there is even a built-in caching to minimize the server load.

phpThumb also has a wide collection of filters including contrast, blur, brightness, applying rounded corners and more.