SlideShare a Scribd company logo
Adaptation
                                             why responsive design actually begins on the server...




http://creativecommons.org/licenses/by/2.0                       http://www.flickr.com/photos/newsbiepix/4113886275
the tech media loves
a good story...




        TechCrunch

                       http://www.flickr.com/photos/scobleizer/4694051328
200 million iOS devices




                            and life on the
                          bleeding edge...




                          http://www.flickr.com/photos/scobleizer/3553486766
1/3
                      *

of the US has a
 smartphone




                             ge
               statistics rane'll
      *current            –w
      fro m 25% to 50%licity...
                        p
       u se 1/3 for sim

                      *please note

                                     http://www.flickr.com/photos/scobleizer/4694051328

Recommended for you

Rethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by YiibuRethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by Yiibu

This document discusses creating an accessible and inclusive mobile experience. It begins by noting that while some devices like the iPhone are popular, they only represent a small portion of the overall mobile device market and user population. It then examines the need to make the mobile web accessible to all users, not just those with certain devices, and provides examples of how usage and capabilities vary greatly across the global mobile landscape. The document advocates for an adaptive approach that considers this diversity and creates an experience optimized for all types of mobile browsers and networks.

htmlipadmedia queries
Why You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark CollegeWhy You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark College

A variation of my talk on mobile strategy given to Clark College to encourage students to pursue mobile and to encourage the college to adopt mobile curriculum.

mobilecareers
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013

Slides from my part 2 class of Designing for multiple devices run at General Assembly in London on the 18th of March 2013. ABSTRACT In Fundamentals for Designing for Multiple Devices, we covered the basics of responsive design and mobile apps (for both Android & iOS). We also looked at how user expectations have shifted behaviour, how consumption patterns have changed and what that has meant for designing products that will be used on multiple devices. This follow-on session will take outset in the guiding principles covered in the previous class and take a closer look at: - common challenges faced when designing for multiple devices and how to address them - content strategy and hierarchy across devices - navigation patterns for responsive design - app structures and navigation patterns - how to test both responsive sites and apps

user experience designresponsive designux
1/3
of the US has a
                         ...um, so 2/3 of the US
                  does not have a smartphone?!

 smartphone




                               http://www.flickr.com/photos/scobleizer/4694051328
or if you're a fanboy
                                              feel free to use this math*...



1/2
of the US has a
                                        and
                                              1/2
                                                does not...
 smartphone




                                 n't
                  t percentage ishe
      *the exac rtant for t
        terribly impo presentation...
                      is
     purposes of th


                                                        http://www.flickr.com/photos/abasketofpups/2662225972
will save us all!




                    http://www.flickr.com/photos/scobleizer/4694051328
but it's really only kinda useable
on few high-end devices...

                                     will save us all!




                                        http://www.flickr.com/photos/scobleizer/4694051328

Recommended for you

UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...

The document discusses device agnostic design, which aims to create content that can be accessed and displayed well on any device. It emphasizes building with reusable modular components rather than bespoke designs for each device. The key aspects are understanding content stacking strategies across screens, using content-based rather than device-based breakpoints, and designing interactive elements that work for both touch and non-touch interfaces. The goal is to provide users with a continuous experience regardless of the device they use.

anna dahlstromhow totablet
When responsive web design meets the real world
When responsive web design meets the real worldWhen responsive web design meets the real world
When responsive web design meets the real world

The document discusses responsive web design and some of the challenges it faces. It recommends adopting a mobile first approach where the mobile styles are defined first before desktop styles, allowing for a progressive enhancement. It also emphasizes the importance of performance and ensuring responsive designs are not just focused on layout but also on optimizing for speed. Key techniques discussed include building mobile first, reordering media queries, keeping basic styles outside queries, and scoping images within media queries to avoid unnecessary downloads.

Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013

Slides from my 1 hour live streaming class on March 14th at GA in New York ABSTRACT The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.

user experience designresponsive designux
the "tech industry"
...and are we making
promises we can't keep?


     htc Magic
     Android 1.6




                                         must
                   the " bleeding edge" e of
                     ha ve Android devic stop...
                                      r
                   200 9 is now a doo




                                                   http://www.flickr.com/photos/whatleydude/3547624583
the bleeding edge...
original
the iPhone
     2007
iPhone 3G
iPhone

 2007     2008

Recommended for you

Spotting
SpottingSpotting
Spotting

This is the presentation I will use to discuss issues at the NESC 2009 Forum in Canberra. My aim was to use as many images as possible to illustrate ideas. I tried to reduce my use of words and included all the references I drew upon, particularly in regard to Flickr Creative Commons images.

transformationedgelessnesc2009
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101

This document discusses improving mobile user experiences. It notes that mobile is the primary way people access the internet in some countries. Constraints on mobile like form factor and battery life must be considered. Simple interfaces work best for mobile. Native apps have advantages over mobile web, but the line is blurring. Windows Mobile was replaced by Windows Phone 7 which improved the user experience. The document emphasizes understanding user behaviors and focusing on usability.

mobile ux poland sparkup 2010
Mobile Tsunami
Mobile TsunamiMobile Tsunami
Mobile Tsunami

Recaps a presentation given to the Portland Web Innovators forum on the upcoming growth in the Mobile industry and in particular the mobile web.

iPhone 3GS
iPhone   3G

2007     2008    2009
iPhone 4
iPhone   3G     3GS

2007     2008   2009     2010
3G     3GS     4

2008   2009   2010   2011
                            iPhone 5...
side effect n.
a peripheral or secondary effect,
especially an undesirable one...




                           http://www.thefreedictionary.com/side+effect

Recommended for you

Mobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4MobileMobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4Mobile

This document provides an overview of a presentation on native mobile apps versus mobile web apps. It includes slides on why developers were fighting over the two approaches, Apple's announcement allowing third-party apps on the iPhone, and the surprise success of the iPhone App Store. It also discusses factors that contributed to the App Store's success like its openness, revenue split, and fewer restrictions compared to mobile carriers. The document debates questions around whether apps create platform lock-in, if app stores are essential to a platform's success, and challenges of developing for multiple mobile platforms. It suggests that HTML5 and WebKit may become the dominant mobile platform.

mobilewebnativeappsdesign4mobile
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14

More people are using mobile platforms to access information - can your business afford to be left behind in an age of rapid digital transformation? When once it was acceptable to be in the late majority when it came to adjusting your business to technological advancements, nowadays you have to lead the pack in order to be a viable business.

precedenttechnologydigital
Mobel - Think about your mom
Mobel  - Think about your momMobel  - Think about your mom
Mobel - Think about your mom

The document appears to be a collection of links and quotes shared by a UX designer. It includes links to articles about UX design, mobile interfaces, gestures, and technology. Quotes discuss making users feel rewarded through "power" gestures and how technology should get out of the way. The collection seems aimed at sharing references and insights relevant to the designer's work.

mobilepatternsgestures
the smartphone
                 era begins...


 original
the iPhone
     2007
brings touch, gestures
                         and the real web...


   web
 touch
         iPhone 3G
iPhone

 2007     2008
native apps and
                                the rise of Android...


         android
           apps



                   iPhone 3GS
iPhone       3G

2007         2008     2009
whither feature phones,
                               and the further rise of Android...

                htc
              g-five
          samsung
         web os
                             iPhone 4
iPhone   3G           3GS

2007     2008         2009     2010

Recommended for you

Computers in libraries 2012
Computers in libraries 2012Computers in libraries 2012
Computers in libraries 2012

The document discusses personal electronic devices in libraries. It begins by introducing the topic and noting the problems libraries are trying to solve regarding gadgets. It then provides details on the rise of iOS and Android devices and discusses how libraries can manage these operating systems. It concludes by covering legal issues like digital rights management and licensing terms for content on devices like Kindles.

#cildccildc
It's a strange world after all- Wim Janssens
It's a strange world after all- Wim JanssensIt's a strange world after all- Wim Janssens
It's a strange world after all- Wim Janssens

Monkeytalk Fall 2014 We leven in een zeer boeiend tijdperk. Zonder dat we het misschien zelf beseffen, zijn we allemaal onderdeel van een enorme verandering in hoe we leven en omgaan met elkaar en onze omgeving. Met enkele handige voorbeelden gaan we eventjes mee in de wereld van Wim die vooral gekenmerkt wordt door het constant in vraag stellen van vanzelfsprekendheden.

mobileevolutionmonkeytalk
GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012

Slides from my class on May 28 2012 at General Assembly London on designing for multiple devices. ABSTRACT The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.

user experience designuser experiencemobile
blackberry
                   kindle
                                      devices go mainstream
                    nook            with great expectations...


                   htc
                   LG
              samsung
              motorola
                            iPhone 5...
3G     3GS         4

2008   2009       2010       2011
we're now in that
 big grey area...
or from a different perspective...
the bleeding edge...

Recommended for you

Photography Meda and Elisa
Photography Meda and ElisaPhotography Meda and Elisa
Photography Meda and Elisa

This document discusses photo editing effects applied to several images. It shows "before" and "after" versions of a lily with a holga-ish effect, a photo with sepia and vignette added, and a black and white wolf photo with vignette. The document demonstrates different editing techniques applied to multiple pictures.

Iowa Crossing Guard Training 1 Hazzards
Iowa Crossing Guard Training 1 HazzardsIowa Crossing Guard Training 1 Hazzards
Iowa Crossing Guard Training 1 Hazzards

This document discusses pedestrian safety, particularly for children. It notes that 275 children ages 5-15 were killed and 15,000 injured in pedestrian/vehicle crashes annually. School crossing guards and traffic safety measures like signage and crosswalks can help enhance safety for children traveling to and from school. The document also outlines different types of pedestrian crashes and notes children have different visual, auditory and cognitive abilities than adults that impact their safety in traffic situations.

crossing guard
Syrian Homemade Weapons
Syrian Homemade  WeaponsSyrian Homemade  Weapons
Syrian Homemade Weapons

As the Syrian rebels experience a weapon shortage, they started producing their own homemade arms.

syriarebelsweapon
the bleeding edge...



                       +   'ish via China




opportunity
but we still can't see
the forest for the trees...




         http://www.flickr.com/photos/clairity/1449248189
2/3
            *


  of the US does not
have a smartphone...
                                               e
                              *or 1/2 if you'r
                                 a fanboy...




    http://www.flickr.com/photos/centralasian/3239065547
last year we
asked a simple question...




           http://www.flickr.com/photos/fpat/3692425154

Recommended for you

Q4) how did you use media terminologies
Q4) how did you use media terminologiesQ4) how did you use media terminologies
Q4) how did you use media terminologies

When researching, Fiona used various media technologies like Blogger, YouTube, Prezi, and Wordle to make her research visual and interesting. These helped structure her analysis. In planning, Fiona's group used Blogger to present initial concepts for their music video and album cover. They created draft designs in Photoshop incorporating different characters to represent themes of freedom and resistance. During construction, Fiona used equipment like cameras on fig rigs and Final Cut/iMovie for editing. Photoshop and DaFont were used for album/advert designs. Screenshots and comparisons were made to evaluate progress and get feedback throughout the process.

Qaep management system pwp
Qaep management system pwpQaep management system pwp
Qaep management system pwp

This document discusses quality assurance, enhancement, and performance management systems at USBI University. It defines key terms like quality assurance, quality enhancement, academic standards, and academic quality. It outlines USBI's goals of achieving international standards and developing quality assurance systems to ensure excellence and build reputation. It also describes USBI's quality assurance approach, including inputs, processes, and outputs. It discusses accreditation requirements from bodies like BAN-PT in Indonesia and SACS internationally. Finally, it provides criteria for internal and external quality assurance.

welcome to the
  mobile web
I asked this a year ago,
i'm not sure anything's
changed!!




                                    if you want to use the web
                           on a mobile device, is the purchase
                               of an iPhone the cost of entry?



                                              http://www.flickr.com/photos/sketch22/1127556671
to infinity and beyond...




     well over
by 2015 50% of web traffic is expected
        to come from mobile devices




                 http://www.netmagazine.com/news/uk-sees-huge-mobile-web-traffic-growth-111340
let me rephrase the question...
still the only
                            device where
                             the Web
                           actually works




                        this is rhetorical, and absurd...


  in 2015, if you want to use the web
on a mobile device, will the purchase
       of an iPhone be mandatory...?

                    http://www.flickr.com/photos/dantaylor/2161663267

Recommended for you

Stems1
Stems1Stems1
Stems1

The document contains definitions and examples of prefixes used in medical and science words. It defines prefixes such as "ante" meaning before, "anti" meaning against, "bi" meaning two, and "circum" meaning around. For each word, it provides the definition, an example using that prefix, and other examples of words using the same prefix. The purpose is to help readers understand common prefixes in medical terminology and their meanings.

word stemsvocabulary listsvocabulary
открытый решение показательных уравненийй 11 кл
открытый решение показательных уравненийй 11 клоткрытый решение показательных уравненийй 11 кл
открытый решение показательных уравненийй 11 кл
Work book10
Work book10Work book10
Work book10

This document contains the activities for Session 1 of an English diploma course. It includes exercises where students must look up word meanings, complete sentences with given adjectives, rewrite sentences using opposite adjectives, write examples using adjectives from a list, add adverbs to sentences correctly, unscramble sentences, and write sentences in English. The activities focus on vocabulary building and basic grammar practice.

ingle
gotta get 'em all...




                                                      or even want
                many of us cannot afford to
purchase every shiny new device released...




                               http://www.flickr.com/photos/bytemarks/4732726333
especially in the light of
        recent events...




       http://www.flickr.com/photos/wagnertc/3217859975
http://www.flickr.com/photos/chiacomo/3805139360
most folks have much more
       pressing concerns...




            http://www.flickr.com/photos/bobolink/4706580

Recommended for you

Braulio
BraulioBraulio
Braulio

Este gráfico de barras muestra 4 categorías y 3 series de datos. La Serie 1 es la más alta en la Categoría 1, la Serie 2 es la más alta en la Categoría 2, y la Serie 3 es la más alta en las Categorías 3 y 4.

braulio
Overview of water sector development in nigeria hackathon wb project
Overview of  water sector development in nigeria hackathon wb projectOverview of  water sector development in nigeria hackathon wb project
Overview of water sector development in nigeria hackathon wb project

Presentation given by Professor Lekan Oyebande at the meetup ahead of WaterHackathon Lagos 13-10-2011

waterhackathon water lagos nigeria
Deserted Buildings In Detroit
Deserted Buildings In Detroit Deserted Buildings In Detroit
Deserted Buildings In Detroit

This is basically what the crisis in the automotive industry lead to.

detroitfinancefinancial crisis
and far
higher priorities...



  http://www.flickr.com/photos/ilamont/4329364198
which often result in very
different purchasing decisions...




                 http://www.flickr.com/photos/timstock/535259176
however...
as lots of Android devices are
now available for less than $200*....




                    or very close to it...
                   ...*free is also becoming a popular option!

                                             http://www.flickr.com/photos/cambodia4kidsorg/5253151186

Recommended for you

Face of a Winner
Face of a WinnerFace of a Winner
Face of a Winner

The looks on the faces of Olympic athletes, as they cling the gold.

olympic gamesolympicsgold
Three record label companies
Three record label companiesThree record label companies
Three record label companies

This document summarizes three record label companies: 111 Entertainment L.L.C is a Detroit-based independent label that develops new R&B, hip hop, pop, alternative, and gospel artists. Cherry Tree Records is an American label founded in 2005 that focuses on new artists, currently signed to artists include Ellie Goulding and LMFAO. Tool Room Records is a dance music label started in 2003 by DJ Mark Knight that signs artists like Avicii and Kate Lawler.

Colombian Education Fund
Colombian Education Fund Colombian Education Fund
Colombian Education Fund

The Colombian Education Fund’s mission is to promote and support the higher education needs of young people and their families by providing scholarships and assistance.

educationcolombianonprofit organization
and some feature phones aimed at
                            the next billion now include WebKit
        ooh, touch...
                                            and a touch screen...




                      ype
Nokia  C3 Touch & T
   S  eries 40 device




                                                http://www.flickr.com/photos/yoggy0/5380738918
every phone is now (essentially)
                                                   a smartphone*...
                                                                        or soon will be




                        ns of
       ctual definitioy - but to
     *a
                ill var
 'smartphone' wey are all magic...
normal folks th
                                                      http://www.flickr.com/photos/tanj/4432327487
camera, video,
                                         3G connectivity
                                                                            music player, etc.

                                 large, colour
                                 touch sensitive screen
                                                                          a modern web
                                                                          browser (not WAP)




(often) a real, update-able
operating system                loaded with everything we've come
                                    to expect from a smartphone...


                    QWERTY keyboard
                    and/or trackball




                                                           http://www.flickr.com/photos/free_programmer/4371778263
less vibrant screens

                                                less responsive
                                                touch screens
limited or no data
plan bundled



                                                 lower spec RAM
                                                 and/or CPU/GPU




                                                few or no OEM
                                                OS updates



                               but not every smartphone
                                       is created equal...


                                         http://www.flickr.com/photos/nechbi/3841765925

Recommended for you

Programma
ProgrammaProgramma
Programma

DIALOGI VIDZEMĒ Intelektuāli lietišķā konference “Sociālā atmiņa un lokālā identitāte”

презентация
презентацияпрезентация
презентация
Caselet
CaseletCaselet
Caselet

Mahindra & Mahindra's Defense divisions are one of the largest suppliers to the Indian government, designing and constructing armored vehicles. It supplies up-armored vehicles to the Indian military and police at a reasonable cost using state-of-the-art technology. The defense divisions also provide defense systems like sea mines, surveillance solutions, weapons, ammunition, and partner with other countries to provide defense solutions. The Indian defense industry and M&M face challenges unique to the defense industry and from the recent entry of private sectors.

UNDESIRABLE
              this inequality creates diversity
                   and (often) "undesirables"...

                              http://www.flickr.com/photos/handwrite/3460075040
"Android WebKit is the closest thing to
being the IE6 of mobile development for me."
- @dalmaer via http://functionsource.com/post/a-day-in-the-life-of-android-webkit-dealings



                                                        http://www.flickr.com/photos/blank22763/4089926742
this thinking creates...
an optimal experience for
    for a privileged few...


         http://www.flickr.com/photos/carbonnyc/5140154965

Recommended for you

Monsun & drought
Monsun & drought Monsun & drought
Monsun & drought

The document discusses various aspects of the water cycle and monsoons in India. It explains that the sun's heat causes water to evaporate from oceans, lakes and soil, forming water vapor that rises and condenses into clouds. Clouds release water as precipitation like rain or snow. This water infiltrates soil or flows into bodies of water, completing the cycle. It specifically describes the monsoon system in South Asia being caused by differential land and sea heating, and defines the summer and winter monsoons in India. It also discusses droughts, their causes, impacts, and the need for better water management.

monsoon and droughts
Cardio malformaciones
Cardio malformacionesCardio malformaciones
Cardio malformaciones

Este documento describe diferentes tipos de comunicaciones interauriculares, incluyendo ostium secundum, ostium primum, seno venoso y aurícula común. Explica las anomalías en los cojinetes endocárdicos, la fisiopatología, manifestaciones clínicas, pronóstico, complicaciones y tratamiento quirúrgico para cada tipo. También menciona varios síndromes que se asocian comúnmente con comunicaciones interauriculares.

Its about people, not devices
Its about people, not devicesIts about people, not devices
Its about people, not devices

The document discusses the diversity of mobile devices globally and how this diversity is likely to persist. It notes that while some designers may choose to only design for the newest, most powerful platforms, an inclusive approach is needed to provide accessibility while still ensuring a great user experience across a wide range of contexts, inputs, and users. Context, attention, and usability have changed as mobile devices have become more capable and integrated into more aspects of our lives.

yiibu
and a missed opportunity
for many more...

           linkedin HTML5 webapp disappointment




                                                                                    must
                                                                     leeding edge" f 2009
                                                              the "b              o
                                                            have A ndroid device r stop...
                                                                              doo
                                                             is once again a
                                                  http://www.flickr.com/photos/dumbledad/3400708183
2 year old, state-of-the-art
    your smartphone is obsolete,
           please upgrade now...


                               http://www.flickr.com/photos/herval/2050815997
um...
for most folks these
are not "higher priorities"...


            http://www.flickr.com/photos/aaronpk/5328338679

Recommended for you

The trouble with context
The trouble with contextThe trouble with context
The trouble with context

The document discusses how the context in which mobile devices are used has become increasingly complex and unpredictable. Guidelines from a few years ago around mobile design being context-driven are now outdated, as mobile and Internet-connected devices have proliferated and their uses have diversified. Over 5 billion people now own mobile devices, which for many are their primary or only means of Internet access. This shift has dramatically changed user behavior and expectations.

yiibu
Rethinking the mobile web
Rethinking the mobile webRethinking the mobile web
Rethinking the mobile web

This document discusses creating an accessible and inclusive mobile experience. It begins by noting that while some devices like the iPhone are popular, they only represent a small portion of the overall mobile device market and user population. It then examines the need to make the mobile web accessible to all users, not just those with certain devices, and provides examples of how usage and capabilities vary greatly across the global mobile landscape. The document advocates for an adaptive approach that considers all mobile contexts rather than targeting specific devices or browsers.

mobileweb design and development
Beyond the mobile web
Beyond the mobile webBeyond the mobile web
Beyond the mobile web

The document discusses how the internet and mobile technology have become integrated into everyday life. Key points include: - The internet is no longer an activity confined to desktop computers, but something that people access constantly through mobile devices. - There are now over 5 billion mobile subscribers globally, and mobile phones are becoming as powerful as computers were a few years ago. - People use their mobile devices to engage in many activities like chatting, scheduling, shopping, and following up on things looked up on other devices. - Mobile internet usage is shifting from just short activities to complementing and facilitating longer tasks like research, transactions, and important decisions.

welcome to
the real world...


http://www.flickr.com/photos/slemmon/3971197662
where we learn to
adapt as required...


   http://www.flickr.com/photos/kalleboo/3536493996
craftivism




             where simply learning to knit
                   can change your life...



                         http://www.flickr.com/photos/bosstweed/152159981
from your local library
                                                                          where borrowing books for free
                                                                           is beating paying for ebooks...




Times Are Tough, Libraries Are Thriving
http://www.nytimes.com/2009/03/15/nyregion/long-island/15libraryli.html                 http://www.flickr.com/photos/ccacnorthlib/3553821229/

Recommended for you

Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01

Mobile internet access is becoming ubiquitous, with over 1.3 billion people now using their mobile devices to access the internet. Context for how the internet is accessed has changed dramatically, with people now commonly using their phones, tablets, and other devices to engage in many online activities both brief and extended. This has disrupted traditional models of web design which focused on desktop access with predictable contexts. A new approach is needed to create engaging mobile content in this environment of tremendous diversity and unpredictability.

Beyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuBeyond The Mobile Web By Yiibu
Beyond The Mobile Web By Yiibu

The document discusses how the internet and mobile technology have become integrated into everyday life. Key points include: - The internet is no longer an activity confined to desktop computers, but something that people access constantly through mobile devices. - There are now over 5 billion mobile subscribers globally, and mobile phones are becoming as powerful as computers were a few years ago. - People use their mobile devices to engage in many activities like chatting, scheduling, shopping, and following up on things looked up on other devices. - Mobile internet usage is shifting from just short activities to complementing and facilitating longer tasks like research, transactions, and important decisions.

paymentsdigital commercemobile
Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01

Mobile devices have seen tremendous growth over the past decade. What began as voice-only devices are now powerful computers that are highly personal, accessible through many operating systems and manufacturers, and support a vast array of applications and services. However, designing for mobile introduces unique constraints around limited screens, battery life, and varied contexts of use. The most popular uses of mobile today include social networking, games, photos, messaging and information searching, though there is opportunity for applications that enhance people's lives in meaningful ways by supporting tasks, learning, self-improvement and quality of life. Successful mobile design focuses on the user, iterates quickly, and views limitations as opportunities rather than barriers.

technologypeople and societymobile
where Hulu, iTunes and sports bars
      are replacing cable services...
                               expensive




           http://www.businessinsider.com/2008/3/hulu-household-why-i-got-rid-of-cable
and which led @grigs
to pick up those clippers...




          http://www.flickr.com/photos/kdnewton/2691125617
but...
the iPhone inspired everyone
to expect more from their devices...




                  http://www.flickr.com/photos/tom_ruaat/5540148158

Recommended for you

Mobile mapping w3g
Mobile mapping w3gMobile mapping w3g
Mobile mapping w3g

This document discusses lessons learned about developing cross-platform mobile maps. It notes that mobile usage has greatly increased over desktop in recent years. Effective cross-platform mapping requires supporting major mobile browsers out of the box while being optimized for slower 3G connections by reducing accuracy, limiting interactivity, breaking content into smaller pieces, and handling disruptions gracefully. User location detection is also important but poses challenges. Code samples are provided at the given URL.

w3g cross platform mobile mapping
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01

The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of screen size or input type.

anna dahlström
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014

The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of device.

multiple devicesmobilewearables
"...yeah, but people don't actually use
those undesirable devices?"




                                          http://www.flickr.com/photos/misterian/4084280385
yup
...have you actually
offered them anything yet?
                                        re
                         logs, chances aail...
            check your in the long t
           you'll find them




            http://www.flickr.com/photos/zoetnet/4669800101/
small
                                    a few companies
                                 most certainly have...




             twitter indonesia


0.facebook

                                  OperaMini
                                      http://www.flickr.com/photos/nseika/5848996146

Recommended for you

Adapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCAdapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYC

Input is constantly evolving and expanding beyond traditional keyboard and mouse. The document discusses 7 principles for adapting web design to different inputs: 1. Design for the largest target by default. 2. Design for modes of interaction instead of specific inputs. 3. Make designs accessible to all inputs. 4. Support multiple concurrent inputs. 5. Abstract baseline inputs like tap, click, and point. 6. Progressively enhance with new inputs like gestures and sensors. 7. Include different inputs in testing plans. The key message is that input cannot be detected, is a continuum, and is always changing. Web design needs to be adaptable and not assume certain inputs based on device properties.

web developmentweb designinput
Beyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibuBeyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibu

The document discusses how technology is increasingly woven into everyday life and the physical world. It describes several new technologies like smart connected objects, self-driving cars that collect data, smart forks that track eating habits and communicate with apps. It argues that the web needs to embrace these new technologies and find ways to connect physical systems to provide more seamless experiences, rather than trying to compete with native apps. The future may involve the web enabling discovery of physical objects and powering connections between various systems and technologies.

technologyfuturefood and related products
A Mobile Introductory
A Mobile IntroductoryA Mobile Introductory
A Mobile Introductory

A mobile introduction: covering native and cross platform development, fragmentation, UI and UX and some projects ive worked on.

mobilecross platformuser experience
us humans are amazing when it comes
                           to adapting to new circumstances...




...do we still really
   need the dogs?




                                            http://www.flickr.com/photos/thenationalguard/3251277781
the web was actually built
   on similar principles...




           http://www.flickr.com/photos/tanaka/3212373419
"The primary design principle underlying the Web's
usefulness and growth is universality.

The 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–from a silly tweet to a scholarly paper.

And it should be accessible from any kind of hardware
than can connect to the internet: stationary or mobile,
small screen or large."
                                                                                            ...
                                                                    as seen b efore @bdconf
Tim Berners-Lee

Long Live the Web
http://www.scientificamerican.com/article.cfm?id=long-live-the-web




                                                                           http://www.flickr.com/photos/lonelyfox/2939757714
unfortunately, our current
mental models started back here...

                 http://www.flickr.com/photos/blakespot/2343395804

Recommended for you

The effects of digital devices
The effects of digital devicesThe effects of digital devices
The effects of digital devices

The document discusses the effects of digital devices on customers and their lives. It notes that phones demand too much attention taking away from real experiences. It also discusses how analog metaphors make less sense with digital devices and new paradigms are needed for experiencing media like text on screens. Finally, it talks about how all information feeds into something larger than individuals, like a superorganism or colony of digital information, and how greater internet thought is now manifesting locally through events like the Arab Spring.

digitalmarketingstrategy
Mobile Web Vs Mobile Apps
Mobile Web Vs Mobile AppsMobile Web Vs Mobile Apps
Mobile Web Vs Mobile Apps

From the 2010 Internet Usability Conference, how to best determine whether to use the Web or build your own app for mobile devices.

appsandroidapplications
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile DevelopmentNative vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development

Examining the landscape of the mobile development, the hidden challenges of the iPhone app store, and the middle way provided by hybrid applications.

phonegapandroidiphone
The Era of mobile dominance is beginning




                            which did not prepare us for a world
paul rouget taiwan africa
                              dominated by devices like these...

                                                          http://www.flickr.com/photos/whiteafrican/2594981758
“The best, most solid way out of a crisis
in a changing market is through
experiment and adaptation.”
Richard Branson
Business Stripped Bare – Adventures of a Global Entrepreneur




                                                               http://www.flickr.com/photos/jedibfa/5146867827
<diversion>
          http://www.flickr.com/photos/y_i/2330044065
short
     a tale of clients
       and servers...




http://www.flickr.com/photos/richardberg/2135409739

Recommended for you

Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester

An overview of the current state of Mobile UX, presented to attendees of Flash Camp Manchester by Jerome and Antony from Ribot

behavioursuxtrends
Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01

The document discusses designing mobile web experiences. It begins by noting that while some devices like the iPhone are popular, the overall penetration of smartphones remains relatively low globally. It then examines the diversity of mobile devices and browsers in use. The document argues for an adaptive approach that works across different browsers and devices, using techniques like responsive design with media queries. It provides guidelines for mobile-friendly development, such as using semantic HTML, limiting animations for performance, and structuring CSS to deliver the right styles for each device type. The goal is to make the mobile web accessible to all users, not just those with specific devices.

Designing for diversity - how to stop worrying and embrace the Android revol...
Designing for diversity -  how to stop worrying and embrace the Android revol...Designing for diversity -  how to stop worrying and embrace the Android revol...
Designing for diversity - how to stop worrying and embrace the Android revol...

It took 16 years for smartphone penetration to reach 1 billion people. Analysts believe it will take only 3 years to reach the next billion. The devices these consumers buy will be incredibly diverse, yet many will run on Android; a platform that now sees more than 1.5 million activations per day. In this presentation, we explore the fascinating rise of Android around the globe. From dual SIM phones in Indonesia, to dual screen e-ink devices in Russia and crowd-sourced platform modifications in China, we will discover the role open source has played in Android's popularity and how to design for such a diverse environment.

appsresponsive designmediatek
pastrami on rye...   a client makes a request
                                to a server...




                              http://www.flickr.com/photos/_ppo/2393063853
other unique clients make
                                                                similar requests...
                                                                          yet not identical




                          Rueben...
turkey                                             chilli dog...
         grilled cheese               brisket...

                                                               corned beef...




                                                                         http://www.flickr.com/photos/_ppo/2393063853
Rueben...


chilli dog...




                a method to track each client
                        request is required...


                              http://www.flickr.com/photos/mrgarin/3476714113
as each client request
                                                                  is received...


tra pickle...                         no pickle...     Rueben...
           pastrami on rye... turkey                               chilli dog...
  Rueben...                        Rueben...
                 grilled cheese                      brisket...                corned beef...




                                                                    http://www.flickr.com/photos/_ppo/2393063853

Recommended for you

Mobile experiences
Mobile experiencesMobile experiences
Mobile experiences

A talk I gave in november 2011 for our internal Web Developer Network at EVRY. Inspirational slides, tweets and flickr photos are credited with links to the sources. Thanks!

responsivemobile experienceweb design
История интерфейсов
История интерфейсовИстория интерфейсов
История интерфейсов

Преза Юрия Ветрова.

Engage your online community
Engage your online communityEngage your online community
Engage your online community

This document discusses engaging customers through online dialogue and participation. It makes several key points: 1. The internet is now the center of all communications and experiences are the main brand differentiator. Customers expect individualized treatment and to lead relationships. 2. People trust recommendations from other people like themselves over companies. Blogs and user-generated content are influential so companies must find ways to authentically join online conversations. 3. Web 2.0 thrives on user participation through things like blogs, videos and profiles. If a company does not add blogging or ways to comment to their marketing mix, they are not fully engaging customers online.

the server tailors each request
                                                           to each client...
                                320, hold the pickle...
                                                              one more 320...
                        150, pastrami...              210 to go...



tracking (ticketing, bills, etc)
analytics (what works, what doesn't)
preparation (vs just-in-time)
tacit knowledge




                                                                  http://www.flickr.com/photos/_ppo/2393063853
ensuring they get exactly
       what they need...




        http://www.flickr.com/photos/the_junes/2134127618
rather than everything they
          might not want...




         http://www.flickr.com/photos/86624586@N00/10176570
<diversion/>




          http://www.flickr.com/photos/alper/3257406961

Recommended for you

Art of user engagement
Art of user engagementArt of user engagement
Art of user engagement

The document discusses different techniques for increasing user engagement and participation on websites and online platforms. It suggests reducing the cost of participation compared to free options, designing for ego rather than self-promotion, using reputation systems, recognition, popularity rankings, and relevant metrics. Social factors that can encourage participation include social pressure, herd mentality, reciprocity, publicly made commitments, and discovery.

DESIGNING MOBILE EXPERIENCES
DESIGNING MOBILE EXPERIENCESDESIGNING MOBILE EXPERIENCES
DESIGNING MOBILE EXPERIENCES

The document outlines the layers of the mobile experience design process, including identifying needs and goals, developing strategies and prototypes, testing, and optimization for mobile contexts. It also discusses several "rules" for mobile design such as focusing on user needs, keeping designs simple, and understanding usage contexts. The layers of the design process are idea, needs and goals, context, strategy, device plan, design, prototype, development, testing, optimization, and porting.

Digital Strategy
Digital StrategyDigital Strategy
Digital Strategy

Gareth Kay discusses strategy in the post-digital world. Some key points include: 1) Strategies need to be interesting, not just right, and trigger desired responses simply and entertainingly. 2) Strategies should be interested in what interests people and have a cultural mission rather than just commercial goals. 3) Companies should create useful experiences and media, not just communicate products. They should experiment with storytelling across screens and make everyday life playful and useful.

digital marketing
...but what does this
have to do with mobile?




     http://www.flickr.com/photos/mikeycordedda/5328343979
accomplish great things together
  working client and server can...




                http://www.flickr.com/photos/maladjusted/2341398753
client
http://domain.org




client




                     yet unknown
                   a client makes
            a request to a server...

Recommended for you

Mobile 2.0
Mobile 2.0Mobile 2.0
Mobile 2.0

This document provides an overview of mobile application development. It discusses the history of mobile technology from the brick era to the current touch era. It describes the various layers of the mobile ecosystem including services, applications, platforms, operating systems, and networks. It provides details on popular mobile platforms like Java ME, Brew, Windows Mobile, and Android. It also discusses mobile networks standards including 2G, 2.5G, 3G and technologies like GSM, UMTS, EVDO and WiMAX.

mobile
Mobile Developement Choises
Mobile Developement ChoisesMobile Developement Choises
Mobile Developement Choises

This document discusses the choices between native, web, and hybrid mobile development. It notes that while native apps have advantages like performance and access to device features, the web is more open and has fewer restrictions. Hybrid development using tools like PhoneGap aims to provide native functionality and performance while maintaining the openness of the web. The keys to successful hybrid apps are making the experience feel native, taking advantage of device features, and optimizing performance. Overall, the best approach depends on the specific application and goals.

mobileweb design and development
Prototype like a pro
Prototype like a proPrototype like a pro
Prototype like a pro

This document provides guidance on how to create effective prototypes using Keynote. It recommends planning by defining stories, creating user flows, and sketching screens. The next steps are to build prototypes by designing interfaces and adding interactivity without code. Prototypes should then be tested with users and refined based on feedback. Keynote is promoted as a quick, cheap, and effective tool for prototyping that allows creating multiple interactive versions fast and integrating user feedback.

http://domain.org




     server
clouds are hip these days...




      server
http://domain.org
...profile please?




      server
http://domain.org




              server then asks the client
                  for it's profile cookie...
yeah, you're going to need a profile...



                             server
                       http://domain.org




                           if a client doesn't have a profile
                      cookie the server creates one for it...

Recommended for you

Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...

This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator. Link to presentation recording and slides: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/ Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.

a11yaccessibilityalt text
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024

This is a powerpoint that features Microsoft Teams Devices and everything that is new including updates to its software and devices for May 2024

microsoft teamsmicrosoft
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024

Everything that I found interesting about engineering leadership last month

quantumfaxmachine
{
  	
  	
  width:{
  	
  	
  	
  	
  screen:240,
  	
  	
  	
  	
  document:240
  	
  	
  }
  }
                                       let's start with the 'default' profile...

 default profile

*defining a 'default' baseline
profile depends on your
project requirements...
                                          server
                                    http://domain.org




                                                                            or default*

notice that this makes the
                                           begin with a baseline profile
assumption that basic = default   that covers the very basic experience...
(in other words "mobile first")
eww....
                               then...grab the client user agent string
                            (trust me, it's more useful than you think)




                                              server
                                        http://domain.org

...oh yes, user-agent please?




Mozilla/5.0	
  (Linux;	
  U;	
  Android	
  2.1-­‐update1;	
  en-­‐gb;	
  Nexus	
  One	
  Build/ERE27)	
  
AppleWebKit/530.17	
  (KHTML,	
  like	
  Gecko)	
  Version/4.0	
  Mobile	
  Safari/530.17
Mozilla/5.0	
  (Linux;	
  U;	
  Android	
  2.1-­‐update1;	
  en-­‐gb;	
  Nexus	
  One	
  Build/ERE27)	
  
       AppleWebKit/530.17	
  (KHTML,	
  like	
  Gecko)	
  Version/4.0	
  Mobile	
  Safari/530.17




hey DeviceAtlas, wanna check this UA for me?



                                                     server
                                               http://domain.org




                                           query the user agent string against
                                      a device database such as DeviceAtlas...
                                                                                                        ...or WURFL
Mozilla/5.0	
  (Linux;	
  U;	
  Android	
  2.1-­‐update1;	
  en-­‐gb;	
  Nexus	
  One	
  Build/ERE27)	
  
    AppleWebKit/530.17	
  (KHTML,	
  like	
  Gecko)	
  Version/4.0	
  Mobile	
  Safari/530.17




{
	
  width:480,                                                ...found it, here it comes!
	
  height:480,
	
  color-­‐depth:8,
	
  touch:true,
	
  cookie:true,
	
  ...
}
                                         http://deviceatlas.com
DeviceAtlas profile

Recommended for you

RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx

Your comprehensive guide to RPA in healthcare for 2024. Explore the benefits, use cases, and emerging trends of robotic process automation. Understand the challenges and prepare for the future of healthcare automation

rpa in healthcarerpa in healthcare usarpa in healthcare industry
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing

Invited Remote Lecture to SC21 The International Conference for High Performance Computing, Networking, Storage, and Analysis St. Louis, Missouri November 18, 2021

distributed supercomputerdistributed machine learning
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation

Java Servlet programs

{
	
  	
  width:{
	
  	
  	
  	
  screen:240,
	
  	
  	
  	
  document:240
	
  	
  }
}
default profile
                               ...hmm, I think I've seen this before?

                                               server
{
	
  width:480,                           http://domain.org
	
  height:480,
	
  color-­‐depth:8,
	
  touch:true,
	
  cookie:true,
	
  ...
}

DeviceAtlas profile                now query the user agent string against
                                any tacit knowledge you have collected...
                                                                        may
 	
  	
  	
   "profile":{"width":"240"}
	
  	
  	
  },
	
  	
  	
  "desktop":	
  {
	
  	
  	
  	
   "match":"#windows|macintosh|linux#i",
	
  	
  	
  	
   "profile":{"width":"800"}                        tacit data
	
  	
  	
  },
	
  	
  	
  "iphone":	
  {
	
  	
  	
  	
   "match":"#iphone#i",
	
  	
  	
  	
   "profile":{"ios":"1",	
  "width":"320",	
  "svg":true,	
  "canvas":true}
	
  	
  	
  },
	
  	
  	
  "ipad":	
  {
	
  	
  	
  	
   "match":"#ipad#i",
	
  	
  	
  	
   "profile":{"ios":"1",	
  "width":"768",	
  "svg":true,	
  "canvas":true}
	
  	
  	
  },
	
  	
  "android":	
  {
	
  	
  	
  	
   "match":"#android#i",
	
  	
  	
  	
   "profile":{"droid":"1",	
  "width":"320",	
  "flash":true,	
  "canvas":true,	
  "video":true}
	
  	
  	
  },
	
  	
  	
  "symbian^3":	
  {
                                                                                         Tacit (or known) profile
	
  	
  	
  	
   "match":"#symbian/3#i",
	
  	
  	
  	
   "profile":{"sym3":"1",	
  "width":"360"}
	
  	
  	
  },
	
  	
  	
  "symbian9.4":	
  {
	
  	
  	
  	
   "match":"#symbianos/9.4#i",
	
  	
  	
  	
   "profile":{"sym94":"1",	
  "width":"360"}
	
  	
  	
  },
	
  	
  	
  "symbian9.3":	
  {
	
  	
  	
  	
   "match":"#symbianos/9.3#i",
	
  	
  	
  	
   "profile":{"sym93":"1",	
  "width":"360"}
                                                               partial profiles are matched via
	
  	
  	
  },
	
  	
  	
  "n73":	
  {                                                 UA string fragments...
	
  	
  	
  	
   "match":"#N73#i",
	
  	
  	
  	
   "profile":{"sym91":"1",	
  "width":"240"}
	
  	
  	
  },
	
  	
  	
  "series602.x":	
  {
	
  	
  	
  	
   "match":"#series60/2.8|{series60/2.9}#i",
{
	
  	
  width:{                          tacit data
	
  	
  	
  	
  screen:240,
	
  	
  	
  	
  document:240
	
  	
  }
}
default profile

{
	
  width:320,
	
  droid:1,                   yeah, I've seen this before...
	
  canvas:true,
	
  flash:true,
	
  video:true,                            server
	
  ...                              http://domain.org
}

Tacit (or known) profile


{
	
  width:480,
	
  height:480,                         this tacit knowledge is gathered
	
  color-­‐depth:8,
	
  touch:true,                    over time from other device profiles...
	
  cookie:true,
	
  ...                                                         ...or through knowledge
}                                                               gained during testing
DeviceAtlas profile
{
	
  	
  width:{
	
  	
  	
  	
  screen:320,
	
  	
  	
  	
  document:320
	
  	
  },
	
  	
  xhr:true,
	
  	
  canvas:true,
	
  	
  flash:false,
	
  	
  video:true,
	
  	
  formats:{                              server
	
  	
  h264:probably,                   http://domain.org
	
  	
  ogg:false,
	
  	
  webm:false
	
  	
  },
	
  	
  offline:true
}
Client profile
                                      merge the baseline data, with the data
                               returned from queries into the client profile...

Recommended for you

What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx

This is a slide deck that showcases the updates in Microsoft Copilot for May 2024

microsoftmicrosoft copilot
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges

accommodate the strengths, weaknesses, threats and opportunities of autonomous vehicles

automotive self-driving car technology
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf

As a popular open-source library for analytics engineering, dbt is often used in combination with Airflow. Orchestrating and executing dbt models as DAGs ensures an additional layer of control over tasks, observability, and provides a reliable, scalable environment to run dbt models. This webinar will cover a step-by-step guide to Cosmos, an open source package from Astronomer that helps you easily run your dbt Core projects as Airflow DAGs and Task Groups, all with just a few lines of code. We’ll walk through: - Standard ways of running dbt (and when to utilize other methods) - How Cosmos can be used to run and visualize your dbt projects in Airflow - Common challenges and how to address them, including performance, dependency conflicts, and more - How running dbt projects in Airflow helps with cost optimization Webinar given on 9 July 2024

apache airflowdbtdbt-core
cookie

{
	
  	
  width:{                   document
	
  	
  	
  	
  screen:320,
	
  	
  	
  	
  document:320
	
  	
  },
	
  	
  xhr:true,                             response
	
  	
  canvas:true,
	
  	
  flash:false,
	
  	
  video:true,
	
  	
  formats:{                           server
	
  	
  h264:probably,                http://domain.org
	
  	
  ogg:false,
	
  	
  webm:false
	
  	
  },
	
  	
  offline:true
}
Client profile
                               write the profile cookie to the doc header
                                     which will be returned to the client...
{
	
  	
  width:{
	
  	
  	
  	
  screen:320,
	
  	
  	
  	
  document:320
	
  	
  },
	
  	
  xhr:true,                  response
	
  	
  canvas:true,                               profile
	
  	
  flash:false,
	
  	
  video:true,
	
  	
  formats:{                    server
	
  	
  h264:probably,         http://domain.org
	
  	
  ogg:false,
	
  	
  webm:false
	
  	
  },
	
  	
  offline:true
}
                                                            for this client
Client profile
                                     server now has a usable profile
                                                 and can continue...
media queries are not a means                           using Javascript to modify
of adapting content contained                            significant portions of the
within the DOM on the client...                       DOM will impact performance
                                                                on mobile devices...



                                      response
                                   filter
                                        server
                                  http://domain.org




                                                               and adapt
                       the server now begins to filter the content
                     based on the properties in the client profile...
Adaptation Rules
ensure all images are
appropriately sized for
client display
replace any images that
contain fine details or text
replace Flash media with
an appropriate alternative         response
where not supported
remove unnecessary
markup, scripts, etc.                server
                               http://domain.org




                                                              or app
                        adaptation 'rules' will vary from site to site,
                          but adapting <img>'s is most common...

Recommended for you

Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM

Quantum Communications Q&A with Gemini LLM. These are based on Shannon's Noisy channel Theorem and offers how the classical theory applies to the quantum world.

quantum communicationsshannon's channel theoremclassical theory
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides

If you’ve ever had to analyze a map or GPS data, chances are you’ve encountered and even worked with coordinate systems. As historical data continually updates through GPS, understanding coordinate systems is increasingly crucial. However, not everyone knows why they exist or how to effectively use them for data-driven insights. During this webinar, you’ll learn exactly what coordinate systems are and how you can use FME to maintain and transform your data’s coordinate systems in an easy-to-digest way, accurately representing the geographical space that it exists within. During this webinar, you will have the chance to: - Enhance Your Understanding: Gain a clear overview of what coordinate systems are and their value - Learn Practical Applications: Why we need datams and projections, plus units between coordinate systems - Maximize with FME: Understand how FME handles coordinate systems, including a brief summary of the 3 main reprojectors - Custom Coordinate Systems: Learn how to work with FME and coordinate systems beyond what is natively supported - Look Ahead: Gain insights into where FME is headed with coordinate systems in the future Don’t miss the opportunity to improve the value you receive from your coordinate system data, ultimately allowing you to streamline your data analysis and maximize your time. See you there!

Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...

Slide of the tutorial entitled "Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Emerging Trends" held at UMAP'24: 32nd ACM Conference on User Modeling, Adaptation and Personalization (July 1, 2024 | Cagliari, Italy)

user modelinguser profilinguser model
Adaptation Rules
ensure all images are
appropriately sized for
client display
replace any images that
contain fine details or text
replace Flash media with
an appropriate alternative         response
where not supported
remove unnecessary
markup, scripts, etc.                server
                               http://domain.org
adapt large tables as
required, link to data
serve appropriate video
format, codec and size
adapt DOM components
including scripts and styles       <video>, <table> and other DOM
                                  structures also require adaptation
                                                   may
Adaptation Rules                                     Resource Bundles
ensure all images are                                         alternate content
appropriately sized for                                   appropriate for context
client display
                                                       alternate DOM templates,
replace any images that                               components & fragments
contain fine details or text
                                                     alternate sized, formatted +
replace Flash media with                              encoded video as required
an appropriate alternative         response
where not supported                                         alternate images for
                                                            required breakpoints
remove unnecessary
markup, scripts, etc.                server            alternate scripts + styles
                               http://domain.org       for required client profiles
adapt large tables as
required, link to data
serve appropriate video
format, codec and size
adapt DOM components
including scripts and styles                       you will often require
                                                        new resources
    "pinch-­‐zoom":{
	
     	
   "0-­‐320":"resources/images/meego/pinch-­‐zoom@240.png",
	
     	
   "320-­‐720":"resources/images/meego/pinch-­‐zoom@320.png",        Resource Bundles
	
     	
   "720-­‐9999":"resources/images/meego/pinch-­‐zoom.png"
	
     },                                                                              alternate content
	
     "typing":{
	
     	
   "0-­‐320":"resources/images/meego/typing@240.png",
                                                                                   appropriate for context
	
     	
   "320-­‐720":"resources/images/meego/typing@320.png",
	
     	
   "720-­‐9999":"resources/images/meego/typing.png"                    alternate DOM templates,
	
     },                                                                      components & fragments
	
     "stay-­‐safe":{
	
     	
   "0-­‐320":"resources/images/meego/stay-­‐safe@240.png",           alternate sized, formatted +
	
     	
   "320-­‐720":"resources/images/meego/stay-­‐safe@320.png",          encoded video as required
	
     	
   "720-­‐9999":"resources/images/meego/stay-­‐safe.png"
	
     },                                                                            alternate images for
	
     "swipe-­‐more":{                                                              required breakpoints
	
     	
   "0-­‐320":"resources/images/meego/swipe@240.jpg",
	
     	
   "320-­‐640":"resources/images/meego/swipe@320.jpg",
	
     	
   "640-­‐9999":"resources/images/meego/swipe.jpg"                     alternate scripts + styles
	
     },                                                                       for required client profiles
	
     "pinch-­‐zoom-­‐more":{
	
     	
   "0-­‐320":"resources/images/meego/pinch-­‐zoom@240.png",
	
     	
   "320-­‐720":"resources/images/meego/pinch-­‐zoom@320.png",
	
     	
   "720-­‐9999":"resources/images/meego/pinch-­‐zoom.png"
	
     },
	
     "typing-­‐more":{
	
     	
   "0-­‐320":"resources/images/meego/typing@240.png",
	
  
	
  
       	
   "320-­‐720":"resources/images/meego/typing@320.png",
       	
   "720-­‐9999":"resources/images/meego/typing.png"             which can be defined in
	
  
	
  
       },
       "stay-­‐safe-­‐more":{                                             any number of ways...
	
     	
   "0-­‐320":"resources/images/meego/stay-­‐safe@240.png",
	
     	
   "320-­‐720":"resources/images/meego/stay-­‐safe@320.png",
	
     	
   "720-­‐9999":"resources/images/meego/stay-­‐safe.png"
	
     },
	
     "location":{
video
                      data



                               images




      response


        server
  http://domain.org




these resources can be static, cached
    or even dynamically generated...
                        which would make them
                         even more responsive

Recommended for you

Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry

Are you interested in dipping your toes in the cloud native observability waters, but as an engineer you are not sure where to get started with tracing problems through your microservices and application landscapes on Kubernetes? Then this is the session for you, where we take you on your first steps in an active open-source project that offers a buffet of languages, challenges, and opportunities for getting started with telemetry data. The project is called openTelemetry, but before diving into the specifics, we’ll start with de-mystifying key concepts and terms such as observability, telemetry, instrumentation, cardinality, percentile to lay a foundation. After understanding the nuts and bolts of observability and distributed traces, we’ll explore the openTelemetry community; its Special Interest Groups (SIGs), repositories, and how to become not only an end-user, but possibly a contributor.We will wrap up with an overview of the components in this project, such as the Collector, the OpenTelemetry protocol (OTLP), its APIs, and its SDKs. Attendees will leave with an understanding of key observability concepts, become grounded in distributed tracing terminology, be aware of the components of openTelemetry, and know how to take their first steps to an open-source contribution! Key Takeaways: Open source, vendor neutral instrumentation is an exciting new reality as the industry standardizes on openTelemetry for observability. OpenTelemetry is on a mission to enable effective observability by making high-quality, portable telemetry ubiquitous. The world of observability and monitoring today has a steep learning curve and in order to achieve ubiquity, the project would benefit from growing our contributor community.

cloudcloud native observabilitycloud native
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure

Recent advancements in the NIST-JARVIS infrastructure: JARVIS-Overview, JARVIS-DFT, AtomGPT, ALIGNN, JARVIS-Leaderboard

jarvisjarvis-dftalignn
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf

Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.

infrastructure as codeclouddevops
response


      server
http://domain.org




                all content adaptation is
               performed on the server...
                               before the page is
                                  downloaded
response


                server
          http://domain.org




                                        on the client
alternate resources that may later be required
              are then bundled as references...
{}
             response


               server
         http://domain.org




                                  feature detection
                an additional profile <script>
is also included in the response to the client...
{}

Recommended for you

Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter

Widya Salim and Victor Ma will outline the causal impact analysis, framework, and key learnings used to quantify the impact of reducing Twitter's network latency.

How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx

How do we build an IoT product, and make it profitable? Talk from the IoT meetup in March 2024. https://www.meetup.com/iot-sweden/events/299487375/

iot
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy

Not so much to say

Adaptation
server
http://domain.org
client
{
	
  	
  width:{
	
  	
  	
  	
  screen:480,
	
  	
  	
  	
  document:480
	
  	
  },
	
  	
  xhr:true,
	
  	
  canvas:true,
	
  	
  flash:true,
	
  	
  video:true,
	
  	
  formats:{
	
  	
  h264:probably,
	
  	
  ogg:true,
	
  	
  webm:false
	
  	
  },
	
  	
  offline:true
}
Client profile
                                                     feature detection
                                    the client executes its profile <script>
                               and updates its profile cookie accordingly...

Recommended for you

Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation

Manual Method of Product Research | Helium10 | MBS RETRIEVER

product researchhelium10 | mbs retriever
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf

Support en anglais diffusé lors de l'événement 100% IA organisé dans les locaux parisiens d'Iguane Solutions, le mardi 2 juillet 2024 : - Présentation de notre plateforme IA plug and play : ses fonctionnalités avancées, telles que son interface utilisateur intuitive, son copilot puissant et des outils de monitoring performants. - REX client : Cyril Janssens, CTO d’ easybourse, partage son expérience d’utilisation de notre plateforme IA plug & play.

genaicloudrgpd
Adaptation
or screen resize
on an orientation change
    the script fires again...
images


{
	
  	
  width:{                updated
	
  	
  	
  	
  screen:800,
	
  	
  	
  	
  document:800
	
  	
  },
	
  	
  xhr:true,
	
  	
  canvas:true,
	
  	
  flash:true,
	
  	
  video:true,
	
  	
  formats:{
	
  	
  h264:probably,
	
  	
  ogg:true,
	
  	
  webm:false
	
  	
  },
	
  	
  offline:true
}
Client profile
                                         and if needed, additional resources
                                                          are downloaded...
                                                                 based on the pre-
                                                                 bundled references
http://domain.org/fava-beans/chianti




                            known
                      a client makes
           a new request to a server...

Recommended for you

...profile please?



      server
http://domain.org




             server then asks the client
                 for it's profile cookie...
{
	
  	
  width:{
                               ...ah, wonderful you've filled in the rest!
	
  	
  	
  	
  screen:800,
	
  	
  	
  	
  document:800
	
  	
  },
	
  	
  xhr:true,
	
  	
  canvas:true,
	
  	
  flash:true,
	
  	
  video:true,
	
  	
  formats:{                            server
	
  	
  h264:probably,                 http://domain.org
	
  	
  ogg:true,
	
  	
  webm:false
	
  	
  },
	
  	
  offline:true
}
Client profile
                                                     which now accurately
                                           represents the requesting client...
tacit data




            server
      http://domain.org




         server captures the client-tested
profile properties for later dB integration...
let me get that for you...
                             response


                             server
                       http://domain.org




                                                 and adapt
                        server then begins to filter content
                                based on the client profile...

Recommended for you

response


      server
http://domain.org




                              on the client
            any resources required are
         then bundled as references...
{}
Adaptation
server
http://domain.org

Recommended for you

client




         ...ta da!
and repeat as
   required...
Adaptation
Adaptation

Recommended for you

all in preparation for the coming
            zombie apocalypse...
            @scottjenson zombie frog




                 http://www.flickr.com/photos/digitalsextant/3624030270
benefits of this
       approach...




http://www.flickr.com/photos/sarahreido/3120877348
known
                              focus on the features,
                                    not the device...




                        OperaMini



ceçi n'est plus un iphone
                                    http://www.flickr.com/photos/jane_garratt/5377694159
browser
 accepts that features
   are rarely binary...



just because it's 'supported', doesn't mean
it works as intended (or works at all)...


                               http://html5test.com/

Recommended for you

tweaks for "important" devices
(e.g. client-specific requests,
business goal-specific, partners,
high-traffic edge cases etc.)



                                   tacit data enables you to
create custom properties needed
for your specific project              fine tune the profiles...



override false positives




                                            http://www.flickr.com/photos/mujitra/2559447601
handling
which makes edge cases
         much easier...




   http://twitter.com/#!/stephanierieger/status/113604185857069056
all heavy lifting occurs
        on the server...

      http://www.flickr.com/photos/mackarus/4289960218
folks and their
supports a broader range of devices
where client-side-only approaches
can be unreliable...




                                          http://www.flickr.com/photos/mackarus/3022623866

Recommended for you

embrace the future of
"unknown unknowns"...




        http://www.flickr.com/photos/jgoforth/87176920
a few thoughts
  for tomorrow...




http://www.flickr.com/photos/slemmon/3971195778
the <img> tag...
          was an after thought




http://diveintomark.org/archives/2009/11/02/why-do-we-have-an-img-element
...perhaps it's finally time
                                                                       to rethink it?


<image	
  alt="butterfly">
  <source	
  src="butterfly-­‐small.png"	
  width="100"	
  height="80"	
  />
  <source	
  src="butterfly.png"	
  width="200"	
  height="160"	
  />
  <source	
  src="butterfly-­‐large.svg"	
  width="400"	
  height="400"
  	
  media="min-­‐device-­‐width:320px"	
  />
</image>
                       this of course does not exist,
                       and is simply wishful thinking...

Recommended for you

<html>
                                         ...media queries for the DOM?
...                                                    ie: conditional content
@media	
  all	
  (max-­‐device-­‐width:320px)	
  {
	
  	
  <img	
  src="butterfly-­‐small.png"	
  width="100"	
  height="80"	
  />
}

@media	
  all	
  (min-­‐device-­‐width:320px)	
  {
	
  	
  <img	
  src="butterfly.png"	
  width="200"	
  height="160"	
  />
}

@media	
  all	
  (min-­‐device-­‐width:320px)	
  and	
  (svg:true)	
  {
	
  	
  <img	
  src="butterfly.svg"	
  width="400"	
  height="400"	
  />
}
                                        this of course does not exist, and is
...                                     only the simplest form of an idea...
</html>
rethinking (and extending)
    content negotiation...




           http://en.wikipedia.org/wiki/Content_negotiation
and maybe even go back and
                                          revisit UA strings...
Andrea Trasatti sorting user agent strings out


                                                      ee
                               for so me thoughts...srting
                              Andrea  Trasatti's "So ut"
                                                    O
                               User  Agent Strings




                                                       http://en.wikipedia.org/wiki/User_agent
"The wise adapt themselves to circumstances,
    as the water moulds itself to the pitcher."
                                             Chinese Proverb




                              http://www.flickr.com/photos/theowl84/3045227001

Recommended for you

@yiibu
please
say
         hi hello@yiibu.com


                                                                       thank you



    the font we
    use is
             Museo
             http://www.exljbris.com/museo.html


         many thanks to the
         amazing photographers
         on

             http://www.flickr.com/creativecommons/by-2.0


         licensed under

             http://creativecommons.org/licenses/by/2.0


             available on
             http://www.slideshare.net/yiibu/adaptation




                                                           http://www.flickr.com/photos/kwl/4171367373

More Related Content

What's hot

Some Kind of Wonderful
Some Kind of WonderfulSome Kind of Wonderful
Some Kind of Wonderful
Bryan Rieger
 
Casting Off Our Desktop Shackles
Casting Off Our Desktop ShacklesCasting Off Our Desktop Shackles
Casting Off Our Desktop Shackles
Jason Grigsby
 
Imagining the physical web
Imagining the physical webImagining the physical web
Imagining the physical web
yiibu
 
Rethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by YiibuRethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by Yiibu
Bryan Rieger
 
Why You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark CollegeWhy You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark College
Jason Grigsby
 
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Anna Dahlström
 
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD UK Ltd
 
When responsive web design meets the real world
When responsive web design meets the real worldWhen responsive web design meets the real world
When responsive web design meets the real world
Jason Grigsby
 
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Anna Dahlström
 
Spotting
SpottingSpotting
Spotting
Keith Lyons
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
Antony Ribot
 
Mobile Tsunami
Mobile TsunamiMobile Tsunami
Mobile Tsunami
Jason Grigsby
 
Mobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4MobileMobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4Mobile
Jason Grigsby
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
Precedent
 
Mobel - Think about your mom
Mobel  - Think about your momMobel  - Think about your mom
Mobel - Think about your mom
Wim Janssens
 
Computers in libraries 2012
Computers in libraries 2012Computers in libraries 2012
Computers in libraries 2012
Jason Griffey
 
It's a strange world after all- Wim Janssens
It's a strange world after all- Wim JanssensIt's a strange world after all- Wim Janssens
It's a strange world after all- Wim Janssens
Monkeyshot
 
GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012
Anna Dahlström
 

What's hot (18)

Some Kind of Wonderful
Some Kind of WonderfulSome Kind of Wonderful
Some Kind of Wonderful
 
Casting Off Our Desktop Shackles
Casting Off Our Desktop ShacklesCasting Off Our Desktop Shackles
Casting Off Our Desktop Shackles
 
Imagining the physical web
Imagining the physical webImagining the physical web
Imagining the physical web
 
Rethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by YiibuRethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by Yiibu
 
Why You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark CollegeWhy You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark College
 
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
 
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
 
When responsive web design meets the real world
When responsive web design meets the real worldWhen responsive web design meets the real world
When responsive web design meets the real world
 
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
 
Spotting
SpottingSpotting
Spotting
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
 
Mobile Tsunami
Mobile TsunamiMobile Tsunami
Mobile Tsunami
 
Mobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4MobileMobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4Mobile
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
 
Mobel - Think about your mom
Mobel  - Think about your momMobel  - Think about your mom
Mobel - Think about your mom
 
Computers in libraries 2012
Computers in libraries 2012Computers in libraries 2012
Computers in libraries 2012
 
It's a strange world after all- Wim Janssens
It's a strange world after all- Wim JanssensIt's a strange world after all- Wim Janssens
It's a strange world after all- Wim Janssens
 
GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012
 

Viewers also liked

Photography Meda and Elisa
Photography Meda and ElisaPhotography Meda and Elisa
Photography Meda and Elisa
elisavecchietti
 
Iowa Crossing Guard Training 1 Hazzards
Iowa Crossing Guard Training 1 HazzardsIowa Crossing Guard Training 1 Hazzards
Iowa Crossing Guard Training 1 Hazzards
iowabicycle
 
Syrian Homemade Weapons
Syrian Homemade  WeaponsSyrian Homemade  Weapons
Syrian Homemade Weapons
Mihex
 
Q4) how did you use media terminologies
Q4) how did you use media terminologiesQ4) how did you use media terminologies
Q4) how did you use media terminologies
Figen232
 
Qaep management system pwp
Qaep management system pwpQaep management system pwp
Qaep management system pwp
Broto Mudjianto
 
Stems1
Stems1Stems1
Stems1
maurashafer
 
открытый решение показательных уравненийй 11 кл
открытый решение показательных уравненийй 11 клоткрытый решение показательных уравненийй 11 кл
открытый решение показательных уравненийй 11 кл
kravhenko
 
Work book10
Work book10Work book10
Braulio
BraulioBraulio
Braulio
Edu0208
 
Overview of water sector development in nigeria hackathon wb project
Overview of  water sector development in nigeria hackathon wb projectOverview of  water sector development in nigeria hackathon wb project
Overview of water sector development in nigeria hackathon wb project
CcHub
 
Deserted Buildings In Detroit
Deserted Buildings In Detroit Deserted Buildings In Detroit
Deserted Buildings In Detroit
Mihex
 
Face of a Winner
Face of a WinnerFace of a Winner
Face of a Winner
Mihex
 
Three record label companies
Three record label companiesThree record label companies
Three record label companies
Figen232
 
Colombian Education Fund
Colombian Education Fund Colombian Education Fund
Colombian Education Fund
Eder Holguin
 
Programma
ProgrammaProgramma
презентация
презентацияпрезентация
презентация
kravhenko
 
Caselet
CaseletCaselet
Caselet
saurabhsuperb
 
Monsun & drought
Monsun & drought Monsun & drought
Monsun & drought
vigyanashram
 
Cardio malformaciones
Cardio malformacionesCardio malformaciones
Cardio malformaciones
UCE-anizamber
 

Viewers also liked (20)

Photography Meda and Elisa
Photography Meda and ElisaPhotography Meda and Elisa
Photography Meda and Elisa
 
Iowa Crossing Guard Training 1 Hazzards
Iowa Crossing Guard Training 1 HazzardsIowa Crossing Guard Training 1 Hazzards
Iowa Crossing Guard Training 1 Hazzards
 
Syrian Homemade Weapons
Syrian Homemade  WeaponsSyrian Homemade  Weapons
Syrian Homemade Weapons
 
Rech. op. ch3
Rech. op. ch3Rech. op. ch3
Rech. op. ch3
 
Q4) how did you use media terminologies
Q4) how did you use media terminologiesQ4) how did you use media terminologies
Q4) how did you use media terminologies
 
Qaep management system pwp
Qaep management system pwpQaep management system pwp
Qaep management system pwp
 
Stems1
Stems1Stems1
Stems1
 
открытый решение показательных уравненийй 11 кл
открытый решение показательных уравненийй 11 клоткрытый решение показательных уравненийй 11 кл
открытый решение показательных уравненийй 11 кл
 
Work book10
Work book10Work book10
Work book10
 
Braulio
BraulioBraulio
Braulio
 
Overview of water sector development in nigeria hackathon wb project
Overview of  water sector development in nigeria hackathon wb projectOverview of  water sector development in nigeria hackathon wb project
Overview of water sector development in nigeria hackathon wb project
 
Deserted Buildings In Detroit
Deserted Buildings In Detroit Deserted Buildings In Detroit
Deserted Buildings In Detroit
 
Face of a Winner
Face of a WinnerFace of a Winner
Face of a Winner
 
Three record label companies
Three record label companiesThree record label companies
Three record label companies
 
Colombian Education Fund
Colombian Education Fund Colombian Education Fund
Colombian Education Fund
 
Programma
ProgrammaProgramma
Programma
 
презентация
презентацияпрезентация
презентация
 
Caselet
CaseletCaselet
Caselet
 
Monsun & drought
Monsun & drought Monsun & drought
Monsun & drought
 
Cardio malformaciones
Cardio malformacionesCardio malformaciones
Cardio malformaciones
 

Similar to Adaptation

Its about people, not devices
Its about people, not devicesIts about people, not devices
Its about people, not devices
Alexander Anikin
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
Alexander Anikin
 
Rethinking the mobile web
Rethinking the mobile webRethinking the mobile web
Rethinking the mobile web
Alexander Anikin
 
Beyond the mobile web
Beyond the mobile webBeyond the mobile web
Beyond the mobile web
Alexander Anikin
 
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Therese Kokot
 
Beyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuBeyond The Mobile Web By Yiibu
Beyond The Mobile Web By Yiibu
Jim Porter
 
Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01
Gustavo Luveira
 
Mobile mapping w3g
Mobile mapping w3gMobile mapping w3g
Mobile mapping w3g
earthwarebrian
 
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Victor Minuesa
 
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Anna Dahlström
 
Adapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCAdapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYC
Jason Grigsby
 
Beyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibuBeyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibu
AdRoll
 
A Mobile Introductory
A Mobile IntroductoryA Mobile Introductory
A Mobile Introductory
University of Central Lancashire
 
The effects of digital devices
The effects of digital devicesThe effects of digital devices
The effects of digital devices
Greg Dillon
 
Mobile Web Vs Mobile Apps
Mobile Web Vs Mobile AppsMobile Web Vs Mobile Apps
Mobile Web Vs Mobile Apps
Joe Hass
 
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile DevelopmentNative vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
Jason Grigsby
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester
Antony Ribot
 
Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01
Raymond Morin
 
Designing for diversity - how to stop worrying and embrace the Android revol...
Designing for diversity -  how to stop worrying and embrace the Android revol...Designing for diversity -  how to stop worrying and embrace the Android revol...
Designing for diversity - how to stop worrying and embrace the Android revol...
yiibu
 
Mobile experiences
Mobile experiencesMobile experiences
Mobile experiences
Jonas Päckos
 

Similar to Adaptation (20)

Its about people, not devices
Its about people, not devicesIts about people, not devices
Its about people, not devices
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
 
Rethinking the mobile web
Rethinking the mobile webRethinking the mobile web
Rethinking the mobile web
 
Beyond the mobile web
Beyond the mobile webBeyond the mobile web
Beyond the mobile web
 
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
 
Beyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuBeyond The Mobile Web By Yiibu
Beyond The Mobile Web By Yiibu
 
Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01
 
Mobile mapping w3g
Mobile mapping w3gMobile mapping w3g
Mobile mapping w3g
 
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
 
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
 
Adapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCAdapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYC
 
Beyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibuBeyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibu
 
A Mobile Introductory
A Mobile IntroductoryA Mobile Introductory
A Mobile Introductory
 
The effects of digital devices
The effects of digital devicesThe effects of digital devices
The effects of digital devices
 
Mobile Web Vs Mobile Apps
Mobile Web Vs Mobile AppsMobile Web Vs Mobile Apps
Mobile Web Vs Mobile Apps
 
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile DevelopmentNative vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester
 
Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01
 
Designing for diversity - how to stop worrying and embrace the Android revol...
Designing for diversity -  how to stop worrying and embrace the Android revol...Designing for diversity -  how to stop worrying and embrace the Android revol...
Designing for diversity - how to stop worrying and embrace the Android revol...
 
Mobile experiences
Mobile experiencesMobile experiences
Mobile experiences
 

More from Alexander Anikin

История интерфейсов
История интерфейсовИстория интерфейсов
История интерфейсов
Alexander Anikin
 
Engage your online community
Engage your online communityEngage your online community
Engage your online community
Alexander Anikin
 
Art of user engagement
Art of user engagementArt of user engagement
Art of user engagement
Alexander Anikin
 
DESIGNING MOBILE EXPERIENCES
DESIGNING MOBILE EXPERIENCESDESIGNING MOBILE EXPERIENCES
DESIGNING MOBILE EXPERIENCES
Alexander Anikin
 
Digital Strategy
Digital StrategyDigital Strategy
Digital Strategy
Alexander Anikin
 
Mobile 2.0
Mobile 2.0Mobile 2.0
Mobile 2.0
Alexander Anikin
 
Mobile Developement Choises
Mobile Developement ChoisesMobile Developement Choises
Mobile Developement Choises
Alexander Anikin
 
Prototype like a pro
Prototype like a proPrototype like a pro
Prototype like a pro
Alexander Anikin
 

More from Alexander Anikin (8)

История интерфейсов
История интерфейсовИстория интерфейсов
История интерфейсов
 
Engage your online community
Engage your online communityEngage your online community
Engage your online community
 
Art of user engagement
Art of user engagementArt of user engagement
Art of user engagement
 
DESIGNING MOBILE EXPERIENCES
DESIGNING MOBILE EXPERIENCESDESIGNING MOBILE EXPERIENCES
DESIGNING MOBILE EXPERIENCES
 
Digital Strategy
Digital StrategyDigital Strategy
Digital Strategy
 
Mobile 2.0
Mobile 2.0Mobile 2.0
Mobile 2.0
 
Mobile Developement Choises
Mobile Developement ChoisesMobile Developement Choises
Mobile Developement Choises
 
Prototype like a pro
Prototype like a proPrototype like a pro
Prototype like a pro
 

Recently uploaded

Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...
BookNet Canada
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
Stephanie Beckett
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
Matthew Sinclair
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
SynapseIndia
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
Larry Smarr
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
shanthidl1
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
Stephanie Beckett
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
huseindihon
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
Tatiana Al-Chueyr
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
Vijayananda Mohire
 
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
Safe Software
 
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Erasmo Purificato
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
Eric D. Schabell
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
KAMAL CHOUDHARY
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
Kief Morris
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
ScyllaDB
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
Adam Dunkels
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
RaminGhanbari2
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
welrejdoall
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
Sally Laouacheria
 

Recently uploaded (20)

Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...Transcript: Details of description part II: Describing images in practice - T...
Transcript: Details of description part II: Describing images in practice - T...
 
What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
 
Coordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar SlidesCoordinate Systems in FME 101 - Webinar Slides
Coordinate Systems in FME 101 - Webinar Slides
 
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
 

Adaptation

  • 1. Adaptation why responsive design actually begins on the server... http://creativecommons.org/licenses/by/2.0 http://www.flickr.com/photos/newsbiepix/4113886275
  • 2. the tech media loves a good story... TechCrunch http://www.flickr.com/photos/scobleizer/4694051328
  • 3. 200 million iOS devices and life on the bleeding edge... http://www.flickr.com/photos/scobleizer/3553486766
  • 4. 1/3 * of the US has a smartphone ge statistics rane'll *current –w fro m 25% to 50%licity... p u se 1/3 for sim *please note http://www.flickr.com/photos/scobleizer/4694051328
  • 5. 1/3 of the US has a ...um, so 2/3 of the US does not have a smartphone?! smartphone http://www.flickr.com/photos/scobleizer/4694051328
  • 6. or if you're a fanboy feel free to use this math*... 1/2 of the US has a and 1/2 does not... smartphone n't t percentage ishe *the exac rtant for t terribly impo presentation... is purposes of th http://www.flickr.com/photos/abasketofpups/2662225972
  • 7. will save us all! http://www.flickr.com/photos/scobleizer/4694051328
  • 8. but it's really only kinda useable on few high-end devices... will save us all! http://www.flickr.com/photos/scobleizer/4694051328
  • 9. the "tech industry" ...and are we making promises we can't keep? htc Magic Android 1.6 must the " bleeding edge" e of ha ve Android devic stop... r 200 9 is now a doo http://www.flickr.com/photos/whatleydude/3547624583
  • 13. iPhone 3GS iPhone 3G 2007 2008 2009
  • 14. iPhone 4 iPhone 3G 3GS 2007 2008 2009 2010
  • 15. 3G 3GS 4 2008 2009 2010 2011 iPhone 5...
  • 16. side effect n. a peripheral or secondary effect, especially an undesirable one... http://www.thefreedictionary.com/side+effect
  • 17. the smartphone era begins... original the iPhone 2007
  • 18. brings touch, gestures and the real web... web touch iPhone 3G iPhone 2007 2008
  • 19. native apps and the rise of Android... android apps iPhone 3GS iPhone 3G 2007 2008 2009
  • 20. whither feature phones, and the further rise of Android... htc g-five samsung web os iPhone 4 iPhone 3G 3GS 2007 2008 2009 2010
  • 21. blackberry kindle devices go mainstream nook with great expectations... htc LG samsung motorola iPhone 5... 3G 3GS 4 2008 2009 2010 2011
  • 22. we're now in that big grey area...
  • 23. or from a different perspective...
  • 25. the bleeding edge... + 'ish via China opportunity
  • 26. but we still can't see the forest for the trees... http://www.flickr.com/photos/clairity/1449248189
  • 27. 2/3 * of the US does not have a smartphone... e *or 1/2 if you'r a fanboy... http://www.flickr.com/photos/centralasian/3239065547
  • 28. last year we asked a simple question... http://www.flickr.com/photos/fpat/3692425154
  • 29. welcome to the mobile web I asked this a year ago, i'm not sure anything's changed!! if you want to use the web on a mobile device, is the purchase of an iPhone the cost of entry? http://www.flickr.com/photos/sketch22/1127556671
  • 30. to infinity and beyond... well over by 2015 50% of web traffic is expected to come from mobile devices http://www.netmagazine.com/news/uk-sees-huge-mobile-web-traffic-growth-111340
  • 31. let me rephrase the question...
  • 32. still the only device where the Web actually works this is rhetorical, and absurd... in 2015, if you want to use the web on a mobile device, will the purchase of an iPhone be mandatory...? http://www.flickr.com/photos/dantaylor/2161663267
  • 33. gotta get 'em all... or even want many of us cannot afford to purchase every shiny new device released... http://www.flickr.com/photos/bytemarks/4732726333
  • 34. especially in the light of recent events... http://www.flickr.com/photos/wagnertc/3217859975
  • 36. most folks have much more pressing concerns... http://www.flickr.com/photos/bobolink/4706580
  • 37. and far higher priorities... http://www.flickr.com/photos/ilamont/4329364198
  • 38. which often result in very different purchasing decisions... http://www.flickr.com/photos/timstock/535259176
  • 40. as lots of Android devices are now available for less than $200*.... or very close to it... ...*free is also becoming a popular option! http://www.flickr.com/photos/cambodia4kidsorg/5253151186
  • 41. and some feature phones aimed at the next billion now include WebKit ooh, touch... and a touch screen... ype Nokia C3 Touch & T S eries 40 device http://www.flickr.com/photos/yoggy0/5380738918
  • 42. every phone is now (essentially) a smartphone*... or soon will be ns of ctual definitioy - but to *a ill var 'smartphone' wey are all magic... normal folks th http://www.flickr.com/photos/tanj/4432327487
  • 43. camera, video, 3G connectivity music player, etc. large, colour touch sensitive screen a modern web browser (not WAP) (often) a real, update-able operating system loaded with everything we've come to expect from a smartphone... QWERTY keyboard and/or trackball http://www.flickr.com/photos/free_programmer/4371778263
  • 44. less vibrant screens less responsive touch screens limited or no data plan bundled lower spec RAM and/or CPU/GPU few or no OEM OS updates but not every smartphone is created equal... http://www.flickr.com/photos/nechbi/3841765925
  • 45. UNDESIRABLE this inequality creates diversity and (often) "undesirables"... http://www.flickr.com/photos/handwrite/3460075040
  • 46. "Android WebKit is the closest thing to being the IE6 of mobile development for me." - @dalmaer via http://functionsource.com/post/a-day-in-the-life-of-android-webkit-dealings http://www.flickr.com/photos/blank22763/4089926742
  • 48. an optimal experience for for a privileged few... http://www.flickr.com/photos/carbonnyc/5140154965
  • 49. and a missed opportunity for many more... linkedin HTML5 webapp disappointment must leeding edge" f 2009 the "b o have A ndroid device r stop... doo is once again a http://www.flickr.com/photos/dumbledad/3400708183
  • 50. 2 year old, state-of-the-art your smartphone is obsolete, please upgrade now... http://www.flickr.com/photos/herval/2050815997
  • 51. um...
  • 52. for most folks these are not "higher priorities"... http://www.flickr.com/photos/aaronpk/5328338679
  • 53. welcome to the real world... http://www.flickr.com/photos/slemmon/3971197662
  • 54. where we learn to adapt as required... http://www.flickr.com/photos/kalleboo/3536493996
  • 55. craftivism where simply learning to knit can change your life... http://www.flickr.com/photos/bosstweed/152159981
  • 56. from your local library where borrowing books for free is beating paying for ebooks... Times Are Tough, Libraries Are Thriving http://www.nytimes.com/2009/03/15/nyregion/long-island/15libraryli.html http://www.flickr.com/photos/ccacnorthlib/3553821229/
  • 57. where Hulu, iTunes and sports bars are replacing cable services... expensive http://www.businessinsider.com/2008/3/hulu-household-why-i-got-rid-of-cable
  • 58. and which led @grigs to pick up those clippers... http://www.flickr.com/photos/kdnewton/2691125617
  • 60. the iPhone inspired everyone to expect more from their devices... http://www.flickr.com/photos/tom_ruaat/5540148158
  • 61. "...yeah, but people don't actually use those undesirable devices?" http://www.flickr.com/photos/misterian/4084280385
  • 62. yup
  • 63. ...have you actually offered them anything yet? re logs, chances aail... check your in the long t you'll find them http://www.flickr.com/photos/zoetnet/4669800101/
  • 64. small a few companies most certainly have... twitter indonesia 0.facebook OperaMini http://www.flickr.com/photos/nseika/5848996146
  • 65. us humans are amazing when it comes to adapting to new circumstances... ...do we still really need the dogs? http://www.flickr.com/photos/thenationalguard/3251277781
  • 66. the web was actually built on similar principles... http://www.flickr.com/photos/tanaka/3212373419
  • 67. "The primary design principle underlying the Web's usefulness and growth is universality. The 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–from a silly tweet to a scholarly paper. And it should be accessible from any kind of hardware than can connect to the internet: stationary or mobile, small screen or large." ... as seen b efore @bdconf Tim Berners-Lee Long Live the Web http://www.scientificamerican.com/article.cfm?id=long-live-the-web http://www.flickr.com/photos/lonelyfox/2939757714
  • 68. unfortunately, our current mental models started back here... http://www.flickr.com/photos/blakespot/2343395804
  • 69. The Era of mobile dominance is beginning which did not prepare us for a world paul rouget taiwan africa dominated by devices like these... http://www.flickr.com/photos/whiteafrican/2594981758
  • 70. “The best, most solid way out of a crisis in a changing market is through experiment and adaptation.” Richard Branson Business Stripped Bare – Adventures of a Global Entrepreneur http://www.flickr.com/photos/jedibfa/5146867827
  • 71. <diversion> http://www.flickr.com/photos/y_i/2330044065
  • 72. short a tale of clients and servers... http://www.flickr.com/photos/richardberg/2135409739
  • 73. pastrami on rye... a client makes a request to a server... http://www.flickr.com/photos/_ppo/2393063853
  • 74. other unique clients make similar requests... yet not identical Rueben... turkey chilli dog... grilled cheese brisket... corned beef... http://www.flickr.com/photos/_ppo/2393063853
  • 75. Rueben... chilli dog... a method to track each client request is required... http://www.flickr.com/photos/mrgarin/3476714113
  • 76. as each client request is received... tra pickle... no pickle... Rueben... pastrami on rye... turkey chilli dog... Rueben... Rueben... grilled cheese brisket... corned beef... http://www.flickr.com/photos/_ppo/2393063853
  • 77. the server tailors each request to each client... 320, hold the pickle... one more 320... 150, pastrami... 210 to go... tracking (ticketing, bills, etc) analytics (what works, what doesn't) preparation (vs just-in-time) tacit knowledge http://www.flickr.com/photos/_ppo/2393063853
  • 78. ensuring they get exactly what they need... http://www.flickr.com/photos/the_junes/2134127618
  • 79. rather than everything they might not want... http://www.flickr.com/photos/86624586@N00/10176570
  • 80. <diversion/> http://www.flickr.com/photos/alper/3257406961
  • 81. ...but what does this have to do with mobile? http://www.flickr.com/photos/mikeycordedda/5328343979
  • 82. accomplish great things together working client and server can... http://www.flickr.com/photos/maladjusted/2341398753
  • 84. http://domain.org client yet unknown a client makes a request to a server...
  • 86. clouds are hip these days... server http://domain.org
  • 87. ...profile please? server http://domain.org server then asks the client for it's profile cookie...
  • 88. yeah, you're going to need a profile... server http://domain.org if a client doesn't have a profile cookie the server creates one for it...
  • 89. {    width:{        screen:240,        document:240    } } let's start with the 'default' profile... default profile *defining a 'default' baseline profile depends on your project requirements... server http://domain.org or default* notice that this makes the begin with a baseline profile assumption that basic = default that covers the very basic experience... (in other words "mobile first")
  • 90. eww.... then...grab the client user agent string (trust me, it's more useful than you think) server http://domain.org ...oh yes, user-agent please? Mozilla/5.0  (Linux;  U;  Android  2.1-­‐update1;  en-­‐gb;  Nexus  One  Build/ERE27)   AppleWebKit/530.17  (KHTML,  like  Gecko)  Version/4.0  Mobile  Safari/530.17
  • 91. Mozilla/5.0  (Linux;  U;  Android  2.1-­‐update1;  en-­‐gb;  Nexus  One  Build/ERE27)   AppleWebKit/530.17  (KHTML,  like  Gecko)  Version/4.0  Mobile  Safari/530.17 hey DeviceAtlas, wanna check this UA for me? server http://domain.org query the user agent string against a device database such as DeviceAtlas... ...or WURFL
  • 92. Mozilla/5.0  (Linux;  U;  Android  2.1-­‐update1;  en-­‐gb;  Nexus  One  Build/ERE27)   AppleWebKit/530.17  (KHTML,  like  Gecko)  Version/4.0  Mobile  Safari/530.17 {  width:480, ...found it, here it comes!  height:480,  color-­‐depth:8,  touch:true,  cookie:true,  ... } http://deviceatlas.com DeviceAtlas profile
  • 93. {    width:{        screen:240,        document:240    } } default profile ...hmm, I think I've seen this before? server {  width:480, http://domain.org  height:480,  color-­‐depth:8,  touch:true,  cookie:true,  ... } DeviceAtlas profile now query the user agent string against any tacit knowledge you have collected... may
  • 94.         "profile":{"width":"240"}      },      "desktop":  {         "match":"#windows|macintosh|linux#i",         "profile":{"width":"800"} tacit data      },      "iphone":  {         "match":"#iphone#i",         "profile":{"ios":"1",  "width":"320",  "svg":true,  "canvas":true}      },      "ipad":  {         "match":"#ipad#i",         "profile":{"ios":"1",  "width":"768",  "svg":true,  "canvas":true}      },    "android":  {         "match":"#android#i",         "profile":{"droid":"1",  "width":"320",  "flash":true,  "canvas":true,  "video":true}      },      "symbian^3":  { Tacit (or known) profile         "match":"#symbian/3#i",         "profile":{"sym3":"1",  "width":"360"}      },      "symbian9.4":  {         "match":"#symbianos/9.4#i",         "profile":{"sym94":"1",  "width":"360"}      },      "symbian9.3":  {         "match":"#symbianos/9.3#i",         "profile":{"sym93":"1",  "width":"360"} partial profiles are matched via      },      "n73":  { UA string fragments...         "match":"#N73#i",         "profile":{"sym91":"1",  "width":"240"}      },      "series602.x":  {         "match":"#series60/2.8|{series60/2.9}#i",
  • 95. {    width:{ tacit data        screen:240,        document:240    } } default profile {  width:320,  droid:1, yeah, I've seen this before...  canvas:true,  flash:true,  video:true, server  ... http://domain.org } Tacit (or known) profile {  width:480,  height:480, this tacit knowledge is gathered  color-­‐depth:8,  touch:true, over time from other device profiles...  cookie:true,  ... ...or through knowledge } gained during testing DeviceAtlas profile
  • 96. {    width:{        screen:320,        document:320    },    xhr:true,    canvas:true,    flash:false,    video:true,    formats:{ server    h264:probably, http://domain.org    ogg:false,    webm:false    },    offline:true } Client profile merge the baseline data, with the data returned from queries into the client profile...
  • 97. cookie {    width:{ document        screen:320,        document:320    },    xhr:true, response    canvas:true,    flash:false,    video:true,    formats:{ server    h264:probably, http://domain.org    ogg:false,    webm:false    },    offline:true } Client profile write the profile cookie to the doc header which will be returned to the client...
  • 98. {    width:{        screen:320,        document:320    },    xhr:true, response    canvas:true, profile    flash:false,    video:true,    formats:{ server    h264:probably, http://domain.org    ogg:false,    webm:false    },    offline:true } for this client Client profile server now has a usable profile and can continue...
  • 99. media queries are not a means using Javascript to modify of adapting content contained significant portions of the within the DOM on the client... DOM will impact performance on mobile devices... response filter server http://domain.org and adapt the server now begins to filter the content based on the properties in the client profile...
  • 100. Adaptation Rules ensure all images are appropriately sized for client display replace any images that contain fine details or text replace Flash media with an appropriate alternative response where not supported remove unnecessary markup, scripts, etc. server http://domain.org or app adaptation 'rules' will vary from site to site, but adapting <img>'s is most common...
  • 101. Adaptation Rules ensure all images are appropriately sized for client display replace any images that contain fine details or text replace Flash media with an appropriate alternative response where not supported remove unnecessary markup, scripts, etc. server http://domain.org adapt large tables as required, link to data serve appropriate video format, codec and size adapt DOM components including scripts and styles <video>, <table> and other DOM structures also require adaptation may
  • 102. Adaptation Rules Resource Bundles ensure all images are alternate content appropriately sized for appropriate for context client display alternate DOM templates, replace any images that components & fragments contain fine details or text alternate sized, formatted + replace Flash media with encoded video as required an appropriate alternative response where not supported alternate images for required breakpoints remove unnecessary markup, scripts, etc. server alternate scripts + styles http://domain.org for required client profiles adapt large tables as required, link to data serve appropriate video format, codec and size adapt DOM components including scripts and styles you will often require new resources
  • 103.   "pinch-­‐zoom":{     "0-­‐320":"resources/images/meego/pinch-­‐zoom@240.png",     "320-­‐720":"resources/images/meego/pinch-­‐zoom@320.png", Resource Bundles     "720-­‐9999":"resources/images/meego/pinch-­‐zoom.png"   }, alternate content   "typing":{     "0-­‐320":"resources/images/meego/typing@240.png", appropriate for context     "320-­‐720":"resources/images/meego/typing@320.png",     "720-­‐9999":"resources/images/meego/typing.png" alternate DOM templates,   }, components & fragments   "stay-­‐safe":{     "0-­‐320":"resources/images/meego/stay-­‐safe@240.png", alternate sized, formatted +     "320-­‐720":"resources/images/meego/stay-­‐safe@320.png", encoded video as required     "720-­‐9999":"resources/images/meego/stay-­‐safe.png"   }, alternate images for   "swipe-­‐more":{ required breakpoints     "0-­‐320":"resources/images/meego/swipe@240.jpg",     "320-­‐640":"resources/images/meego/swipe@320.jpg",     "640-­‐9999":"resources/images/meego/swipe.jpg" alternate scripts + styles   }, for required client profiles   "pinch-­‐zoom-­‐more":{     "0-­‐320":"resources/images/meego/pinch-­‐zoom@240.png",     "320-­‐720":"resources/images/meego/pinch-­‐zoom@320.png",     "720-­‐9999":"resources/images/meego/pinch-­‐zoom.png"   },   "typing-­‐more":{     "0-­‐320":"resources/images/meego/typing@240.png",       "320-­‐720":"resources/images/meego/typing@320.png",   "720-­‐9999":"resources/images/meego/typing.png" which can be defined in     }, "stay-­‐safe-­‐more":{ any number of ways...     "0-­‐320":"resources/images/meego/stay-­‐safe@240.png",     "320-­‐720":"resources/images/meego/stay-­‐safe@320.png",     "720-­‐9999":"resources/images/meego/stay-­‐safe.png"   },   "location":{
  • 104. video data images response server http://domain.org these resources can be static, cached or even dynamically generated... which would make them even more responsive
  • 105. response server http://domain.org all content adaptation is performed on the server... before the page is downloaded
  • 106. response server http://domain.org on the client alternate resources that may later be required are then bundled as references...
  • 107. {} response server http://domain.org feature detection an additional profile <script> is also included in the response to the client...
  • 108. {}
  • 111. client
  • 112. {    width:{        screen:480,        document:480    },    xhr:true,    canvas:true,    flash:true,    video:true,    formats:{    h264:probably,    ogg:true,    webm:false    },    offline:true } Client profile feature detection the client executes its profile <script> and updates its profile cookie accordingly...
  • 114. or screen resize on an orientation change the script fires again...
  • 115. images {    width:{ updated        screen:800,        document:800    },    xhr:true,    canvas:true,    flash:true,    video:true,    formats:{    h264:probably,    ogg:true,    webm:false    },    offline:true } Client profile and if needed, additional resources are downloaded... based on the pre- bundled references
  • 116. http://domain.org/fava-beans/chianti known a client makes a new request to a server...
  • 117. ...profile please? server http://domain.org server then asks the client for it's profile cookie...
  • 118. {    width:{ ...ah, wonderful you've filled in the rest!        screen:800,        document:800    },    xhr:true,    canvas:true,    flash:true,    video:true,    formats:{ server    h264:probably, http://domain.org    ogg:true,    webm:false    },    offline:true } Client profile which now accurately represents the requesting client...
  • 119. tacit data server http://domain.org server captures the client-tested profile properties for later dB integration...
  • 120. let me get that for you... response server http://domain.org and adapt server then begins to filter content based on the client profile...
  • 121. response server http://domain.org on the client any resources required are then bundled as references...
  • 122. {}
  • 125. client ...ta da!
  • 126. and repeat as required...
  • 129. all in preparation for the coming zombie apocalypse... @scottjenson zombie frog http://www.flickr.com/photos/digitalsextant/3624030270
  • 130. benefits of this approach... http://www.flickr.com/photos/sarahreido/3120877348
  • 131. known focus on the features, not the device... OperaMini ceçi n'est plus un iphone http://www.flickr.com/photos/jane_garratt/5377694159
  • 132. browser accepts that features are rarely binary... just because it's 'supported', doesn't mean it works as intended (or works at all)... http://html5test.com/
  • 133. tweaks for "important" devices (e.g. client-specific requests, business goal-specific, partners, high-traffic edge cases etc.) tacit data enables you to create custom properties needed for your specific project fine tune the profiles... override false positives http://www.flickr.com/photos/mujitra/2559447601
  • 134. handling which makes edge cases much easier... http://twitter.com/#!/stephanierieger/status/113604185857069056
  • 135. all heavy lifting occurs on the server... http://www.flickr.com/photos/mackarus/4289960218
  • 136. folks and their supports a broader range of devices where client-side-only approaches can be unreliable... http://www.flickr.com/photos/mackarus/3022623866
  • 137. embrace the future of "unknown unknowns"... http://www.flickr.com/photos/jgoforth/87176920
  • 138. a few thoughts for tomorrow... http://www.flickr.com/photos/slemmon/3971195778
  • 139. the <img> tag... was an after thought http://diveintomark.org/archives/2009/11/02/why-do-we-have-an-img-element
  • 140. ...perhaps it's finally time to rethink it? <image  alt="butterfly"> <source  src="butterfly-­‐small.png"  width="100"  height="80"  /> <source  src="butterfly.png"  width="200"  height="160"  /> <source  src="butterfly-­‐large.svg"  width="400"  height="400"  media="min-­‐device-­‐width:320px"  /> </image> this of course does not exist, and is simply wishful thinking...
  • 141. <html> ...media queries for the DOM? ... ie: conditional content @media  all  (max-­‐device-­‐width:320px)  {    <img  src="butterfly-­‐small.png"  width="100"  height="80"  /> } @media  all  (min-­‐device-­‐width:320px)  {    <img  src="butterfly.png"  width="200"  height="160"  /> } @media  all  (min-­‐device-­‐width:320px)  and  (svg:true)  {    <img  src="butterfly.svg"  width="400"  height="400"  /> } this of course does not exist, and is ... only the simplest form of an idea... </html>
  • 142. rethinking (and extending) content negotiation... http://en.wikipedia.org/wiki/Content_negotiation
  • 143. and maybe even go back and revisit UA strings... Andrea Trasatti sorting user agent strings out ee for so me thoughts...srting Andrea Trasatti's "So ut" O User Agent Strings http://en.wikipedia.org/wiki/User_agent
  • 144. "The wise adapt themselves to circumstances, as the water moulds itself to the pitcher." Chinese Proverb http://www.flickr.com/photos/theowl84/3045227001
  • 145. @yiibu please say hi hello@yiibu.com thank you the font we use is Museo http://www.exljbris.com/museo.html many thanks to the amazing photographers on http://www.flickr.com/creativecommons/by-2.0 licensed under http://creativecommons.org/licenses/by/2.0 available on http://www.slideshare.net/yiibu/adaptation http://www.flickr.com/photos/kwl/4171367373