Tim Berners-Lee Long Live the Web print print print System + - PowerPoint PPT Presentation

“ T e primary design principle underlying the Web’s usefulness and growth is universality . T e Web should be usable by people with disabilities. It must work with any form of information, be it a document or a point of data, and information of any quality— f om a silly tweet to a scholarly paper. And it should be accessible f om any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large . ” —Tim Berners-Lee Long Live the Web

System + Grid The Page order constraint control

web control

+ Table The Layout Browser order constraint control

+ The CSS Browser order constraint control

The Browser unknown

speed capability size unknown

640 x 480 800 x 600 size 1024 x 768 fixed

% flexible

T e control which designers know in the print “ medium, and o f en desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this fl exibility . ” —John Allsopp A Dao of Web Design

WYSIWTF

“ One of the main reasons why many people cling to the expectation that a web design should look the same across every browser is that one of the fi rst things that designers show them is a carefully cra f ed static design made in Photoshop or Fireworks.” —Andy Clarke Time to stop showing clients static design visuals

speed capability size unknown

desktop mobile web tablet

one web flexible

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 fl exible , but more adaptive to the media that renders them.” —Ethan Marcotte Responsive Web Design

clarification

mobile first

content first

behaviour presentation content

[role="main"] { ! width: 61.8034%; ! float: left; } [role="complementary"] { ! width: 38.1966%; ! float: right; } @media all and (max-width: 60em) { ! [role="main"], ! [role="complementary"] { ! ! width: 50%; ! } }

if ($(document).width() > 640) { ! $.get('path/to/html', function(data) { ! ! $('[role="complementary"]').append(data); ! }); }

“ It’s my belief that in order to embrace designing native layouts for the web – whatever the device – we need to shed the notion that we create layouts f om a can v as in. We need to fl ip it on its head, and create layouts f om the content out .” —Mark Boulton A Richer Canvas

web apps?

it depends

context first?

Mind reading is no way to base “ fundamental content decisions.” —Mark Kirby T e Mobile context

My lo v e for responsive centers around the idea that “ my website will meet you wherever you are — f om mobile to full-blown desktop and anywhere in between.” —Trent Walton Fit To Scale

one web

Tim Berners-Lee Long Live the Web print print print System + - PowerPoint PPT Presentation

T e primary design principle underlying the Webs usefulness and growth is universality . T e Web should be usable by people with disabilities. It must work with any form of information, be it a document or a point of data, and information

Welcome to Welcome Managed Print Anytime. Managed Print Print Print Anywhere. Services (MPS)

web design print print print e grid system is an aid, not a guarantee. It permits a number

Three ways to print

For ad hoc print and mail consolidation Receive, print and mail in one click! On average, mail

PRINT JOURNALS CURRENT PRACTICES AND EFFECTIVENESS SYSTEMS IN PLACE FOR COLLATING PRINT USAGE

An Introduction to XHTM L Print Presented to the W 3C Print Symposium 2006 Dean Anderson,

Exploring The Role of Print 21H.343 J / CC.120J Spring 2016 1 The Role of Print in an Age of

SELF-PUBLISHING, THE INDIE BOOKSTORE & ME 1. The Death of Print: An Exaggeration? 2. Print

Functions Review: WWPD print(print(one) and 2 and print(tHrE3)) Call Expressions A

Avera CE Portal How to print presentations Presentations are available to view and/or print before

Print. Winters, Charlene R. Lifting Mali. BYU Magazine Fall 2010: 36-41. Print.

A Blue print fo r Chang e make rs c ha ng e la b so lutio ns.o rg / b lue print Our la unc h we b

J ob Monitoring MIB Need for monitoring print jobs in devices and servers Proposal for a new

Graphics! def f(p, q): def main(): print(2 * q + p) i = 10 j = 3 f(i, j) def g(c, d): f(j,

Datafun Michael Arntzenius 1 Neel Krishnaswami 2 1 University of Birmingham 2 University of

Cooperative Print Management in North America A Proposal January 15, 2010 ALA Midwinter

Oc Colorado 1640 1 Roll-to-roll print is growing Forecasted worldwide ES/LX/UV print volumes

Emma Tuddenham FESPA Associations Manager Thank you Innovations in Print Europes first

Metro Print A full in-store portal providing access to all styles or print materials, from shelf

C R E A T I V E A D V E R T I S I N G A G E N C Y & P R I N T I

print culture History of Information September 17, 2007 overview codex coda Eisenstein vs

property In [ ]: lista = [1, 2, 3, 4] a1, a2, a3, a4 = lista print(a2) In [ ]: print(lista)

Office Print Monitor Office Print Monitor A Service from Lyra A Service from Lyra Research

W3C Print Symposium 2006 Welcome! Willkommen! Bienvenue! Who is W3C? Non-Profit Open

Tim Berners-Lee Long Live the Web print print print System + - PowerPoint PPT Presentation

T e primary design principle underlying the Webs usefulness and growth is universality . T e Web should be usable by people with disabilities. It must work with any form of information, be it a document or a point of data, and information

Welcome to Welcome Managed Print Anytime. Managed Print Print Print Anywhere. Services (MPS)

web design print print print e grid system is an aid, not a guarantee. It permits a number

Three ways to print

For ad hoc print and mail consolidation Receive, print and mail in one click! On average, mail

PRINT JOURNALS CURRENT PRACTICES AND EFFECTIVENESS SYSTEMS IN PLACE FOR COLLATING PRINT USAGE

An Introduction to XHTM L Print Presented to the W 3C Print Symposium 2006 Dean Anderson,

Exploring The Role of Print 21H.343 J / CC.120J Spring 2016 1 The Role of Print in an Age of

SELF-PUBLISHING, THE INDIE BOOKSTORE &amp; ME 1. The Death of Print: An Exaggeration? 2. Print

Functions Review: WWPD print(print(one) and 2 and print(tHrE3)) Call Expressions A

Avera CE Portal How to print presentations Presentations are available to view and/or print before

Print. Winters, Charlene R. Lifting Mali. BYU Magazine Fall 2010: 36-41. Print.

A Blue print fo r Chang e make rs c ha ng e la b so lutio ns.o rg / b lue print Our la unc h we b

J ob Monitoring MIB Need for monitoring print jobs in devices and servers Proposal for a new

Graphics! def f(p, q): def main(): print(2 * q + p) i = 10 j = 3 f(i, j) def g(c, d): f(j,

Datafun Michael Arntzenius 1 Neel Krishnaswami 2 1 University of Birmingham 2 University of

Cooperative Print Management in North America A Proposal January 15, 2010 ALA Midwinter

Oc Colorado 1640 1 Roll-to-roll print is growing Forecasted worldwide ES/LX/UV print volumes

Emma Tuddenham FESPA Associations Manager Thank you Innovations in Print Europes first

Metro Print A full in-store portal providing access to all styles or print materials, from shelf

C R E A T I V E A D V E R T I S I N G A G E N C Y &amp; P R I N T I

print culture History of Information September 17, 2007 overview codex coda Eisenstein vs

property In [ ]: lista = [1, 2, 3, 4] a1, a2, a3, a4 = lista print(a2) In [ ]: print(lista)

Office Print Monitor Office Print Monitor A Service from Lyra A Service from Lyra Research

W3C Print Symposium 2006 Welcome! Willkommen! Bienvenue! Who is W3C? Non-Profit Open

SELF-PUBLISHING, THE INDIE BOOKSTORE & ME 1. The Death of Print: An Exaggeration? 2. Print

C R E A T I V E A D V E R T I S I N G A G E N C Y & P R I N T I