Submit Search
Upload
新 · 交互
•
14 likes
•
1,189 views
Sofish Lin
Follow
给交互分享的 KeyNote。讲讲新技术带来的新交互模式。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 45
Download now
Download to read offline
Recommended
Html5的应用与推行
Html5的应用与推行
Sofish Lin
关于 Html5 那点事
关于 Html5 那点事
Sofish Lin
Developing Your Ultimate Package
Developing Your Ultimate Package
Simon Collison
Basics of Front End Web Dev PowerPoint
Basics of Front End Web Dev PowerPoint
Sahil Gandhi
Doing More with LESS for CSS
Doing More with LESS for CSS
Todd Anglin
iPhone Web Applications: HTML5, CSS3 & dev tips for iPhone development
iPhone Web Applications: HTML5, CSS3 & dev tips for iPhone development
Estelle Weyl
Webmonkey
Webmonkey
isac Lagerblad
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
Recommended
Html5的应用与推行
Html5的应用与推行
Sofish Lin
关于 Html5 那点事
关于 Html5 那点事
Sofish Lin
Developing Your Ultimate Package
Developing Your Ultimate Package
Simon Collison
Basics of Front End Web Dev PowerPoint
Basics of Front End Web Dev PowerPoint
Sahil Gandhi
Doing More with LESS for CSS
Doing More with LESS for CSS
Todd Anglin
iPhone Web Applications: HTML5, CSS3 & dev tips for iPhone development
iPhone Web Applications: HTML5, CSS3 & dev tips for iPhone development
Estelle Weyl
Webmonkey
Webmonkey
isac Lagerblad
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
HTML5 & CSS3 Flag
HTML5 & CSS3 Flag
Christopher Schmitt
Highly Maintainable, Efficient, and Optimized CSS
Highly Maintainable, Efficient, and Optimized CSS
Zoe Gillenwater
Advanced Thesis Techniques and Tricks
Advanced Thesis Techniques and Tricks
Brad Williams
Design Tips & Development with jQuery Mobile and PhoneGap
Design Tips & Development with jQuery Mobile and PhoneGap
GO Ohtani
Even faster web sites presentation 3
Even faster web sites presentation 3
Felipe Lavín
HTML5 and the web of tomorrow!
HTML5 and the web of tomorrow!
Christian Heilmann
WordPress Theme Structure
WordPress Theme Structure
keithdevon
Cms & wordpress theme development 2011
Cms & wordpress theme development 2011
Dave Wallace
Even faster web sites
Even faster web sites
Felipe Lavín
ゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめ
将一 深見
Prototyping w/HTML5 and CSS3
Prototyping w/HTML5 and CSS3
Todd Zaki Warfel
Please dont touch-3.6-jsday
Please dont touch-3.6-jsday
Francesco Fullone
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Nicholas Zakas
ARTDM 171, Week 5: CSS
ARTDM 171, Week 5: CSS
Gilbert Guerrero
Wordless, stop writing WordPress themes like it's 1998
Wordless, stop writing WordPress themes like it's 1998
Filippo Dino
面向测试的前端知识
面向测试的前端知识
chencheng 云谦
[Access U 2010] HTML5 & Accessibility
[Access U 2010] HTML5 & Accessibility
Christopher Schmitt
Training HTML5 CSS3 Ilkom IPB
Training HTML5 CSS3 Ilkom IPB
Wahyu Putra
Prototyping interactions
Prototyping interactions
selwynjacob90
The Rich Standard: Getting Familiar with HTML5
The Rich Standard: Getting Familiar with HTML5
Todd Anglin
HTML5がIE10/Windows 8にもたらすもの
HTML5がIE10/Windows 8にもたらすもの
Microsoft
A Snapshot of the Mobile HTML5 Revolution
A Snapshot of the Mobile HTML5 Revolution
James Pearce
More Related Content
What's hot
HTML5 & CSS3 Flag
HTML5 & CSS3 Flag
Christopher Schmitt
Highly Maintainable, Efficient, and Optimized CSS
Highly Maintainable, Efficient, and Optimized CSS
Zoe Gillenwater
Advanced Thesis Techniques and Tricks
Advanced Thesis Techniques and Tricks
Brad Williams
Design Tips & Development with jQuery Mobile and PhoneGap
Design Tips & Development with jQuery Mobile and PhoneGap
GO Ohtani
Even faster web sites presentation 3
Even faster web sites presentation 3
Felipe Lavín
HTML5 and the web of tomorrow!
HTML5 and the web of tomorrow!
Christian Heilmann
WordPress Theme Structure
WordPress Theme Structure
keithdevon
Cms & wordpress theme development 2011
Cms & wordpress theme development 2011
Dave Wallace
Even faster web sites
Even faster web sites
Felipe Lavín
ゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめ
将一 深見
Prototyping w/HTML5 and CSS3
Prototyping w/HTML5 and CSS3
Todd Zaki Warfel
Please dont touch-3.6-jsday
Please dont touch-3.6-jsday
Francesco Fullone
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Nicholas Zakas
ARTDM 171, Week 5: CSS
ARTDM 171, Week 5: CSS
Gilbert Guerrero
Wordless, stop writing WordPress themes like it's 1998
Wordless, stop writing WordPress themes like it's 1998
Filippo Dino
面向测试的前端知识
面向测试的前端知识
chencheng 云谦
[Access U 2010] HTML5 & Accessibility
[Access U 2010] HTML5 & Accessibility
Christopher Schmitt
Training HTML5 CSS3 Ilkom IPB
Training HTML5 CSS3 Ilkom IPB
Wahyu Putra
Prototyping interactions
Prototyping interactions
selwynjacob90
The Rich Standard: Getting Familiar with HTML5
The Rich Standard: Getting Familiar with HTML5
Todd Anglin
What's hot
(20)
HTML5 & CSS3 Flag
HTML5 & CSS3 Flag
Highly Maintainable, Efficient, and Optimized CSS
Highly Maintainable, Efficient, and Optimized CSS
Advanced Thesis Techniques and Tricks
Advanced Thesis Techniques and Tricks
Design Tips & Development with jQuery Mobile and PhoneGap
Design Tips & Development with jQuery Mobile and PhoneGap
Even faster web sites presentation 3
Even faster web sites presentation 3
HTML5 and the web of tomorrow!
HTML5 and the web of tomorrow!
WordPress Theme Structure
WordPress Theme Structure
Cms & wordpress theme development 2011
Cms & wordpress theme development 2011
Even faster web sites
Even faster web sites
ゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめ
Prototyping w/HTML5 and CSS3
Prototyping w/HTML5 and CSS3
Please dont touch-3.6-jsday
Please dont touch-3.6-jsday
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
ARTDM 171, Week 5: CSS
ARTDM 171, Week 5: CSS
Wordless, stop writing WordPress themes like it's 1998
Wordless, stop writing WordPress themes like it's 1998
面向测试的前端知识
面向测试的前端知识
[Access U 2010] HTML5 & Accessibility
[Access U 2010] HTML5 & Accessibility
Training HTML5 CSS3 Ilkom IPB
Training HTML5 CSS3 Ilkom IPB
Prototyping interactions
Prototyping interactions
The Rich Standard: Getting Familiar with HTML5
The Rich Standard: Getting Familiar with HTML5
Similar to 新 · 交互
HTML5がIE10/Windows 8にもたらすもの
HTML5がIE10/Windows 8にもたらすもの
Microsoft
A Snapshot of the Mobile HTML5 Revolution
A Snapshot of the Mobile HTML5 Revolution
James Pearce
Building Cloud-Based Cross-Platform Mobile Web Apps
Building Cloud-Based Cross-Platform Mobile Web Apps
James Pearce
Cross platform mobile web apps
Cross platform mobile web apps
James Pearce
Building cross platform mobile web apps
Building cross platform mobile web apps
James Pearce
Bd conf sencha touch workshop
Bd conf sencha touch workshop
James Pearce
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1
James Pearce
An Intro to Mobile HTML5
An Intro to Mobile HTML5
James Pearce
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web Apps
James Pearce
Change by HTML5
Change by HTML5
dynamis
HTML5とIE10とWindows 8 in OSC2012会津
HTML5とIE10とWindows 8 in OSC2012会津
Microsoft
HTML5とIE10とWindows 8
HTML5とIE10とWindows 8
Microsoft
HTML5 and Beyond
HTML5 and Beyond
dynamis
XSS and CSRF with HTML5
XSS and CSRF with HTML5
Shreeraj Shah
Next Generation Web Attacks – HTML 5, DOM(L3) and XHR(L2)
Next Generation Web Attacks – HTML 5, DOM(L3) and XHR(L2)
Shreeraj Shah
HTML5: An Overview
HTML5: An Overview
Nagendra Um
Web Apps and more
Web Apps and more
Yan Shi
Web app and more
Web app and more
faming su
The web as it should be
The web as it should be
thebeebs
Krug Fat Client
Krug Fat Client
Paul Klipp
Similar to 新 · 交互
(20)
HTML5がIE10/Windows 8にもたらすもの
HTML5がIE10/Windows 8にもたらすもの
A Snapshot of the Mobile HTML5 Revolution
A Snapshot of the Mobile HTML5 Revolution
Building Cloud-Based Cross-Platform Mobile Web Apps
Building Cloud-Based Cross-Platform Mobile Web Apps
Cross platform mobile web apps
Cross platform mobile web apps
Building cross platform mobile web apps
Building cross platform mobile web apps
Bd conf sencha touch workshop
Bd conf sencha touch workshop
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1
An Intro to Mobile HTML5
An Intro to Mobile HTML5
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web Apps
Change by HTML5
Change by HTML5
HTML5とIE10とWindows 8 in OSC2012会津
HTML5とIE10とWindows 8 in OSC2012会津
HTML5とIE10とWindows 8
HTML5とIE10とWindows 8
HTML5 and Beyond
HTML5 and Beyond
XSS and CSRF with HTML5
XSS and CSRF with HTML5
Next Generation Web Attacks – HTML 5, DOM(L3) and XHR(L2)
Next Generation Web Attacks – HTML 5, DOM(L3) and XHR(L2)
HTML5: An Overview
HTML5: An Overview
Web Apps and more
Web Apps and more
Web app and more
Web app and more
The web as it should be
The web as it should be
Krug Fat Client
Krug Fat Client
Recently uploaded
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Evaluating the top large language models.pdf
Evaluating the top large language models.pdf
ChristopherTHyatt
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Antenna Manufacturer Coco
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Recently uploaded
(20)
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Evaluating the top large language models.pdf
Evaluating the top large language models.pdf
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
新 · 交互
1.
HTML5
CSS3 ? http://sofish.de
2.
SUMMARY 1 2
3
3.
SUMMARY 1 2
3
4.
1
HTML5 CSS3 Background Size CSS Columns Local Storage IndexDB Database Multiple Backgrounds CSS Gradients Session Storage Drag and Drop Border Image / Radius CSS Reflections Post Message Hash Change (Event) Box Shadow CSS Transform Offline Applications History Management Text Shadow CSS Transitions Workers WebSockets Opacity CSS FontFace Query Selector GeoLocation CSS Animations FlexBox WebSQL Database Touch Combo / Node.js / Facebook BigPie / IE filter / SVG
5.
1
HTML5 CSS3 Background Size CSS Columns Local Storage IndexDB Database Multiple Backgrounds CSS Gradients Session Storage Drag and Drop Border Image / Radius Box Shadow Text Shadow CSS Reflections CSS Transform CSS Transitions Post Message Offline Applications Workers Hash Change (Event) History Management WebSockets ... Opacity CSS FontFace Query Selector GeoLocation CSS Animations FlexBox WebSQL Database Touch Combo / Node.js / Facebook BigPie / IE filter / SVG
6.
1
HTML5 CSS3 Background Size CSS Columns Local Storage IndexDB Database Multiple Backgrounds CSS Gradients Session Storage Drag and Drop Border Image / Radius Box Shadow Text Shadow CSS Reflections CSS Transform CSS Transitions Post Message Offline Applications Workers Hash Change (Event) History Management WebSockets ... Opacity CSS FontFace Query Selector GeoLocation CSS Animations FlexBox WebSQL Database Touch Combo / Node.js / Facebook BigPie / IE filter / SVG ...
7.
1
8.
1
9.
1
...
10.
1
...
11.
1
...
12.
1
...
13.
1
...
14.
1
...
15.
1
...
16.
17.
18.
Data Table form: http://j.mp/cross-browser
19.
Data Table form: http://j.mp/cross-browser
20.
2
Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
21.
2
Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
22.
2
Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
23.
2
Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
24.
2
Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
25.
2
Firefox / Chrome / Safari / Opera / IE9 IE8 / IE7 IE6 / Apple Safari / Opera Mini / Webkit based Browser windows phone 7 IE APP /
26.
3
© CopyRIght : http://iflonely.com/page/50/
27.
3
© CopyRIght : http://iflonely
28.
3
1. 2. vs 3. 4. © CopyRIght : http://iflonely
29.
3
1. Web
30.
3
1. Web Drag & Drop http://sofish.de/file/html5/drag_and_drop/ + HTML5 Gmail Min.us
31.
3
2. vs iPad 1024
32.
3
2. vs iPad 1024 Media Query http://sofish.de/file/html5/media_query/ Media Query
33.
3
1. AA
34.
3
1. AA LocalStorage http://sofish.de/file/html5/localStorage/ Cookie HTTP LocalStorage + UserData(IE)
35.
3
4. SNS AA AA Check In
36.
3
4. SNS AA AA Check In Geolocation http://sofish.de/file/html5/localStorage/ HTML5 Geolocation IP Wifi GPS
37.
3
38.
3
39.
3
40.
3
Arale/Alice ... ....
41.
3
Arale/Alice ... ....
42.
3
43.
3
44.
3
45.
ThankYou!! FAQ
http://sofish.de
Download now