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
120
Crochet Stiches vs Pixel Density
rumyra
0
280
Other Decks in Programming
See All in Programming
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
1
680
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
110
F#で自在につくる静的ブログサイト - 関数型まつり2025
pizzacat83
1
310
[初登壇@jAZUG]アプリ開発者が気になるGoogleCloud/Azure+wasm/wasi
asaringo
0
130
CursorはMCPを使った方が良いぞ
taigakono
1
170
A2A プロトコルを試してみる
azukiazusa1
2
1.1k
エンジニア向け採用ピッチ資料
inusan
0
160
関数型まつり2025登壇資料「関数プログラミングと再帰」
taisontsukada
2
850
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
130
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
170
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Building Adaptive Systems
keathley
43
2.6k
GitHub's CSS Performance
jonrohan
1031
460k
Optimizing for Happiness
mojombo
379
70k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
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