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.ly
27. In 2012, less
than 10% of
the web was
Mobile Ready90%
10%
Mongoose Metrics Data Series 2012 - Mobile Readyness Study
(http://www.mongoosemetrics.com/research)
134. COPE
CMS
API LAYER
Separate content from display
Make Content portable
No Markup No Formatting
Create Once
Publish Everywhere
Access content everywhere
231. The more
structure
you put into
your content,
Website
Mobile
Web
Mobile
Apps
Tablet
Apps
Print
E-Mail
Intranet
Blogs
Microsites
Social
Media
Content
the freer it
becomes in
each context.
232. HTML5 Semantics
A W3C recommendation for semantic markup
article
...An Article...
/article
RDFa
schema.org, Facebook Open Graph, Twitter Cards
span property=title
Beautiful Sunset
/span
Microformats
An approach to publish structured data in HTML
div class=locality
Valencia, 46021
/div
247. Start tweaking testing
Constantly check your product against new technologies
Set a user experience base line
Start developing your product on the command line
Choose most important enhancements
Concentrate on those features that are a real benefit for the user
248. 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
249. 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
250. 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
251. 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 compose
something appropriate for
the user...
A random mobile device
252. 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 compose
something appropriate for
the user...
A random mobile device
Here‘s your code. I‘ve only included
functionality that you support.
253. 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 compose
something appropriate for
the user...
A random mobile device
Here‘s your code. I‘ve only included
functionality that you support.
AWESOME!
THAT‘S