Upload
teerasej-jiraphatchandej
View
109
Download
3
Tags:
Embed Size (px)
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.
Citation preview
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