Dmitri Lau is a freelance Ajax developer with a penchant for statistical analysis. When not improving a meta template engine's relative response yield, yawning uninterruptedly every night has become a norm which he hopes will soon be over when his Hong Kong based startup picks up.
Does your website offer an optimized mobile experience when accessed via a smartphone or phablet? It’s not the end of the world if it doesn’t, as modern browsers have made the experience more bearable with innovations such as pinch-to-zoom and automatic font size adjustment. If you don’t have the time or money to make your website mobile friendly, here are ten simple things you can do today to make your website more bearable for mobile users.
1. Set Form Input Attributes
If your website uses input fields to ask for the user’s name or address, then turn off
autocorrectand turn on
What's your name: <input type=text size=20 autocorrect=off autocapitalize=words>
If you don’t, the phone will change their name (e.g., “Erwan”) to something else (e.g., “Erevan”) if it isn’t found in the dictionary. Setting auto-capitalize to
wordswill save them from having to toggle the capslock key for each successive name (e.g., “Ken burns” becomes “Ken Burns”).
Think of all the trouble your user’s will save.
While you’re at it, if your website asks for the user’s email, then use the
@key without needing to switch to the numeric/symbol keyboard.
What's your email: <input type=email size=20>
Promises are a simple concept, and even if you haven’t had a chance to use them, you may have already read up on them. They are a valuable construct that enables asynchronous code to be structured in a more readable fasion, rather than as a mess of nested anonymous functions. This article touches on six […]
Sticky boxes are boxes that stay visible on your browser no matter where you scroll on the page. They are most often used in side bars and header bars to keep the branding and navigation menus visible and reachable at all times. In the old days, sticky boxes were pretty basic and were only stationary […]
Dmitri Lau looks at how to use the HTML5Shiv tool to address the inability of certain older browsers to correctly interpret some HTML5 elements.
Dmitri Lau explores how the helper function
requestAnimationFramecan make animations silky smooth, yet not too demanding on your CPU.
With the rise in mobile devices and tablets, web applications are frequently being loaded in slow and low memory environments. When building a web application, one may consider making design choices which reduce the amount of memory consumed by your application, so that the user experience remains fast and responsive.
I’ll show you how to build a Twitter widget for your website that downloads the latest tweets from your twitter account using Twitter’s search API, and displays them in a table. To download the tweets, we will be using Twitter’s search API. We will be using HTML to build the user interface, and then Distal […]