Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘iPad’

The number of iPad-specific magazines/content is increasing with a huge speed these days and you may be involved in such a project too.

If so, Magazine Grid will help a lot as it is a modern CSS framework, built specifically for iPad, which comes with common magazine design elements like pagination, gutters and a basic grid.

Magazine Grid

The framework uses HTML5 elements for structuring the magazine pages. Simply, an <article> element wraps up your page and <section>s define the portions of content.

Magazine Grid weights only 4kb and has a fallback style for devices with smaller screens.

Screenfly is a free-to-use web application that can display any website on different device screens and resolutions.

It uses a proxy server to mimic devices and supports the most-used ones under tablet and mobile categories.

Also, TV and desktop categories helps viewing websites according to the selected screen-sizes of the devices.

Screenfly

Wink Toolkit is a JavaScript framework for creating mobile web applications with less-hassle.

It comes in multiple parts where the "core" (which includes HTTP requests utilities, event management system or DOM extensions) is a must to use and every other feature is optional.

Such a structure helps keeping the filesize minimum which is pretty important when it is mobile.

Wink Toolkit

The UI widgets of the framework is very rich and consists of 3D wall, accordion, sliding panels, flip page, coverflow, progress bar and much more.

There are also libraries for a slick user experience with drag 'n' drop, gesture recognizer or browser history.

Wink Toolkit is a project of Dojo Foundation and also expected to be a part of the Dojo Mobile.

DHTMLX Touch is a JavaScript library which heavily makes use of HTML5, for building mobile web applications.

It’s not just a set of UI widgets, but a complete framework that allows you to create cross-platform web applications for mobile and touch-screen devices.

The framework is compatible with multiple devices and applications built with it will work smoothly on iPad, iPhone and Android.

DHTMLX Touch

The library is free to be used in GPL-licensed applications and currently in "alpha" stage but updated/improved regularly.

There is also a visual-designer for the library for building web applications with drag'n drops.

Delivering content in any media as quickly and easily as possible is a good decision to reach more readers.

iPad, with the popularity it has and being -also- considered as an ebook reader, is definitely one of them.

Baker is an open source HTML5 framework to publish ebooks for iPads with minimal effort.

Baker Framework

In order to use the framework, HTML5 pages should be created with a fixed width of 768px.

For a temporary period, files should be named as 1.html, 2.html.. however, developers are working on the HPub format which will be more flexible.

There is a ready-to-use Xcode project provided where you can include the book, a custom icon and submit the final product to the App Store.

When developing something in a language that you're not so experienced with, looking for the examples and digging them deeply is a good way of learning.

Same with the iPhone application development and considering it is something new for many developers, viewing the codes of real-world applications and re-using them when needed is very valuable.

Here are 20+ open source iPhone apps to learn and get inspired from:

  • WordPress for iOS

    WordPress for iOS
    The official WordPress application for iOS.

    Besides strong content or comment editing features, it can share your location while publishing a post as well (download exists under the "development menu").

  • MiniBooks

    MiniBooks
    The open source iPhone application of the FreshBooks invoicing service.

    It connects to the FreshBooks account and enables you to use most of the features (source is offered here).

  • reMail

    reMail
    An e-mail search application (acquired by Google) that downloads all your e-mail and makes full-text searches.

  • Read the rest of this entry »

Touch Gallery is a jQuery image gallery plugin which brings the native look and feel of native photo-viewing applications to the mobile browsers.

It supports browsing through the images with gestures and also works with desktop browsers with limited functionality.

The gallery depends on two other plugins: transform and activity-indicator where both is included in the download package.

jQuery Touch Gallery

Sencha (previously known as Ext JS) has released Sencha Touch, an HTML5 Mobile App. Framework, which allows you to develop web applications that look and feel native on Apple iOS and Google Android touchscreen devices.

It makes use of HTML5 for delivering audio/video or localStorage and CSS3 for maximum styling like rounded corners, background gradients, and shadows.

Sencha Touch

The code created is resolution independent. It uses a method which allows developers to change the overall scale of their interfaces on the fly with no pixellation.

Sencha Touch has a powerful animation system that makes flexible animations between screens and views possible.

Slide, pop, and fade animations are included with the library, each with a robust set of options to change attributes like direction and masking style.

And, as they are created with CSS, building custom animations is a joy.

Also, it includes a set of common icons for using them in toolbars and tab bars.

After the popularity of iPhone applications where (web) developers are creating so many new ones each day, it won't be wrong to expect the same for iPad.

In order to design for the iPad easier, RawApps, a blog focused on mobile application development, is sharing a detailed and free iPad GUI Kit.

The kit is in PSD format, its canvas size is parallel to the iPad's 768×1024px and includes layers like the keyboard, sliders, icons, the canvas, etc.

iPad GUI PSD Kit

Uptime Robot
feed-holder
FeedBurner
  • PSD to HTML
  • aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter
  • ManageWP
    PSD to HTML