SlideShare a Scribd company logo
1 of 64
Firefox 4 & Web
Slides @ Mozilla Workshop @ Nagoya
  by Tomoya ASAI (aka. dynamis)




          Fractal Firefox Background Image: http://r.dynamis.jp/fractalfx
...
Agenda
Web Design
CSS, Image, Fonts...
Firefox3.5~ https://developer.mozilla.org/ja/CSS/@font-face
http://decomoji.jp/
http://www.motoya.co.jp/business/news/openhandsetalliance/
Firefox3.5~ http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/
: http://people.mozilla.org/~jdaggett/webfontsfuture.pdf
http://hacks.mozilla.org/2009/10/font-control-for-designers/
http://hacks.mozilla.org/2010/07/firefox4-beta2/
http://hacks.mozilla.org/2010/06/css3-calc/
http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/
http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/
http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/
http://hacks.mozilla.org/2010/08/mozelement/
http://webkit.org/blog/176/css-canvas-drawing/
http://webkit.org/blog/176/css-canvas-drawing/
JS   mozSetImageElement()
http://hacks.mozilla.org/2010/08/mozelement/
http://hacks.mozilla.org/2010/08/mozelement/
Native Multimedia
Video, Audio, 3D ...
Firefox   <video>
VLC Web Browser Plugin: http://www.videolan.org/vlc/download-macosx.html
autobuffer   preload
   




http://hacks.mozilla.org/2010/08/html5-video-buffered-property-available-in-firefox-4/
http://shaver.off.net/diary/2010/08/27/free-as-in-smokescreen/
                         OSS
http://www.w3.org/2005/Incubator/audio/
http://hacks.mozilla.org/2010/08/html5-video-buffered-property-available-in-firefox-4/
http://twitter.com/cherenkov/status/21614170698
http://www.khronos.org/webgl/
                                      

         


   




            http://webos-goodies.jp/archives/getting_started_with_webgl.html
Application Platform
JS APIs for Web Apps...
http://d.hatena.ne.jp/javascripter/20100404/
http://host/path?query#fragment
 




    http://hacks.mozilla.org/2009/10/multi-touch/
https://dev.mozilla.jp/hacksmozillaorg/websockets-in-firefox/
http://r.dynamis.jp/mozhacks
References
for more information...
http://hacks.mozilla.org/
https://dev.mozilla.jp/hacksmozillaorg/


https://developer.mozilla.org/en/
Upcoming_Firefox_features_for_developers
https://developer.mozilla.org/ja/Firefox_3.6_for_developers


http://www.whatwg.org/html5


http://w3g.jp/blog/studies/html5report
http://www.slideshare.net/myakura/presentations


http://www.slideshare.net/myakura/microdata-a-primer


http://people.mozilla.org/~jdaggett/webfontsfuture.pdf


http://www.slideshare.net/beltzner/firefox-
roadmap-2010-0510
http://www.whatwg.org/html5


http://caniuse.com/
http://caniuse.com/#cats=HTML5&statuses=rec,pr,cr,wd,ietf


http://wiki.whatwg.org/wiki/Implementations_in_Web_browsers


http://www.codedread.com/svg-support.php
http://hacks.mozilla.org/


http://html5rocks.com/


http://developer.apple.com/safaridemos/


http://ie.microsoft.com/testdrive/


http://twitter.com/paulrouget/
                                          Web
http://html5gallery.com/


http://www.scribd.com/doc/30964170/Scribd-in-HTML5


http://280slides.com/


http://www.youtube.com/html5
https://gaming.mozillalabs.com/


http://www.canvasdemos.com/type/games/


http://benfirshman.com/projects/jsnes/


http://www.dextrose.com/en/projects/aves-engine


http://www.kesiev.com/akihabara/
                                                  Web
http://tools.mozilla.com/


http://processingjs.org/


http://azarask.in/projects/algorithm-ink/
http://code.google.com/p/contextfree/source/browse/trunk/
contextfree.js


http://code.google.com/p/cakejs/
http://d.hatena.ne.jp/uupaa/searchdiary?word=*[uupaa.js]


http://raphaeljs.com/
http://g.raphaeljs.com/


Cappuccino: http://objective-j.org/
Sproutcore: http://www.sproutcore.com/
JavaScriptMVC: http://javascriptmvc.com/
Ample SDK: http://www.amplesdk.com/

             Gianduia
http://www.w3.org/TR/css3-fonts/


http://code.google.com/webfonts


http://typekit.com/
http://decomoji.jp/


http://www.fontsquirrel.com/fontface/generator
http://www.khronos.org/webgl/
http://www.khronos.org/webgl/wiki/Demo_Repository


https://developer.mozilla.org/en/WebGL


http://www.gatk.net/webgl/
http://webos-goodies.jp/archives/
getting_started_with_webgl.html
http://learningwebgl.com/cookbook/
http://www.w3.org/TR/FileAPI/
http://www.w3.org/TR/file-writer-api/


http://www.w3.org/TR/geolocation-API/


https://wiki.mozilla.org/Audio_Data_API


https://developer.mozilla.org/en/DOM/
window.onmozorientation
http://www.w3.org/Style/CSS/current-work


https://cvs.khronos.org/svn/repos/registry/trunk/public/
webgl/doc/spec/WebGL-spec.html


https://cvs.khronos.org/svn/repos/registry/trunk/public/
webgl/doc/spec/TypedArray-spec.html


http://www.whatwg.org/specs/web-apps/current-work/
multipage/introduction.html#is-this-html5?

More Related Content

What's hot

03 wp7 application bar
03 wp7   application bar03 wp7   application bar
03 wp7 application bar
Tao Wang
 
Firefox extensions for_developers
Firefox extensions for_developersFirefox extensions for_developers
Firefox extensions for_developers
bwebster719
 
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงานใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน
youaremyworld
 

What's hot (18)

More Browser Basics, Tips & Tricks 3 Draft 8
More Browser Basics, Tips & Tricks 3 Draft 8More Browser Basics, Tips & Tricks 3 Draft 8
More Browser Basics, Tips & Tricks 3 Draft 8
 
Firefox Developer tools
Firefox Developer toolsFirefox Developer tools
Firefox Developer tools
 
More Browser Basics, Tips & Tricks 2 Draft 17
More Browser Basics, Tips & Tricks 2 Draft 17More Browser Basics, Tips & Tricks 2 Draft 17
More Browser Basics, Tips & Tricks 2 Draft 17
 
Marketing with Facebook - Feb. 2nd, 2011
Marketing with Facebook - Feb. 2nd, 2011Marketing with Facebook - Feb. 2nd, 2011
Marketing with Facebook - Feb. 2nd, 2011
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
03 wp7 application bar
03 wp7   application bar03 wp7   application bar
03 wp7 application bar
 
Yaniv navot-smx-final
Yaniv navot-smx-finalYaniv navot-smx-final
Yaniv navot-smx-final
 
Wikis & Blogs Presentation - AT
Wikis & Blogs Presentation - ATWikis & Blogs Presentation - AT
Wikis & Blogs Presentation - AT
 
5 Websites to Learn WebVR
5 Websites to Learn WebVR5 Websites to Learn WebVR
5 Websites to Learn WebVR
 
Using zotero
Using zoteroUsing zotero
Using zotero
 
New SharePoint development features using Visual Studio 2012 - SharePoint Sat...
New SharePoint development features using Visual Studio 2012 - SharePoint Sat...New SharePoint development features using Visual Studio 2012 - SharePoint Sat...
New SharePoint development features using Visual Studio 2012 - SharePoint Sat...
 
Firefox extensions for_developers
Firefox extensions for_developersFirefox extensions for_developers
Firefox extensions for_developers
 
Croak.it ppt
Croak.it pptCroak.it ppt
Croak.it ppt
 
Novidades do WordPress 3.0 e 3.1
Novidades do WordPress 3.0 e 3.1Novidades do WordPress 3.0 e 3.1
Novidades do WordPress 3.0 e 3.1
 
New or obscure web browsers 4x3 (rcsi draft 6)
New or obscure web browsers 4x3 (rcsi draft 6)New or obscure web browsers 4x3 (rcsi draft 6)
New or obscure web browsers 4x3 (rcsi draft 6)
 
Directory submission uk
Directory submission ukDirectory submission uk
Directory submission uk
 
Web Browser Basics, Tips & Tricks Draft 17
Web Browser Basics, Tips & Tricks Draft 17Web Browser Basics, Tips & Tricks Draft 17
Web Browser Basics, Tips & Tricks Draft 17
 
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงานใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน
 

Similar to Firefox 4 & web

Os Henrikson
Os HenriksonOs Henrikson
Os Henrikson
oscon2007
 

Similar to Firefox 4 & web (20)

WebDev References
WebDev ReferencesWebDev References
WebDev References
 
Firefox & HTML5
Firefox & HTML5Firefox & HTML5
Firefox & HTML5
 
Firefox.NEXT
Firefox.NEXTFirefox.NEXT
Firefox.NEXT
 
Firefox 4 & THE AFTER
Firefox 4 & THE AFTERFirefox 4 & THE AFTER
Firefox 4 & THE AFTER
 
HTML5 & Web Platform
HTML5 & Web PlatformHTML5 & Web Platform
HTML5 & Web Platform
 
Toward firefox 4
Toward firefox 4Toward firefox 4
Toward firefox 4
 
Rapid Release
Rapid ReleaseRapid Release
Rapid Release
 
Keypoints html5
Keypoints html5Keypoints html5
Keypoints html5
 
HTML5 Introduction
HTML5 IntroductionHTML5 Introduction
HTML5 Introduction
 
Change by HTML5
Change by HTML5Change by HTML5
Change by HTML5
 
HTML5 and web platform
HTML5 and web platformHTML5 and web platform
HTML5 and web platform
 
CSS @font-face : Personalized fonts
CSS @font-face : Personalized fontsCSS @font-face : Personalized fonts
CSS @font-face : Personalized fonts
 
Mozilla & Apps
Mozilla & AppsMozilla & Apps
Mozilla & Apps
 
Mozilla And Open Web
Mozilla And Open WebMozilla And Open Web
Mozilla And Open Web
 
Making your site mobile-friendly / RIT++
Making your site mobile-friendly / RIT++Making your site mobile-friendly / RIT++
Making your site mobile-friendly / RIT++
 
Os Henrikson
Os HenriksonOs Henrikson
Os Henrikson
 
URL Design
URL DesignURL Design
URL Design
 
Designing FirefoxOS style apps
Designing FirefoxOS style appsDesigning FirefoxOS style apps
Designing FirefoxOS style apps
 
Firefox os how large open source project works
Firefox os   how large open source project worksFirefox os   how large open source project works
Firefox os how large open source project works
 
夜宴36期
夜宴36期夜宴36期
夜宴36期
 

More from dynamis

More from dynamis (20)

HTTP and 5G (fixed1)
HTTP and 5G (fixed1)HTTP and 5G (fixed1)
HTTP and 5G (fixed1)
 
HTTP and 5G
HTTP and 5GHTTP and 5G
HTTP and 5G
 
HTTP and 5G partial draft
HTTP and 5G partial draftHTTP and 5G partial draft
HTTP and 5G partial draft
 
Web App Platform Strategy
Web App Platform StrategyWeb App Platform Strategy
Web App Platform Strategy
 
HTML5 & Renesas RZ/G
HTML5 & Renesas RZ/GHTML5 & Renesas RZ/G
HTML5 & Renesas RZ/G
 
Life of html5 (osaka)
Life of html5 (osaka)Life of html5 (osaka)
Life of html5 (osaka)
 
Web updates 2017
Web updates 2017Web updates 2017
Web updates 2017
 
Life of HTML5
Life of HTML5Life of HTML5
Life of HTML5
 
Browsers in IoT Era
Browsers in IoT EraBrowsers in IoT Era
Browsers in IoT Era
 
New Norm of HTML5
New Norm of HTML5New Norm of HTML5
New Norm of HTML5
 
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
 
OSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig TalkOSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig Talk
 
Demo for Gecko Embedded
Demo for Gecko EmbeddedDemo for Gecko Embedded
Demo for Gecko Embedded
 
Project Gecko Embedded
Project Gecko EmbeddedProject Gecko Embedded
Project Gecko Embedded
 
The New Norm of The Web
The New Norm of The WebThe New Norm of The Web
The New Norm of The Web
 
Progressive Mobile Web Apps
Progressive Mobile Web AppsProgressive Mobile Web Apps
Progressive Mobile Web Apps
 
Modern Mobile Web Apps
Modern Mobile Web AppsModern Mobile Web Apps
Modern Mobile Web Apps
 
Web Tech & Architecture
Web Tech & ArchitectureWeb Tech & Architecture
Web Tech & Architecture
 
Java script.trend(spec)
Java script.trend(spec)Java script.trend(spec)
Java script.trend(spec)
 
Data Privacy meeting
Data Privacy meetingData Privacy meeting
Data Privacy meeting
 

Recently uploaded

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 

Firefox 4 & web