Not Signed-In
Which clippings match 'Responsive Web Design' keyword pg.1 of 1
25 JULY 2013

jQuery Mobile: a markup-driven user interface framework

"jQuery Mobile is a user interface framework based on jQuery that works across all popular phones, tablet, e–reader, and desktop platforms. Built with accessibility and universal access in mind, we follow progressive enhancement and responsive web design (RWD) principles. HTML5 Markup–driven configuration makes it easy to learn, but a powerful API makes it easy to deeply customize the library."

1

TAGS

accessibilityAPIappsdesign for mobile • device platforms • device-level APIHTML5HTML5 AppsjQuery • jQuery Foundation • jQuery Mobilemark-up • markup-driven • mobile application development • mobile devicemulti-devicemulti-device adaptationmultiple devices • progressive enhancement • responsive web design • RWD • technology platformuniversal access • user interface framework • web app frameworkweb application framework

CONTRIBUTOR

Simon Perkins
11 MARCH 2013

Mobile Apps: the trouble with using 'Responsive Design'

"Amid an overwhelming amount of mobile options and solutions, it's easy to see why responsive design's singular code seems like an alluring universal panacea for mobile optimization. However, while responsive design aims to scale web content fluidly across multiple devices with different screen sizes, it may not represent the best option for organizations aiming to deliver unique and innovative experiences to customers. ...

The future of digital business depends primarily on mastering the mobile channel. Mobile's mushrooming numbers are due to the convenience of remote access and a new reliance upon the delivery of information when and where little to none was previously available. When developing your approach to engaging customers via mobile, it is key to ensure your strategy accounts for the rising expectations your customers have for this important channel.

Once you understand the kind of mobile experience you want to create, you can decide whether adopting a responsive design philosophy can deliver upon these expectations and goals. While responsive design can help you achieve a certain measure of consistency across channels, the real prize lies with the ability to create unique experiences. A broader multi–screen approach designed dynamically by channel will enable the sort of customer experiences that yield higher engagement and contribute to overall success."

(Carin van Vuuren, 18 November 2012, Forbes)

TAGS

appconveniencecustomer experiencedesign principles • device-specific content display • differencedigital business • engaging customers via mobile • Forbes • Forrester • information delivery • interactive experienceLinkedInmagazinesmobile apps • mobile channel • mobile development • mobile experience • mobile optimisation • mobile site • mobile solutions • mobile strategy • multi-screenmultiple devicesnewspapers • one-web • People magazine • remote access • responsive design • responsive site • responsive web design • scale web content • screen size and orientation • screen sizes • singular code • smartphonetechnology solutionuse case • varying screen sizes • web development • web experience

CONTRIBUTOR

Simon Perkins
11 MAY 2012

Luke Wroblewski on: Multi-device Layout Patterns

"Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi–device layouts."

(Luke Wroblewski, 14 March 2012, via Christopher Allwood)

1

TAGS

adapt to screen sizes • adaptable multi-device layout • adaptive layoutBBC • column • column drop • columnscommunication design • design for large screen • design for mobiledesign for the screendesign innovationFacebook • Five Simple Steps • fluid grids • Food Sense (website) • Google (GOOG)grid systemHCI • image layout • information architectureinteraction designinterface designlayout • layout adjustments • layout designlayout patterns • layout shifter • layouts • Luke Wroblewski • margins • media query adjustments • mobile design • Modernizr • mostly fluid • multi device • multi-column layout • multi-devicemulti-device adaptation • multi-device layout patterns • multiple screen sizes • NUI • off canvas • optimised for mobilepage layoutpage layout pattern • Path (app) • responsive design • responsive design layout patterns • responsive web design • screen size • screen sizesscreen space • single column layout • small screen • small screen sizes • small screens • stacking • stacking columns • The Boston Globe • tiny tweaks • Trent Walton • UIusabilityvisual communicationvisual screen designweb designweb page layoutsweb pageswebsite

CONTRIBUTOR

Simon Perkins
20 APRIL 2012

Principles of the Visual Language: A Dialect of Our Own Design

"A visual language informs all design, from architecture to print. Fluency in the same language drawn on by Bauhaus, mid–century Swiss, or postmodern design is essential for brilliant web design. In this practical talk, ground uniquely web–based interactions – from complex CSS3 animations and rotations to JavaScript behaviors – using that time–tested visual primer. Take a more considered approach to choices, evoke the desired emotive responses, learn how to better articulate your design decisions. Extend graphic design's grammar into a visual dialect of web design that guides us to smarter, beautifully balanced juxtapositions of elements in our new, multidimensional web experiences."

(Simon Collison)

Fig.1 Simon Collison (03 June 03 2011) "A Dialect of Our Own Design".

1

TAGS

aestheticsaffordances • articulate your design decisions • Bauhaus School • beautifully balanced • Christian Leborgcommunication design • considered approach • CSS3 • CSS3 animation • Dan Brown • design formalismDonald Normanediting through selection • emotive response • framegestalt principlesgraphic design • graphic design visual grammar • graphic representationgrid systemIndi YoungInternational Typographic StyleJavaScriptmapping • Mark Boulton • mental modelspictorial systemspostmodern designresponsive web designschema • Scott McCloud • Simon CollisonSlideShareSwiss Styletypographyvisual communication • visual dialect of web design • visual grammarvisual languagevisual screen designweb design • web experiences • web-based interactions • Wucius Wong

CONTRIBUTOR

Simon Perkins
07 MARCH 2011

Responsive Web Design

"Recently, an emergent discipline called 'responsive architecture' has begun asking how physical spaces can respond to the presence of people passing through them. Through a combination of embedded robotics and tensile materials, architects are experimenting with art installations and wall structures that bend, flex, and expand as crowds approach them. Motion sensors can be paired with climate control systems to adjust a room's temperature and ambient lighting as it fills with people. Companies have already produced 'smart glass technology' that can automatically become opaque when a room's occupants reach a certain density threshold, giving them an additional layer of privacy.

In their book Interactive Architecture, Michael Fox and Miles Kemp described this more adaptive approach as 'a multiple–loop system in which one enters into a conversation; a continual and constructive information exchange.' Emphasis mine, as I think that's a subtle yet powerful distinction: rather than creating immutable, unchanging spaces that define a particular experience, they suggest inhabitant and structure can–and should–mutually influence each other.

This is our way forward. Rather than tailoring disconnected designs to each of an ever–increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards–based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design. But how?"

(Ethan Marcotte, 25 May 2010)

1

TAGS

A List Apart • adaptive • adaptive approachadaptive layoutarchitecture • art installations • climate control systems • constructive information exchange • contextconvergencecrowdCSS3designdesign for the screendevice • embedded robotics • Ethan Marcotte • flexibilityform and contentHTML5information in contextJackson Pollockmedia queries • Michael Fox • Miles Kemp • mobile • motion sensors • responsive • responsive architecture • responsive designresponsive web designSimon Collison • smart glass • solutionspacetechnology • tensile materials • usabilityvisualisation • wall structures • web designweb standards

CONTRIBUTOR

Simon Perkins
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.