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.
All posts in Components
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.
Website | Download : http://www.teehanlax.com/blog/android-2-3-4-gui-psd-high-density/
How to Create a jQuery Image Cropping Plugin from Scratch?
- Debug your Mobile Web Application with Socketbug
- Supports iOS Safari, Android Webkit & Palm WebOS
- Use any Modern Browser as your Debug Console
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
- Highly configurable
- Customizable with CSS styling
- Handles scaled images
- Keyboard support for moving and resizing the selection
- Supports callback functions
- Provides API functions for easier integration with other application components
- Lightweight — the packed version is less than 8KB
The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.
I struggled a lot especially to make my code work in IE (7.0, 8.0, 9.0) version when trying to post files data to the server. Once we posted to the server I want to get the file storage details and other attributes of the file posted as JSON object from the server.
For this I posted using blueimp jQuery file upload plugin to post and using a handler on the server side to respond for this request. While doing this I found few interesting problems with IE, like getting warning as below.
Once I fixed the issue with this, I was able to post to the server but not getting the JSON content as “fileuploaddone” event is not firing up. This is because I had the content type as
“Application/json” in handler. Once I changed the response content type as “text/plain” it started working and able to get the event. But as IE don’t jqXHR object we should tweak our code
to get the JSON data (from server) and binding them to the download template in the page. In fact somehow IE is posting the full client name (c:\tmp\file.jpg)
in the htppposted file object (in the server handler) where as other browsers giving only file name like “file.jpg”. for that I am handling the IE request differently in the server.
All these issues I figured out and fixed and I am posting the source code at the below url.
The First HTML5 Mobile Web App Framework
We make specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. We have made extensive use of CSS3 in our stylesheets to provide the most robust styling layer possible.
mobl is a new free and open source language designed specially to speed up building mobile applications. Using modern HTML5 technologies, mobl offers you
- a concise language to build native-feeling web apps in a jiff;
- great (Eclipse) IDE support (such as as-you-type error reporting, code completion and reference resolving);
a rapid save and test cycle. No more lengthy compilations, the mobl IDE compiles your modules whenever you save, ready to be tested in the mobile browser.
This HTML5 specification is like no other—It has been processed with you, the humble web developer, in mind.
The focus of this specification is readability and ease of access. Unlike the full HTML specification, this “web developer edition” removes information that only browser vendors need know.