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
440
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
69
Make Your Browser Dance | LondonJS
rumyra
0
490
Building Pocket Kitten
rumyra
0
230
How to Sew
rumyra
0
83
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
株式会社 Sun terras カンパニーデック
sunterras
0
180
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
3
2.9k
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
ski
0
340
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
1
420
私はどうやって技術力を上げたのか
yusukebe
43
17k
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
1
570
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
nrslib
7
3.8k
Чего вы не знали о строках в Python – Василий Рябов, PythoNN
sobolevn
0
150
CSC305 Lecture 02
javiergs
PRO
1
260
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
natmark
0
480
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
7
1.5k
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
2
120
Featured
See All Featured
How GitHub (no longer) Works
holman
315
140k
Side Projects
sachag
455
43k
The World Runs on Bad Software
bkeepers
PRO
71
11k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Six Lessons from altMBA
skipperchong
28
4k
Why Our Code Smells
bkeepers
PRO
339
57k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Scaling GitHub
holman
463
140k
Statistics for Hackers
jakevdp
799
220k
RailsConf 2023
tenderlove
30
1.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
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