All posts in Components

How To Build Mobile Website

Mobile WebsiteOver the past few years, mobile web usage has considerably increased to the point that web developers and designers can no longer afford to ignore it. In wealthy countries, the shift is being fueled by faster mobile broadband connections and cheaper data service. However, a large increase has also been seen in developing nations where people have skipped over buying PCs and gone straight to mobile.

Read more…

Tips for Wireframing a Mobile App Interface

Mobile Wireframing  TipsA lot of time and energy is required to build mobile iOS/Android apps. Aside from the coding and UI design you need to plan functionality ahead of time. This way you can start programming immediately and implement key features without a hassle. The best way to start off a mobile application is through wireframing. This is a design process where you lay out each of the app’s views in detail. This could be just a rough sketch, but many designers will spend time going that extra step. Wireframing is all up to your personal decisions and how much pre-planning needs to be done. I’ve gone into some detailed tips below focusing on creative techniques for intuitive wireframe designs.

Read more…

jQuery File Upload – Full Featured Plugin For file Uploads

jQuery File Upload File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.


Read more…

jQuery UI Bootstrap, themed kickstart for jQuery UI widgets

jQuery UI BootstrapNew jQuery UI Bootstrap theme – a project I started to bring the beauty of Twitter’s Bootstrap to jQuery UI widgets.

With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually.

It’s still a work-in-progress, but I hope you find it useful
Read more…

Optimize your JavaScript loading now with JSL (JavaScript Loader)

Do you want an ultra fast web site? Get JSL and optimize your JavaScript loading now!

Imagine there’s a 4-lane highway between your web browser and the internet itself. This highway is optimize to let pictures, text, and css fly by. But, when it comes to external scripts, the highway creates a toll booth that slows traffic. The worst part is that pictures text, and css caught behind these scripts have to wait until they pass through. JSL is the latest in toll both avoidance. It creates an express lane that lets all pictures, text, css, and external scripts pass by without worrying about toll booths. That means you save time and money on traffic costs :)

Javascript Loader (JSL) is a tiny script that allows you to optimize and speed up your pages. It offers on-demnad script loading implemented on the lazy loading principle.

  • On-Demand JavaScript Loading
  • Browser Cacheable
  • Dynamic Asynchronous JavaScript Loading
  • Ultra Fast and Lightweight
  • Works well with other JavaScript Libraries

Responsive Web Design Frameworks

Responsive Web DesignThe frameworks, you should know in brief what responsive web designing is all about. Experts follow different ways to design the websites. There are various ways to create them using different types of tools. How you will create or design your website will sole depend upon the purpose of creating the website.
Read more…

Responsive Website Design with Best Examples

The web is evolving now more than ever, and staying up to date with trending topics is a must. Your site is about your content. With mobile devices, iPads, phones, gaming consoles, etc: people can access your content many different ways and formats. How can we maintain some control over the display of our content and keep our brand consistent? How can we try to provide the best user experience on any platform?

Enter Responsive Web Design. A term coined by Ethan Marcotte. Many experts aren’t leaning on one static design anymore, but on structured content that adapts to its given environment. We are going to take a look at responsive web design techniques out there including: progressive enhancement, flexible layouts, media queries, flexible images & video, & other methods that you can implement to make your site or application “Responsive

There are three very important elements in responsive web design.

  • Flexible Layouts
  • Flexible Images
  • Media Queries

Read more…

10 Best Mobile Web App Frameworks

list of best mobile-frameworks

Mobile web app frameworks are in high demand as more and more users switch to using mobile devices for the majority of their computing needs. If you’re an application developer and you’re not developing or porting your apps for mobile use, you’re missing out on huge potential customer bases.

Although developing one of the best mobile apps can be challenging, there are some great mobile web frameworks that can help you out, speed up your development and give you a leg up on the competition.

Here’s our selection of 10 great mobile web app framework options. Read more…

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…

email lists