Responsive Web Design. The English architect Christopher Wren once quipped that his chosen field “aims for Eternity,” and there’s something appealing about that formula: Unlike the web, which often feels like aiming for next week, architecture is a discipline very much defined by its permanence.
Article Continues Below A building’s foundation defines its footprint, which defines its frame, which shapes the facade. Each phase of the architectural process is more immutable, more unchanging than the last. Creative decisions quite literally shape a physical space, defining the way in which people move through its confines for decades or even centuries. Working on the web, however, is a wholly different matter. But the landscape is shifting, perhaps more quickly than we might like. In recent years, I’ve been meeting with more companies that request “an iPhone website” as part of their project.
A flexible foundation#section1 Let’s consider an example design. Becoming responsive#section2 responsive architecture .
Sencha Touch leverages hardware acceleration techniques to provide high-performance UI components for mobile devices. With over 50 built-in UI components and native looking themes for all major mobile platforms, Sencha Touch provides everything you need to create impressive apps that work on iOS, Android, BlackBerry, Windows Phone, and more. A novel and adaptive layout engine, fluid animations, and smooth scrolling features allow developers to build applications that respond to user actions nearly instantaneously, much like native technologies. The framework includes a robust data package that can consume data from any backend data source. An advanced charting package allows you to visualize data on mobile devices. Sencha Touch is available as a free download. Building Mobile Web Apps the Right Way: Tips and Techniques.
Mobile web apps are useful alternatives to native apps for mobile devices.
These days, Android-based products and iOS devices like the iPhone and iPad all come packed with fantastic mobile browsers (Mobile Chrome and Mobile Safari respectively), and Opera fans can install their preferred browser, too. From a desktop point of view, these products make browsing just about the most pleasurable experience possible.
Contents Introduction If I had a Euro for everyone who asks me at conferences how they can mobilise their web site, I'd be extraordinarily rich as well as breathtakingly handsome. It's easy to see why people wish to make their sites mobile friendly; Gartner research suggests that by 2013, mobile phones will overtake PCs as the most common Web access device worldwide. Many customers are already using mobile devices as their main method of Web access, particularly in emerging markets — the July 2009 Statistical Report on Internet Development in China states that the proportion of [people] accessing the Internet by mobile increased enormously from 39.5% in late 2008 to 46% in June 2009, while the proportion of using desktops and laptops decreased.
The difficulties of cross-device design You must remember this… Mobile Strategy, Data Visualization, and Design Process - Big Challenges, Big Rewards. By Jared M.
Spool Originally published: Apr 22, 2011 Every year, our research turns us to what's currently top of mind for designers. As we've been preparing for our Web App Masters Tour this spring, we uncovered three hot trends that everyone wants to know more about: designing for a mobile world, visualizing our data in meaningful ways, and upgrading our design process to handle the rapid world of web-based applications. The challenges we face are great, but when we come up with the right solutions, we see big rewards. Challenging Trend #1: Designing for a Mobile World The last few years have seen a dramatic shift in how we access and interact with the applications in our lives.