Knowledge Sharing

Useful Mobile Development Resources ##################################################################### # Example Snippets File for Mobile Web Development Fundamentals ##################################################################### ------------------------------------------------ Mobile Web Development Resources: ------------------------------------------------ Mobile Web Best Practices: http://www.w3.org/TR/mobile-bp/ Quirksmode Site: http://www.quirksmode.org/mobile/ User Agent Strings: http://www.useragentstring.com/ HTML5 and Related Web Applications: HTML5 http://www.w3.org/TR/html5/ Geolocation API: http://dev.w3.org/geo/api/spec-source.html Local Storage API: http://dev.w3.org/html5/webstorage/ Offline Application Cache: http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html Vendor-Provided Resources: Apple: Getting Started with iOS Web Apps: http://developer.apple.com/library/safari/#referencelibr

ANDROID EMULATOR ON WINDOWS In this tutorial we shall be discussing about accessing localhost server from Android SDK, ofcourse first you need to have that emulator installed on you machine, you can do it from Android SDK official site  . So I am not gonna go into nerd stuff, keeping it short and simple. Now the problem arises in that localhost is not accessible once we type http://localhost/ on our emulators, so how to access that, well pretty simple, just type the following address instead. http://10.0.2.2/ or http://10.0.2.2/yourfoldername and you are good to go. I googled it but couldn't find this simple url, so posting it, may be you can save your time. Happy Coding !!

In our projects some time or another requirement comes to display error notifications on top of the page. This tutorial explains exactly the same. We have some error or alert notifications that you wants user to get alerted on top of the page, well pretty simple. First lets see the HTML.  <div id='message'>     <ul id="ticker">     <li>             1is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked.      <a href="#" class="close-notify">X</a>         </li>     <li>     2Learn how to create image gallery in 4 lines of Jquery      <a href="#" class="close-notify">X</a>         </li>     <li>     3is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.      <a href="#" class="

CSS is something we all pre assume that we know and can code, think again. Following are some quick notes you can refer, post your comments for further discussions. -------------------------------------------------------------------------------------- Z index is the order of stacking, ie placing of elements one over another font size: em are preferred over pix for device compatibility font-variant: small-caps text-transform: uppercase; text-align: justify or center text-indent: 1em(can also be negative) curning is changing the letter spacing to make text more readable letter-spacing: 1em word space: line-height: 1,6 (times the size of normal font) box model: from outside 1) margin 2) border - width, style, color 3) padding 4) width(inside) facts: if a propery is not declared, don't assume the value is 0 elements often have default margins that you need to account for a 100% width property when combined with padding and borders will create elem

Jquery Carousels we all love carousels they are a fantastic way to give the effects we want our visitors to have, more than that we have multiple components to show like images, links, text etc. There are lot many ways to achieve it, Jquery is ofcourse the best possible option available outside. We all search for lot of ems it can be Jquery Flexslider  or Jcarousel Lite  whatever you choose, customization is required, in this tutorial I am not going to focus on how to install these libraries rather one step ahead, to let you know how these carousels can be called multiple times in the same page having their controls working respectively for each carousel instance. So, lets get started with the HTML <div id="sideRight"> <div id="first">       <!-- Do not change the class and tag type, as this will remain as it is for all the following divisions-->       <p class="containheader">Plans for you <a href=&quo