Browsed by
Tag: mobile web development

Mobile web development – Device sensors

Mobile web development – Device sensors

Device Sensors The mobile typically has far more sensors than a desktop or a laptop – camera for stills & video, GPS, audio input & output, compass & accelerometer making it a very powerful device. Camera – can be used not only to capture an image or video, but for e.g a profile photo, a QR code link to transfer a business card or a map. The following screen provides a simple way to capture input from the camera or the…

Read More Read More

Mobile web development – Offline and storage

Mobile web development – Offline and storage

Offline  On mobile devices, the users may not always have a good network connection – however the web app should still work. So it helps to look at the network as an enhancement rather than a requirement. The philosophy to be used here should be   Offline first! Offline means not having a wifi or data connection – but these scenarios cannot be detected by seeking a network connection attempt – this is fact a tricky area. Look at the…

Read More Read More

Mobile web development – User Input & Touch

Mobile web development – User Input & Touch

User Input User input has to be made easy for users and font sizes have to be big enough for majority of the users. One of the first things is to ensure that the pop up keyboard is relevant to the kind of input expected. For e.g. on a sign up form, when the user is required to input his mobile number, showing him a text keyboard by default is poor UX. Html5 has a new form input type to…

Read More Read More

Mobile web development – Responsive images

Mobile web development – Responsive images

Responsive images When you work with making your pages responsive across devices, you also need to make sure images are responsive but at minimum cost – not pushing more bytes than necessary but at the same time not using a sub optimal page. The goal should be – Make images look as beautiful as they can, using as little bandwidth as possible. Different devices have different display densities – you need to serve images as per the device configurations. Various…

Read More Read More

Mobile web development – Responsive design

Mobile web development – Responsive design

Being able to deliver a responsive design is the first key challenge on mobile: a website designed for the desktop to also work smoothly on all kinds of mobile handsets. Fluid design & Viewport The desktop historically had a fixed screen size – most sites were designed for 1024 by 768 pixels. This however became a problem on mobile where the screen sizes varied widely. Varying screen size on mobile is a key challenge compared to the fixed 1024 by 768…

Read More Read More

Mobile web development – Building great mobile web experiences

Mobile web development – Building great mobile web experiences

This is a series of posts which are simply my notes from a online course I took up on ‘Mobile Web Development: Building Mobile Web Experiences’, CS256 on Udacity.com, which is offered in participation with Google. Here is the link to the course. Goes without saying that reading notes can never compare to taking the course yourself. Many thanks to course instructors – Chris Wilson, Peter Lubbers & Sean Bennett. If you are really interested, stop reading further and just click on…

Read More Read More