http://cubiq.org Web and mobile development Thu, 03 May 2012 08:59:54 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 http://cubiq.org/hexagame-the-making-of-an-html5-game http://cubiq.org/hexagame-the-making-of-an-html5-game#comments Fri, 09 Mar 2012 15:25:02 +0000 Matteo Spinelli http://cubiq.org/?p=184 I was disappointed by canvas performance on mobile devices but CSS animations seemed good enough even for CPU intensive applications. I wanted to find out if I could build a video game out of pure HTML5 and CSS so I started working on Hexagame.]]> http://cubiq.org/hexagame-the-making-of-an-html5-game/feed 6 http://cubiq.org/swipeview http://cubiq.org/swipeview#comments Sun, 09 Oct 2011 14:12:52 +0000 Matteo Spinelli http://cubiq.org/?p=164 SwipeView is the super simple solution to endless seamlessly loopable carousels for the mobile browser. It's memory conservative as it uses only three elements at any given time, it's smooth as velvet since it takes advantage of hardware acceleration, it's bandwidth friendly with its 1.5kb minified/gzipped footprint.]]> http://cubiq.org/swipeview/feed 173 http://cubiq.org/iscroll-4 http://cubiq.org/iscroll-4#comments Thu, 10 Mar 2011 16:36:58 +0000 Matteo Spinelli http://cubiq.org/?p=124 iScroll finally received a complete rewrite. Now it's smoother than ever and adds some new important features: pinch/zoom, pull down to refresh, snap to elements and more custom events for a higher level of hackability.]]> http://cubiq.org/iscroll-4/feed 670 http://cubiq.org/add-to-home-screen http://cubiq.org/add-to-home-screen#comments Sun, 23 Jan 2011 17:15:10 +0000 Matteo Spinelli http://cubiq.org/?p=116 I found that many iPhone and iPad users don't know that they can add their favorite web sites to the Home Screen and interact with them like standard native applications. This script helps them to discover this great feature and suggests the steps needed to add your web app to the dashboard.]]> http://cubiq.org/add-to-home-screen/feed 433 http://cubiq.org/device-motion-websockets-node-js-tech-demo http://cubiq.org/device-motion-websockets-node-js-tech-demo#comments Mon, 29 Nov 2010 14:26:42 +0000 Matteo Spinelli http://cubiq.org/?p=114 iOS 4.2 is finally out and it adds a couple of new important tools to the web developer's arsenal: websockets and devicemotion. The former makes client/server communication a snap, the latter brings accelerometer support to the browser. I wanted to test both technologies and see what problems might arise. It has been a very interesting experience, here're my impressions.]]> http://cubiq.org/device-motion-websockets-node-js-tech-demo/feed 16 http://cubiq.org/follow-along-floating-layer http://cubiq.org/follow-along-floating-layer#comments Sun, 12 Sep 2010 16:41:34 +0000 Matteo Spinelli http://cubiq.org/?p=108 We have to find smart alternatives to meet the lack of position:fixed on iPhone. If you don't need the complexity of iScroll you may find this script useful. All it does is to move a layer together with the page scroll position. If you are familiar with the mobile Gmail web app you should know what I'm talking about.]]> http://cubiq.org/follow-along-floating-layer/feed 35 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 38 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 103 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 638 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 14: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 317