Skip to main content

Home/ centreforelearning/ Group items tagged web_app

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
bernard tan

360 object rotation interaction - 2 views

blog.stableflow.com/...360-degrees-product-view

celwebsite_idea web_app web web_development mobile_development

shared by bernard tan on 31 Jul 12 - No Cached
  • bernard tan on 31 Jul 12
     
    Just in case you are fascinated by the rotating/swiping interaction found in ibooks. It is a web technology that originated from this snippet of javascripts. the code is very simple to use too :) Fire it up and it works pretty fine on your idevices very well.
bernard tan

10 tips to get started with html5 games - 0 views

www.slideshare.net/...o-get-started-with-html5-games

development mobile game html5 web_app

shared by bernard tan on 10 Dec 10 - No Cached
  • bernard tan on 10 Dec 10
     
    good and important tips for developing html5 games... for mobile.. the touch function is one of the most important thing to take note so the game works in mobile device using hand gesture.
bernard tan

Web App - Scrolling long lists - 1 views

joehewitt.com/...introducing_iui.php

html5 web_app

shared by bernard tan on 14 Dec 10 - No Cached
  • Scrolling Long Lists Another big problem with iPhone web apps is presenting very long lists efficiently. Digg has this problem with their stories and comments and they work around it by breaking stories into pages of ten and omitting all but the top five comments. Apple solves this problem nicely in their Mail app by loading 25 messages at a time and putting a link to get more at the end. Clicking it loads those messages and appends them to the end of the list, allowing you to use the joyous flick gesture to scroll the complete list at once. In my view, this is nicer than breaking the list up into separate pages. iUI makes it easy for you to use this convention in your own web apps. Simply create a link with target="_replace" and iUI will load the URL it and replace the <a> with the contents of the URL. Again, the URL should not point to a complete HTML document, but only the fragment you want to replace the "Get More" link with. For an example of incrementally loaded lists, look at the Digg demo again. Scroll to the bottom of the stories list and click on the "Get 10 More Stories..." link.
  • bernard tan on 14 Dec 10
     
    One of the issue/feature for the billboard on finLit hub project which i was discussing with Sham about earlier on. Here's a nice solution which i think we can take into consideration. Do check out the digg demo link that I highlighted. http://www.joehewitt.com/iui/samples/digg/#___1__
  • Ashley Tan on 16 Dec 10
     
    Excellent find! I also think that "get more" is a more elegant solution. Where any information exceeds a single screen in any apps CeL develops, this should be the way to go.
bernard tan

Fred Jones - 1 views

www.watersheep.org/...game.html

iPhone mobile web_app

shared by bernard tan on 09 Feb 11 - No Cached
  • bernard tan on 09 Feb 11
     
    good example of a web app html5 game that caters and works to different orientation in mobile devices. Test on your mobile.
bernard tan

Coding JavaScript for Mobile Browsers (part 6) - Microsoft Certification Examples, exer... - 0 views

mscerts.net/...e%20browsers%20(part%206).aspx

iphone mobile web_app

shared by bernard tan on 02 Mar 11 - No Cached
  • In mobile browsers, you need to be especially careful about using timers because of the battery consumption. If you need to use many high-frequency timers at the same time, try to manage them using only one timer that will launch different behaviors from the same process.
  • The first question we need to ask ourselves is, what happens when our web page goes to the background because the user switches focus to another application (in multitasking operating systems) or opens or browses to another tab or window? Another problem is what happens when the phone goes to sleep (because of the user’s inactivity while the script is executing). The behavior of timers can be a little tricky in these situations.Yet another problem is that timers execute on the same thread as the main script. If our script is taking too much processor time (a normal situation with large scripts on low- and mid-end devices), our timers will be delayed until some spare execution time is found.If we use a low frequency for the timer (for example, 10 milliseconds), the timer will generally have problems meeting the timetable.Remember that the JavaScript execution time depends a lot on the device hardware and the browser’s engine. Even if they’re running the same operating system, like Android, execution times can differ: for example, an HTC G1 will be much slower than a Nexus One with a 1-Ghz processor.
  • As shown in Figure 4, the real times are very different on different devices. On low- and mid-end devices, if they work at all, the result is far from our 200 ms intention—some low-end devices don’t even accept timers with a frequency of less than 1 second.
  • ...1 more annotation...
  • Table 11. Timers support compatibility tableBrowser/platformTimers availableTimers in backgroundSafariYesStopped. From iOS 4.0: continue working while in other browser's window.Android browserYesStopped.Symbian/S60YesStopped. From 2.2: continue working while in other browser's window.Nokia Series 40No webOSYesContinue working.BlackBerryNo NetFrontYesNo multitasking.Internet ExplorerYesStopped.Motorola Internet BrowserNo Opera MobileYesContinue working.Opera MiniNo Note:The Gmail for Mobile team discovered some issues with timer behavior on mobile Safari and Android devices, and made the results public in the team blog at http://www.mobilexweb.com/go/timers. The conclusions are: for low-frequency timers (1 second or more), there are no performance issues, and you can add as many as you want; for high-frequency timers (for example, 100 ms), though, every new timer created makes the UI more sluggish. The preferred solution is to use only one high-frequency timer.
  • bernard tan on 02 Mar 11
     
    Creating real time app might pose to be an issue on web app.
bernard tan

Maps - University of Ottawa - 1 views

www.uottawa.ca/maps

googlemap web_app mobile

shared by bernard tan on 15 Mar 11 - No Cached
  • bernard tan on 15 Mar 11
     
    a wep app of university of ottawa using googlemap api showcasing tons of features from libraries to computers labs, atms, restaurants.
  • bernard tan on 15 Mar 11
     
    You might be intestered Eve.
bernard tan

web app audio plays in background mobile safari - 2 views

forrst.com/...audio_tag_support_allows_b-4wt

audio mobile_development web_app

shared by bernard tan on 11 Apr 11 - No Cached
  • bernard tan on 11 Apr 11
     
    I realized sound effects works well on my desktop browser but was disabled my mobile safari. Take note that audio tag has been crippled and disabled by apple on their iphone browsers, meaning they closed a big possibility of webapp development with Audio! We might have to look into other solution for Harmonia. This webapp demo shows some get around and music playing in the background when you do other things. This
bernard tan

Ways to webapps to support high res retina display on iphone4 - 1 views

flowz.com/...hone-4-high-dpi-retina-display

iphone mobile_development web_app

shared by bernard tan on 11 Apr 11 - No Cached
  • bernard tan on 11 Apr 11
     
    I was developing a game for webpp, looks fine on iphone3gs but rather fussy on iphone4. This is a hack or get around to make your webapp display high res graphic on iphone4 and ipad.
1 - 8 of 8
Showing 20▼ items per page