Hydra

Info

Tiny mobile-optimized

Web app framework

Enhance the mobile user experience of your Web app or Web site with Hydra: check this demo for overview of features, and download the complete Hydra package for more details.

Hydra

Back

Intro

Enhance the mobile user experience of your Web app or Web site with Hydra, the mobile-optimized Web app framework:
• Tiny 32kB footprint (code+CSS+images)
• Instant page-to-page navigation
• Touch-optimized menus and forms
• Form submission using AJAX techniques
• Fallback mode if JavaScript turned off
• Compatible with wide spectrum of phones

Hydra

Back

Text…

Hydra

Back

Forms

Easy-to-use mobile-optimized forms:
• Placeholders (optional) for 'text', 'password' and 'textarea' inputs in browsers that do not support them natively.
• Styling (optional) for 'checkbox', 'radio' and 'select' inputs.
• AJAX-based (optional) form submission – can also be enabled or disabled for individual forms.
• Simple form reset and redirect after successful form submission (for AJAX forms).
  • Username:
  • Password:
  • Comments:
  • Checkbox
  • Disabled checkbox
  • Radio button 1
  • Radio button 2

Hydra

Back

Download

Click 'Download' to get the complete Hydra package:
• Hydra.JS code
• Hydra.CSS and theme stylesheets
• Graphics files
• Demo HTML files

Hydra

Done

Hydra.Darteco.com

Version 0.25, November 23rd, 2010
Copyright 2010 by Darteco oy
See 'Hydra.JS' for copyright of all components used in the framework.