All posts in Components

HTML5 Features, Tips, and Techniques we Must Know

net.tutsplus – This industry moves fast — really fast! If you’re not careful, you’ll be left in its dust. So, if you’re feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know.

HTML5 Features, Tips, and TechniquesReady for the real world? Probably not yet; but it’s still fun to play with and prep for!
Download the source code
, and try it out for yourself. But use Opera.

Website: http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/

Multi-Device Web App Framework Using HTML5 – Joshfire

Joshfire is the first open source multi-device development framework.
Using only standards like HTML5 and JavaScript, it allows developers and integrators to quickly create native and dedicated web apps for browsers, Node.JS, desktops, smart phones, smartTVs and connected objects.

Cross-Device Web App Framework

Whatever the device you try to reach, the Joshfire framework helps you develop one unique application and make it automatically compatible with mobiles, tablets, TVs, and even connected objects.

Website: http://framework.joshfire.com/

Survey Voting System with jQuery Animate Function

A simple idea to use JQuery animate function in voting system, I post this maybe it will useful for replacing voting system that using many images, the idea is just expanding the div element (css width property) using animate function, we just need to add the same value on the width element.

jQuery Animate Function Survey Voting

Demo | Website: http://superdit.com/2011/03/26/simple-vote-using-jquery-animate/

 

New Web Development Platform For The Cloud – Opa

Opa is a new generation of web development platform. 0It is a new programming language, a new web server, a new database and a new distributed execution engine, all of them tightly integrated to provide a great experience for web developers.

Opa technical documentation consists of a number of guides and references to quickly build up your skill level in Opa and assist you as you begin developing.

web-development-platform-for-cloud-sourc
Website:
http://opalang.org/
Download: http://opalang.org/get.xmlt

HTML5 & CSS3 beautiful resource – theexpressiveweb

The Expressive Web HTML5 and CSS3 brings loads of new features and functionality to the modern web. Highlighting and providing information on twelve new HTML5 and CSS3 features, the site itself makes extensive use of new features such as CSS3 transitions, CSS3 transforms, web storage and more to provide a visually compelling resource for learning more about HTML5 and CSS3.

This site is a resource and showcase of some of the newest, and most expressive features being added to the web today.

HTML5-CSS3-resources-collection-superb-creative-collection

Website: http://beta.theexpressiveweb.com/

jQuery plugins development – jQuery Boilerplate

jQuery Boilerplate Contains lots of comments to help you get going easily. It is truly object-oriented, it implements public and private methods as well as public and private properties, making it the ideal candidate for when building both simple and complex jQuery plugins.

jQuery-plugins-development
Website: http://jqueryboilerplate.com/
Download: https://github.com/zenorocha/jquery-boilerplate

Test Websites On Multiple Devices – Screenfly

Screenfly is a free tool to check/Test your website in multiple devices like  tablet and mobile categories, and also  TV and desktop categories helps viewing websites according to the selected screen-sizes of the devices.


Check Websites On Multiple Devices


Website: http://quirktools.com/screenfly/

Free Android GUI PSD Files

To help improve our design workflow (and hopefully yours too) we made a fully vectorized Android GUI PSD. The template is based on the most popular screen size (normal) and pixel-density (high) using the default Android skin as the baseline.

Free Android GUI Vector PSD File
Website | Download : http://www.teehanlax.com/blog/android-2-3-4-gui-psd-high-density/

jQuery Image Cropping Plugin from Scratch

How to Create a jQuery Image Cropping Plugin from Scratch?
Web applications need to provide easy-to-use solutions for uploading and manipulating rich content. This process can create difficulties for some users who have minimal photo editing skills. Cropping is one of the most used photo manipulation techniques, and this step-by-step tutorial will cover the entire development process of an image cropping plug-in for the jQuery JavaScript library.

Creat jQuery Image Cropping Plug-In

Website:
How to Create a jQuery Image Cropping Plug-In from Scratch – Part I
How to Create a jQuery Image Cropping Plug-In from Scratch – Part II

Mobile Web Application Debugging

Developing a Mobile Web Application? Wish you could View the Source Code? Debug the Javascript? Execute your own Javascript? With Socketbug You Can!

Mobile Web Application Debugging

  • Debug your Mobile Web Application with Socketbug
  • Supports iOS Safari, Android Webkit & Palm WebOS
  • Use any Modern Browser as your Debug Console

Download | Website: http://www.socketbug.com/

email lists