The JavaScript APIs for handling touch events and gestures in JavaScript are simple and intuitive enough to grasp on first try, and the increasingly excellent support for web standards in Webkit browsers means we can create highly touch optimised web apps that look and feel like native apps. But that doesn’t mean there [...]
Posts Tagged ‘JavaScript’
Tips for better fragment navigation
Fragment navigation is becoming more and more popular. Facebook practically runs their entire site on it, twitter search uses it, and Google recently defined a standard for making it crawl-able. JavaScript framework evangelists have rushed to produce plug-ins for their favourite tool-kit to make fragment navigation easier to implement. Here I’ll discuss [...]
Thoughts on CSS transitions in Firefox
To produce the CSS3 ticker plugin for jQuery that I’ve been working on recently, I used CSS3 transitions. These are the magic new properties in CSS that make a browser animate elements without using JavaScript.
The logic for implementing native animations in the browser is a no-brainer, particularly if you try and use a site [...]
Smooth CSS3 ticker jQuery plugin
I’ve recently been building a status display for the Assanka office, which shows us information like current Zabbix monitoring triggers, support requests from clients, Pingdom status alerts, and even naming and shaming Assankans who’ve failed to file their time-sheets on time.
In the process, I was pointed at the gorgeous Panic status board. Our objectives [...]
Blocking events with blocker lists
It’s often useful to be able to detect scroll events using the onscroll event handler in JavaScript. For example, every time a user scrolls to nearly the bottom of the page, you load more content to create an ‘endless’ page. In my case, I have two DIVs set to overflow: auto, with chat [...]
Disappearing text cursor in Firefox
Do you ever find that sometimes when you try and type into a textbox, there is no cursor there, but it still accepts your input and the text appears as if there is a cursor? I came across this problem in Firefox 3 and searching online revealed only solutions to an earlier problem that [...]
JSON2.js vs Prototype
We use Douglas Crockford’s json2.js frequently in our web apps. Its stringify method allows JavaScript data structures to be trivially serialised before submission via AJAX to a web service. It works by descending through the structure, calling the toJSON() method on anything it finds. It also creates toJSON methods for data [...]
Auto growing textareas
This feels like a topic that’s been explored to death already, but I really don’t like most implementations of this technique, so here’s how we do it.
First, in case anyone has just arrived from Mars, or even more unlikely, isn’t familiar with Facebook, the auto-growing textarea is a text box that gets bigger as you [...]