Posts Tagged ‘iPod’

iWebKit is an open source toolkit for creating iPhone / iPod compatible websites very easily & quickly.

It is simplicity lies under the usage of basic html that anyone can edit rather than more complicated Ajaxed solutions.

iWebKit

The toolkit has support for:

  • iPhone-style form elements (like on/off checkboxes)
  • pop-ups
  • fullscreen
  • & more..

It is possible to theme the interface besides the standard iPhone theme & the download package comes with various ready-to-use themes.

And, websites created with iWebKit are compatible with the latest iPhone OS 3.0.

jQuery Menu is a solid menu system that helps creating dropdown, iPod drilldown and flyout styled navigations easily.

It is the updated & much improved version of the iPod-like menu mentioned here (WRD post).

jQuery Menu System

The menu system uses a hierarchical unordered list for creating the menus & sub-menus.

It is ready with ThemeRoller which makes it very easy to customize the look and has ARIA (Accessible Rich Internet Applications Suite) support.

With various configuration options & ease of use, jQuery Menu is definitely a very helpful solution for creating menus.

Perfect multi-column CSS liquid layouts is a series of website layouts use percentage widths and relative positioning and compatible the common web browsers (even Safari on the iPhone and iPod touch).

Multi Column CSS Layout

They’re also ’stackable’ so you can use multiple column types on the one page.

Features of these CSS layouts:

  • No CSS hacks
  • iPhone & iPod Touch compatible
  • SEO friendly
  • Full length column background colours
  • No Images
  • No JavaScript
  • Resizable text compatible
  • Stackable columns
  • Free to use

These free CSS layouts include 1-column, 2-column & multi-column ones.

Although there may not be a perfect layout with every new browser version, these layouts are promising.

iPod-like jQuery drilldown menu provides easy navigation of complex and multi-level menus.

The menu sits within a fixed-size area, and when a node is selected, breadcrumb links appear above the menu options to both deliver feedback and allow quick access back to nodes higher up in the hierarchy.

An iPod-style slide transition helps providing the feelthat you’re moving forward into the data, or backward into higher-level data.

jQuery iPod Menu

This menu is specifically useful in browsing deeply nested hierarchies, particularly those more than three levels deep. It also provides a more usable alternative to multi-level fly-out menus, which can present challenges to those with limited manual dexterity.

It is not coded for ease of modification, but is free to reuse and modify with a proper attribution to Filament Group. Feel free to visit the demo page and view the source code to see how it works

feed-holder
FeedBurner
  • Find Out How Serious...
  • Slice'n Dice
  • PSD to HTML
  • MailChimp
  • activeCollab | Project Management
  • PSD to HTML

Cheap SSL Certificates - SSLmatic