Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Building apps for FirefoxOS
Search
Ruth John (Rumyra)
October 10, 2013
Programming
1
430
Building apps for FirefoxOS
Full talk slides introducing how to start building apps for Firefox OS
Ruth John (Rumyra)
October 10, 2013
Tweet
Share
More Decks by Ruth John (Rumyra)
See All by Ruth John (Rumyra)
Web Components
rumyra
3
20k
Make Your Browser Dance | Breaking Borders
rumyra
0
68
Make Your Browser Dance | LondonJS
rumyra
0
480
Building Pocket Kitten
rumyra
0
220
How to Sew
rumyra
0
80
Building Apps For FirefoxOS - Edited version
rumyra
0
220
Lesser Spotted HTML
rumyra
0
170
So you think you know HTML?
rumyra
2
130
Crochet Stiches vs Pixel Density
rumyra
0
280
Other Decks in Programming
See All in Programming
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
3
5.9k
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
410
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
270
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
690
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
280
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
550
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
730
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
290
Porting a visionOS App to Android XR
akkeylab
0
290
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
220
Featured
See All Featured
Music & Morning Musume
bryan
46
6.6k
The Pragmatic Product Professional
lauravandoore
35
6.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Building Adaptive Systems
keathley
43
2.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Writing Fast Ruby
sferik
628
62k
Become a Pro
speakerdeck
PRO
28
5.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
730
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Transcript
ì Building apps for Firefox OS
Hello ì Hi, I’m Ruth ì Work in
The Lab at o2 (Telefonica) ì UX, Design, Front End Dev ì @rumyra
But what the? ì It’s an OperaIng System!
ì (Mobile) Device, then Gonk ì Firefox rendering engine -‐> Gecko ì Otherwise known as ‘Boot to Gecko’
But what the? ì It’s an OperaIng System!
ì (Mobile) Device, then Gonk ì Firefox rendering engine -‐> Gecko ì Otherwise known as ‘Boot to Gecko’
Gaia ì Suite of web apps ì Run
naIvely on device ì Can boot on other devices (Raspberry Pi) ì All Open Source
Devices Geeksphone Foxconn tablet
Released! ì Mozilla, Telefonica, & ZTE ì
‘ZTE Open’ ì €69 ì Ebay ì This country?
ì Devices
No device? ì Simulator: Firefox Add On
How do I build apps?
How do I build apps?
How do I build apps? ì You probably already have
ì HTML, CSS, Javascript ì Other web technologies ì Simples!
Anything else? ì Manifest – root of app,
JSON format ì Responsive design ì Icons ì Offline
New technology ì HTML5 api’s ì GeolocaIon,
getUserMedia ì New webAPIs :D
WebAPIs (are awesome)
I’ve made an app – now what? ì Packaged
Apps -‐> Mozilla marketplace ì Hosted Apps -‐> Host it anywhere (even Github pages)
Resources ì heps://addons.mozilla.org/en-‐US/firefox/addon/firefox-‐os-‐ simulator/ ì hep://manifest-‐validator.com/ ì
heps://wiki.mozilla.org/WebAPI/ or heps://developer.mozilla.org/en-‐US/docs/WebAPI ì heps://developer.mozilla.org/en-‐US/docs/Apps/Packaged_apps ì hep://www.12devsofxmas.co.uk/post/2012-‐12-‐27-‐day-‐2-‐lets-‐ make-‐a-‐firefoxos-‐app
Thank you ì Ruth John ì @rumyra