a future friendly web
DESCRIPTION
A presentation I held at "Betabeers Valencia" on 25th April 2013 at Workether. (http://betabeers.com/event/betabeers-valencia-840/) It's about the changing technology landscape and covers paradigms how we can better prepare our websites for the future. I included much of the material that is listed on the website of the Future Friendly initiative: http://futurefriend.lyTRANSCRIPT
![Page 1: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/1.jpg)
A Future-friendly webHow to build websites that work today and in the future
![Page 2: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/2.jpg)
MARCEL����������� ������������������ KALVERAMWeb����������� ������������������ developer����������� ������������������ from����������� ������������������ Germany@marcelkalveram
![Page 3: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/3.jpg)
MARCEL����������� ������������������ KALVERAMWeb����������� ������������������ developer����������� ������������������ from����������� ������������������ Germany
VALENCIA
KOLN
:
@marcelkalveram
![Page 4: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/4.jpg)
MARCEL����������� ������������������ KALVERAMWeb����������� ������������������ developer����������� ������������������ from����������� ������������������ Germany
VALENCIA
KOLN
:
@marcelkalveram
![Page 5: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/5.jpg)
MARCEL����������� ������������������ KALVERAMWeb����������� ������������������ developer����������� ������������������ from����������� ������������������ Germany
VALENCIA
KOLN
:
@marcelkalveram
![Page 6: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/6.jpg)
A Future-friendly webHow to build websites that work today and in the future
![Page 7: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/7.jpg)
![Page 8: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/8.jpg)
The web‘s major strength is its ubiquity!
![Page 9: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/9.jpg)
![Page 10: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/10.jpg)
But does the everywhere web work on
every device?
![Page 11: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/11.jpg)
In 2012, lessthan 10% of the web wasMobile Ready90%
10%
Mongoose Metrics Data Series 2012 - Mobile Readyness Study (http://www.mongoosemetrics.com/research)
![Page 12: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/12.jpg)
Habemus problemaMobile confronts us with a lot of new challenges
![Page 13: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/13.jpg)
The increasing diversity of devices reveals how unflexible our traditional fixed-width, desktop-centric approach has been.
PROBLEM 1
![Page 14: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/14.jpg)
The increasing diversity of devices reveals how unflexible our traditional fixed-width, desktop-centric approach has been.
PROBLEM 1
10%
90%
![Page 15: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/15.jpg)
The increasing diversity of devices reveals how unflexible our traditional fixed-width, desktop-centric approach has been.
PROBLEM 1
10%
90%
![Page 16: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/16.jpg)
Lack of time
Bad connectivity
Lack of interest
Insufficient memory
Distractions / interruptions
Low battery
PROBLEM 2
![Page 17: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/17.jpg)
By relying on and optimizing for proprietary solutions or specific technologies, we lock out millions of users.
PROBLEM 3
![Page 18: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/18.jpg)
By relying on and optimizing for proprietary solutions or specific technologies, we lock out millions of users.
PROBLEM 3
![Page 19: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/19.jpg)
28%33% 27%
82%55%
45%
Mobile Broadband Subscriptions - Penetration
ICT Facts and Figures 2013(UN agency for information and communication technologies)
Global mobile growth rates - CAGR (2010 - 2013)
39%
![Page 20: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/20.jpg)
Part����������� ������������������ of����������� ������������������ the����������� ������������������ problem����������� ������������������ is����������� ������������������ the����������� ������������������ closed����������� ������������������ development����������� ������������������ ecosystemsof����������� ������������������ iOS����������� ������������������ and����������� ������������������ Android;
Gary Kovacs, CEO of Mozilla
With����������� ������������������ Web-based����������� ������������������ Firefox����������� ������������������ mobile����������� ������������������ OS,Mozilla����������� ������������������ hopes����������� ������������������ to����������� ������������������ open����������� ������������������ the����������� ������������������ ecosystemand����������� ������������������ spark����������� ������������������ innovation
„
“
![Page 21: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/21.jpg)
0
17,5
35
52,5
7020
09
2010
2011
2012
2013
Android iOS Others
Global Statscounter(Top 9 mobile browsers from 2009 to 2013)
Mobile platforms - Evolution of market share (in percent)
![Page 22: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/22.jpg)
2014
2015
2016
2017
Android iOS Others Web Based
Mobile platforms - Evolution of market share (in percent) - The Future?
2013
![Page 23: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/23.jpg)
Embracing the unpredictable A short journey through today‘s device landscape
![Page 24: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/24.jpg)
![Page 25: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/25.jpg)
OLD & REUSED DEVICES
![Page 26: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/26.jpg)
DIFFERENT OPERATING SYSTEMS
![Page 27: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/27.jpg)
VARYING SCREEN SIZES
![Page 28: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/28.jpg)
GAME CONSOLE BROWSERS
![Page 29: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/29.jpg)
NEW DEVICE CAPABILITIES
![Page 30: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/30.jpg)
OPEN����������� ������������������ DEVICE����������� ������������������ LABSAccess����������� ������������������ a����������� ������������������ variety����������� ������������������ of����������� ������������������ devices.����������� ������������������ worldwide.����������� ������������������ for����������� ������������������ free.
![Page 31: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/31.jpg)
Existing paradigmsthat solve today‘s problems
![Page 32: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/32.jpg)
ResponsiveWeb Design
ProgressiveEnhancement
MobileFirst
![Page 33: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/33.jpg)
ResponsiveWeb Design
MobileFirst
ProgressiveEnhancement
![Page 34: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/34.jpg)
HTML
CSS
JS
CONTENT����������� ������������������ &����������� ������������������ STRUCTURE
FORMATTING����������� ������������������ &����������� ������������������ DESIGN
UI����������� ������������������ &����������� ������������������ INTERACTIVITY
![Page 35: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/35.jpg)
HTML
CSS
JS
CONTENT����������� ������������������ &����������� ������������������ STRUCTURE
FORMATTING����������� ������������������ &����������� ������������������ DESIGN
UI����������� ������������������ &����������� ������������������ INTERACTIVITY
![Page 36: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/36.jpg)
HTML
CSS
JS
CONTENT����������� ������������������ &����������� ������������������ STRUCTURE
FORMATTING����������� ������������������ &����������� ������������������ DESIGN
UI����������� ������������������ &����������� ������������������ INTERACTIVITY
![Page 37: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/37.jpg)
HTML
CSS
JS
CONTENT����������� ������������������ &����������� ������������������ STRUCTURE
FORMATTING����������� ������������������ &����������� ������������������ DESIGN
UI����������� ������������������ &����������� ������������������ INTERACTIVITY
![Page 38: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/38.jpg)
MobileFirst
ProgressiveEnhancement
ResponsiveWeb Design
![Page 39: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/39.jpg)
FLUID LAYOUTS FLEXIBLE IMAGES MEDIA QUERIES
![Page 40: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/40.jpg)
ProgressiveEnhancement
ResponsiveWeb Design
MobileFirst
![Page 41: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/41.jpg)
min-width: 20em
![Page 42: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/42.jpg)
min-width: 42emmin-width: 20em
![Page 43: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/43.jpg)
min-width: 42emmin-width: 20em
![Page 44: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/44.jpg)
Robust, backwards-compatible websites
Experiences that won‘t break
Support future standards
![Page 45: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/45.jpg)
Are today‘s websites going to work on
tomorrow‘s devices ?
![Page 46: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/46.jpg)
3D INTERFACES & GESTURES AUGMENTED REALITY
EYE-TRACKING TECHNOLOGY BRAIN-TRACKING TECHNOLOGY
![Page 47: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/47.jpg)
Evolving paradigmsthat might solve tomorrow‘s problems
![Page 48: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/48.jpg)
COPE
Beyond Mobile
OrbitalContent
![Page 49: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/49.jpg)
COPE
Beyond Mobile
OrbitalContent
![Page 50: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/50.jpg)
Get����������� ������������������ your����������� ������������������ content����������� ������������������ ready����������� ������������������ to����������� ������������������ go����������� ������������������ anywhere����������� ������������������ because����������� ������������������ it’s����������� ������������������ going����������� ������������������ to����������� ������������������ go����������� ������������������ everywhere
„“
Brad Frost
![Page 51: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/51.jpg)
COPE
CMS
API LAYER
Separate content from display
Make Content portable
No Markup No Formatting
Create OncePublish Everywhere
Access content everywhere
![Page 52: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/52.jpg)
Are the CMSs you have worked
with ready for this evolution?
![Page 53: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/53.jpg)
<client����������� ������������������ will����������� ������������������ find����������� ������������������ a����������� ������������������ way����������� ������������������ to����������� ������������������ screw����������� ������������������ it����������� ������������������ up>
Try to get past WYSIWYG editors
![Page 54: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/54.jpg)
THE����������� ������������������ EXAMPLARY����������� ������������������ CASE����������� ������������������ OF
THE����������� ������������������ NPR����������� ������������������ API����������� ������������������ PROVIDES����������� ������������������ AN����������� ������������������ OPEN����������� ������������������ AND����������� ������������������ EXTENSIVE����������� ������������������ WAY����������� ������������������ FOR����������� ������������������ USERS����������� ������������������ TO����������� ������������������ SHARE����������� ������������������ AND����������� ������������������ MASH-UP����������� ������������������ THE����������� ������������������ RADIO����������� ������������������ STATION'S����������� ������������������ CONTENT.
![Page 55: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/55.jpg)
![Page 56: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/56.jpg)
![Page 57: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/57.jpg)
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
80%
Since����������� ������������������ its����������� ������������������ launch,����������� ������������������ the����������� ������������������ API����������� ������������������ has����������� ������������������ contributed����������� ������������������ to����������� ������������������ an����������� ������������������
80����������� ������������������ percent����������� ������������������ increase����������� ������������������ in����������� ������������������ NPR.org’s����������� ������������������ total����������� ������������������ page����������� ������������������ views.
![Page 58: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/58.jpg)
COPE
Beyond Mobile
OrbitalContent
![Page 59: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/59.jpg)
What����������� ������������������ is����������� ������������������ your����������� ������������������ content����������� ������������������ made����������� ������������������ from,����������� ������������������ not����������� ������������������ what����������� ������������������ your����������� ������������������ content����������� ������������������ is.����������� ������������������ An����������� ������������������ important����������� ������������������ distinction.
„“
Mark Boulton
![Page 60: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/60.jpg)
INSTAPAPER POCKET READABILITY
THESE����������� ������������������ APPS����������� ������������������ ARE����������� ������������������ POINTING����������� ������������������ US����������� ������������������ TOWARD����������� ������������������ A����������� ������������������ FUTURE����������� ������������������ IN����������� ������������������ WHICH����������� ������������������ CONTENT����������� ������������������ IS����������� ������������������ NO����������� ������������������ LONGER����������� ������������������ ENTRENCHED����������� ������������������ IN����������� ������������������ WEBSITES
THIS����������� ������������������ TRANSFORMATION����������� ������������������ WILL����������� ������������������ FORCE����������� ������������������ US����������� ������������������ TO����������� ������������������ RETHINK����������� ������������������ EXISTING����������� ������������������ REPUTATION,����������� ������������������ DISTRIBUTION,����������� ������������������ AND����������� ������������������ MONETIZATION����������� ������������������ MODELS
![Page 61: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/61.jpg)
navigatepersonalizeprioritize
Semantic navigation
Content relationships
Low granularity
![Page 62: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/62.jpg)
The more structure you put into your content,
Website
MobileWeb
MobileApps
TabletApps
Intranet
Blogs
Microsites
SocialMedia
Content
the freer it becomes in each context.
![Page 63: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/63.jpg)
HTML5 SemanticsA W3C recommendation for semantic markup
<article> ...An Article...</article>
RDFaschema.org, Facebook Open Graph, Twitter Cards
<span property="title"> Beautiful Sunset</span>
MicroformatsAn approach to publish structured data in HTML
<div class="locality"> Valencia, 46021</div>
![Page 64: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/64.jpg)
<span property="food"> Pink Cupcake</span>
<span property="ingredients"> Flour, Sugar, ...</span>
<span property="location"> Pink Cupcake</span>
![Page 65: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/65.jpg)
<span property="food"> Pink Cupcake</span>
<span property="ingredients"> Flour, Sugar, ...</span>
<span property="location"> Pink Cupcake</span>
![Page 66: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/66.jpg)
<span property="food"> Pink Cupcake</span>
<span property="ingredients"> Flour, Sugar, ...</span>
<span property="location"> Pink Cupcake</span>
![Page 67: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/67.jpg)
COPE
Beyond Mobile
OrbitalContent
![Page 68: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/68.jpg)
Control����������� ������������������ is����������� ������������������ an����������� ������������������ illusion,����������� ������������������ because����������� ������������������ there����������� ������������������ is����������� ������������������ too����������� ������������������ much����������� ������������������ diversity
Bryan Rieger
„“
![Page 69: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/69.jpg)
Start tweaking & testingConstantly check your product against new technologies
Set a user experience base lineStart developing your product on the command line
Choose most important enhancementsConcentrate on those features that are a real benefit for the user
![Page 70: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/70.jpg)
Responsive Web Design on the server
Hi server, here‘s my user agent string:Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5376e Safari/8536.25
A random mobile device
![Page 71: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/71.jpg)
Thanks, let me see what you‘re capable of
Responsive Web Design on the server
Hi server, here‘s my user agent string:Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5376e Safari/8536.25
A random mobile device
![Page 72: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/72.jpg)
Thanks, let me see what you‘re capable of
Responsive Web Design on the server
Hi server, here‘s my user agent string:Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5376e Safari/8536.25
Found, Here‘s what the device is (not) capable of:touch, geolocation, CSS animations flash, umts
A random mobile device
![Page 73: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/73.jpg)
Responsive Web Design on the server
Found, Here‘s what the device is (not) capable of:touch, geolocation, CSS animations flash, umts
Here‘s what you asked for- Thanks, let me composesomething appropriate forthe user...
A random mobile device
![Page 74: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/74.jpg)
Responsive Web Design on the server
Found, Here‘s what the device is (not) capable of:touch, geolocation, CSS animations flash, umts
Here‘s what you asked for- Thanks, let me composesomething appropriate forthe user...
A random mobile device
Here‘s your code. I‘ve only includedfunctionality that you support.
![Page 75: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/75.jpg)
Responsive Web Design on the server
Found, Here‘s what the device is (not) capable of:touch, geolocation, CSS animations flash, umts
Here‘s what you asked for- Thanks, let me composesomething appropriate forthe user...
A random mobile device
Here‘s your code. I‘ve only includedfunctionality that you support.
AWESOME!THAT‘S����������� ������������������ HOW����������� ������������������ I����������� ������������������ EXPECTTO����������� ������������������ BE����������� ������������������ TREATED
![Page 76: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/76.jpg)
Future ready content
Device Independence
Golden User Experiences
![Page 77: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/77.jpg)
This����������� ������������������ job����������� ������������������ takes����������� ������������������ editorial,����������� ������������������ architectural,����������� ������������������ and����������� ������������������ technical����������� ������������������ knowledge.����������� ������������������ It����������� ������������������ is����������� ������������������ a����������� ������������������ project����������� ������������������ for����������� ������������������ all����������� ������������������ of����������� ������������������ us.
SARA WACHTER-BOETTCHER
„“
![Page 78: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/78.jpg)
Thank you!Now it‘s time for some questions...
![Page 79: A Future Friendly Web](https://reader038.vdocument.in/reader038/viewer/2022110115/54b783434a7959a8698b4626/html5/thumbnails/79.jpg)
MARCEL����������� ������������������ KALVERAMWeb����������� ������������������ Developer����������� ������������������ from����������� ������������������ Germany
@marcelkalveramspecrunner.net
#fflywww.future-friend.ly
A����������� ������������������ FUTURE����������� ������������������ FRIENDLY����������� ������������������ WEBHelp����������� ������������������ others����������� ������������������ to����������� ������������������ do����������� ������������������ the����������� ������������������ same