background preloader


Facebook Twitter


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 .


Mobile JavaScript Framework for Developing HTML5 Web Apps. Sencha Touch is the leading MVC-based JavaScript framework for building cross-platform mobile web applications.

Mobile JavaScript Framework for Developing HTML5 Web Apps

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.

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. 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. 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.

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. 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.

The sheer breadth of platforms presents the first obstacle. Do we go native or use a web-based interface? It's harder, in the browser approach, to access the gyroscopes, cameras, microphones, and proximity sensors that are packed into the mobile device. We're seeing a new category of hybrid applications. DHTMLX - JavaScript Ajax Library - Components for Rich Web UI - Complete Suite of Ajax Controls, File Uploader, Scheduler, Gantt. Mobile UI Patterns ? Splash Screens. PhoneGap.