background preloader

Mobile

Facebook Twitter

Frameworks

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.

Responsive Web Design

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 .

iOS

Mobile JavaScript Framework for Developing HTML5 Web Apps. Building Mobile Web Apps the Right Way: Tips and Techniques. Mobile web apps are useful alternatives to native apps for mobile devices.

Building Mobile Web Apps the Right Way: Tips and Techniques

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. CSS3 transitions, beautifully crafted HTML5 and embellishments mean their users get the highest possible browsing experience (assuming the content being viewed has been crafted with care and consideration). Their mobile counterparts equally do not disappoint. Fast-loading JavaScript, combined with equally impressive CSS3 and HTML rendering mean that your mobile browser can provide you with as rich an experience as a native app.

Being mobile and Web-based, there are obviously going to be performance concerns. Mobile Web App vs. Mobile as a Platform Desktop vs. Keep File Sizes Small. Mobile-friendly: The mobile web optimization guide - Opera Developer Community. By Bruce Lawson Updated April 2012 to modernise references, eg "will be supported in IE9" and to change the default assumed width in Opera Mobile from 850 to 980 pixels.

Mobile-friendly: The mobile web optimization guide - Opera Developer Community

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. Mobile Strategy, Data Visualization, and Design Process - Big Challenges, Big Rewards. By Jared M.

Mobile Strategy, Data Visualization, and Design Process - Big Challenges, Big Rewards

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. DHTMLX - JavaScript Ajax Library - Components for Rich Web UI - Complete Suite of Ajax Controls, File Uploader, Scheduler, Gantt. Mobile UI Patterns ? Splash Screens. PhoneGap.

Android