HTML5 and Web Trends in 2013

Post on 27-Jan-2015

108 views 3 download

Tags:

description

A presentation that I used on stage in Web technology seminar at Mahidol University (Salaya), Thailand. Created by Teerasej Jiraphatchandej. All great photo credited to whoever linked to with the link under the photo.

Transcript of HTML5 and Web Trends in 2013

HTML5 & Web Trends in 2013Teerasej JiraphatchandejUser Group ManagerThai Adobe Developer Community

facebook.com/thaiadc@teerasej

TRENDS.

thaiadc.com

HTML5 & CSS3

thaiadc.com

Closing Gap between Native & Web

thaiadc.comhttp://www.flickr.com/photos/shemp65/5958374472/

thaiadc.com

thaiadc.com

More Framework = More Focus on Idea

thaiadc.com

thaiadc.com

Languages and frameworks pop up, become fashionable, and die out quicker than I can actually keep up.

- Ian Hickson, HTML5 Specification Editor

thaiadc.com

Edge of CSS

thaiadc.comhttp://www.flickr.com/photos/thomashawk/156398965/

•CSS Region

•CSS Exclusion

•CSS Shader

thaiadc.com

Demo.

thaiadc.com

More Responsive Pattern

thaiadc.com

Mobile-first& Content-first

thaiadc.comhttp://www.flickr.com/photos/johanl/4375773612/

thaiadc.com

Tiny Screen Challenge

thaiadc.com

What’s Next Screen?

thaiadc.com

thaiadc.com

Bandwidth focus

thaiadc.comhttp://www.flickr.com/photos/72389825@N02/6536235177/

thaiadc.com

thaiadc.com

thaiadc.com

WIFI EDGE 3G 4G

thaiadc.com

More Simplification

thaiadc.com

Simplified information

thaiadc.com

thaiadc.com

thaiadc.com

Simplified Interaction

thaiadc.comhttp://www.flickr.com/photos/lucianvenutian/1142630637/

thaiadc.com

Era of Flat Design

thaiadc.com

thaiadc.com

thaiadc.com

Content Strategy

thaiadc.com

Web App build on single cores

thaiadc.com

140

thaiadc.com

thaiadc.com

End of Pages,Era of information chunks

thaiadc.comhttp://www.flickr.com/photos/imuttoo/2631466945/

thaiadc.com

thaiadc.com

<div>

thaiadc.com

<header><footer><article><section><figure><...>

thaiadc.com

When your web shows in cars or eyeglasses. You’ll not talk about resizing browser’s width for iPhone or Android

- Karen McGrane, User Experience Strategist

Conclusion

Conclusion

• Web VS. Native: Get more heat

• Mobile Design: Goes more experiment

• Visual Design: More simplified (please)

• Content Strategy: More seriously important

More info

• html.adobe.com

• www.thaiadc.com

ขอบคุณครับ :)Teerasej JiraphatchandejUser Group ManagerThai Adobe Developer Community

facebook.com/thaiadc@teerasej