I’m surprised to see that many mobile web apps still use images for buttons. If you target the Android or iPhone web browser, CSS3 gradients are an extremely powerful resource, not only to make buttons. I spent a couple of hours playing with gradients and masks and here I present you a page stuffed with examples in all their text-only beauty.
Don’t you hate your own code 3 weeks later? I do. I finally tidied up iScroll code and managed to remove some insidious bugs. Please welcome version 3.2: smaller, faster, smarter.
The Slide-in menu exits alpha stage, gets Android compatibility and it’s finally ready for production.
When I saw a retro radio on eBay the first thing I thought was to make a PC case mod out of it. It has been a nice jump into the past, when in the 90s I was enjoying building my own PCs.
I’m pleased that my original iScroll was useful to many. In the past months I received dozens emails asking for new features and bug fixes. I think it’s time to start developing a new version of the scrolling div for mobile webkit with added functionalities.
In my last post I was suggesting to stop cloning the default Apple UI for web applications and start creating custom controls. This time I want to put my words in practice and present you with a rotating wheel select control, 150 lines of code all included (HTML+CSS+JS).
In my hunt for the perfect clean url (smart url, slug, permalink, whatever) generator I’ve always slipped in some exception or bug that made the function a piece of junk. But I recently found an easy solution I hope I could call “definitive”.
Today I have something totally off topic for you. I lent my old digital camera to a friend and this is how it takes pictures once it came back to me.
Developing on the webkit for iPhone I encountered a curious delay on
onClick events. It seems that the click is triggered with about 300 milliseconds delay. While this is unnoticeable on a standard web page, it can be annoying on a web application. Fortunately the click event can be overridden thus eliminating the delay.
Recently I had to develop a web application for the iPhone and I was impressed by the possibilities offered by the little device. You can easily render complex 3d animations with a bunch of CSS rules or save data on a sqlite database, but I was surprised to discover that there is no easy way to scroll the content inside a fixed height
ImageMagick is powerful suite of applications to create, edit, convert and compose bitmap (and some vector) images from the terminal. It’s an essential tool for any web designer if you can get your head around it.
Many see the terminal as a scary beast and try to avoid it as much as they can. In reality it is a powerful tool for any *nix user and the more you know it the more you get addicted to it. The followings are some terminal tips you may find useful during your web develop.