http://cubiq.org Web and mobile development Sat, 04 Sep 2010 18:45:52 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 http://cubiq.org/you-shall-not-flicker http://cubiq.org/you-shall-not-flicker#comments Sat, 04 Sep 2010 16:09:43 +0000 Matteo Spinelli http://cubiq.org/?p=106 Off screen items on iScroll are not cached by the mobile browser, when it comes their turn to appear on screen they need a few moments before being accessible, creating a nasty flickering. Well, there's an easy trick to force the browser to cache all elements and it's so simple I regret not having tried it before.]]> http://cubiq.org/you-shall-not-flicker/feed 8 http://cubiq.org/do-you-really-need-jquery-for-mobile-dev http://cubiq.org/do-you-really-need-jquery-for-mobile-dev#comments Thu, 26 Aug 2010 11:12:14 +0000 Matteo Spinelli http://cubiq.org/?p=103 I love jQuery, I use it everyday, you can spot it even on this blog. It's a life saver in the times of desktop browser discrepancies (yes, I'm talking to you IE), but modern browsers and specifically mobile browsers are good enough not to need any bloated framework on their shoulders. In this post I'm showing you that 90% of the times you are using a framework for nothing.]]> http://cubiq.org/do-you-really-need-jquery-for-mobile-dev/feed 13 http://cubiq.org/accordion http://cubiq.org/accordion#comments Sun, 15 Aug 2010 16:46:44 +0000 Matteo Spinelli http://cubiq.org/?p=99 Accordion on mobile webkit is a bad beast. The accordion effect is usually obtained by reducing/incrementing the elements height. Unfortunately, on mobile, height and width are two not hardware accelerated properties, which means choppy animations. Fear not: I just baked for you a translations-only height-changes-free accordion for all your mobile needs.]]> http://cubiq.org/accordion/feed 13 http://cubiq.org/slide-in-menu http://cubiq.org/slide-in-menu#comments Tue, 25 May 2010 15:12:39 +0000 Matteo Spinelli http://cubiq.org/?p=73 Sometimes the screen of mobile devices is too small to fit all the controls, menus and options of your application. One solution is to create a slide in menu that the user can pull to access additional functions.]]> http://cubiq.org/slide-in-menu/feed 41 http://cubiq.org/iscroll http://cubiq.org/iscroll#comments Wed, 19 May 2010 10:10:30 +0000 Matteo Spinelli http://dev.cubiq.org/?p=44 The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now.]]> http://cubiq.org/iscroll/feed 332 http://cubiq.org/scrolling-div-for-mobile-webkit-turns-3 http://cubiq.org/scrolling-div-for-mobile-webkit-turns-3#comments Mon, 30 Nov 2009 10:52:36 +0000 Matteo Spinelli http://cubiq.org/?p=16 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.]]> http://cubiq.org/scrolling-div-for-mobile-webkit-turns-3/feed 184 http://cubiq.org/rotating-wheel-for-your-iphone-webapps http://cubiq.org/rotating-wheel-for-your-iphone-webapps#comments Sun, 12 Apr 2009 10:50:59 +0000 Matteo Spinelli http://cubiq.org/?p=14 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).]]> http://cubiq.org/rotating-wheel-for-your-iphone-webapps/feed 38 http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch#comments Sun, 08 Mar 2009 13:01:42 +0000 Matteo Spinelli http://cubiq.org/?p=11 I'm more and more amazed by the power of mobile webkit. I don't love the iPhone that much, but as a web developer the beauty of CSS transitions, animations and transforms can't pass unnoticed. This time I'm giving away a widget that resembles the native Picker View (UIPickerView) functionality but entirely built on javascript.]]> http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/feed 139 http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone#comments Sun, 15 Feb 2009 16:15:52 +0000 Matteo Spinelli http://cubiq.org/?p=9 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.]]> http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone/feed 23 http://cubiq.org/contact-list-on-webkit-for-iphone http://cubiq.org/contact-list-on-webkit-for-iphone#comments Mon, 19 Jan 2009 09:52:52 +0000 Matteo Spinelli http://cubiq.org/?p=8 http://cubiq.org/contact-list-on-webkit-for-iphone/feed 24