The CSS3 transition attribute animates each of these transitions so it looks smooth. The list, sublist and player are all loaded in one HTML page and scrolled in and out of the phone’s viewport using CSS3 transformX. The blue box represents the viewport of the smartphone. This diagram depicts the Firefox OS Music app if we were able to see it as one big webpage. This keeps the user experience feeling fast! The main design difference of a well-written Firefox OS app is that the content of the app is generated as one single HTML page when the app is loaded and then switched on and off using JavaScript and CSS when the user demands it.
Mozilla developers have built Firefox OS apps with this in mind. We either have to switch pages or pan to reach the off-screen content. The less powerful phone CPU combined with unreliable cell network internet means waiting for pages to load is a very poor user experience.įinally, we have a tiny screen to work with so app developers can’t show large volumes of data at once. Mobile phone users don’t have the patience to click and wait for a page to load. These design differences are necessary because users have different expectations depending upon the device they’re using, be it mobile, desktop or otherwise. While a Firefox OS app is HTML, CSS and JavaScript we are all familiar with there are some significant design differences.
0 kommentar(er)
