All posts in Components

iUI: Web framework for mobile smartphones & Tablets

User Interface Framework For Smartphones & TabletsiUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps.
Made with only iPhone in mind in the first place (reason of i UI), we now supports most smartphones & tablets.

You don’t have to learn a new language or syntax: iUI is just plain HTML, CSS and Javascript.
No compilation, no code generation, no alteration… what you’ve typed is what you get.

iUI has the following features:

  • Create Navigational Menus and iPhone-style interfaces from standard HTML
  • Use or knowledge of JavaScript is not required to create modern mobile web pages
  • Ability to handle phone orientation changes
  • Provide a more “iPhone-like” experience in your Web apps

jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets

jquery mobilejQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design. 1.0 Final Release Notes Read more…

15 jQuery Cheat Sheets for Web Developers

15 jQuery Cheat Sheets for Web DevelopersjQuery is the most popular java script library is used in greatly simplifies java script programming.Here I listed most popular and very useful jQuery cheat sheet collection on the Internet,for anyone who like to learn jQuery.You can get more cheat sheets mentioned here as pdf files or image(.png,.jpeg) files.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Read more…

JavaScript Animation Framework: jsMorph

JavaScript Animation FrameworkjsMorph is a pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience. Even if used for queued multiple elemets, jsMorph can do single or grouped triggering as well as handling plenty of unique or overall callback functions. All methods within jsMorph are chainable. jsMorph can also be used for converting units to pixels or any other unit.

Read more…

Creating mobile web apps super fast-Touchy Boilerplate

Create Mobile Web Apps Fast With Touchy BoilerplateIt doesn’t have to be!Let Touchy™ do the heavy lifting, and focus on getting your app out there.Wait. Another mobile boilerplate? Not a chance!

Touchy™ goes beyond just an HTML/CSS template, adding performance optimization tools, hardware accelerated animation, device API, fixed positioning and much more so you can really rock the mobile web.
Read more…

HTML5 Canvas custom preloader builder plugin

CanvasLoader Builder - HTML5The Heartcode CanvasLoader Creator is a free tool for creating slick preloaders for HTML projects. The Creator is using the Heartcode CanvasLoader UI Library. For more info about the library, click here.

To build your custom preloader, use the “CanvasLoader Builder” section below. There is a bunch of parameters you can play with. The preloader on the left reflects the changes instantly.

If you are happy with your preloader, use the code snippet or download your custom HTML example file which contains your CanvasLoader instance and the embedding instructions.

Read more…

Customizable date and time picker optimezed for touch devices-Mobiscroll

customizable date and time picker optimezed for touch devicesA wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). It is designed to be used on touch devices as an alternative to the jQuery UI date picker.

The control is themable. You can easily change the appearance of if in CSS. It also comes with pre-defined, nice looking skins (Default, Android, Sense UI and iOS).

Read more…

Lightweight jQuery form framework – Ideal Forms

lightweight javascript form

Ideal Forms is a lightweight framework, built on the top of jQuery, for creating good looking and user-friendly forms.

  • Ideal Forms is a small framework to build powerful and beautiful online forms.
  • It’s very easy to use and requires minimal html syntax.
  • Absolutely everything is stylable with css, no images needed.
  • Support for IE 7+, Firefox 3+, Chrome 3+, Safari 3.1+ and Opera 11+.
  • Degrades gracefully with javascript disabled.

Wood theme UI Design Elements

UI Design ElementsThis huge set of over 100 web and user interface design elements has been hand-crafted just for MediaLoot, it contains all of the common web and app design elements you need for a beautiful user experience.

Each element is created using vector shapes and just 1 seamless texture, so everything is scalable and suitable for multiple uses, from iPhone and iPad apps to websites or desktop applications.

The best part, of course, is that it’s all free!

Read more…

Pointing To Things using jQuery Point plugin

Pointing To Things using jQuery PointPoint pluginWeb designers find themselves in a tough situation – they have to build beautiful user interfaces that are intuitive and usable in the same time. Sometimes, despite our earnest efforts, web applications may become difficult to use for novice users. One solution is to create some sort of a tour of your application’s features. The other is to incorporate visual cues in the design itself.

In this tutorial, we will be writing a jQuery plugin that will help you draw users’ attention to a specific part of the page, in the form of a small arrow that is displayed next to their mouse cursor. This can be useful for pointing to missed form fields, buttons that need to be pressed, or validation errors that need to be scrolled into view.

Read more…

email lists