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 Pocket Kitten
Search
Ruth John (Rumyra)
September 04, 2013
Programming
0
220
Building Pocket Kitten
How to get started and build an intro app for Firefox OS
Ruth John (Rumyra)
September 04, 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 apps for FirefoxOS
rumyra
1
430
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
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
18
9.2k
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
構造化・自動化・ガードレール - Vibe Coding実践記 -
tonegawa07
0
140
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
13k
slogパッケージの深掘り
integral0515
0
120
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
320
Porting a visionOS App to Android XR
akkeylab
0
910
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
11
7.2k
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
210
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
150
AIのメモリー
watany
11
940
20250708_JAWS_opscdk
takuyay0ne
2
150
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Visualization
eitanlees
146
16k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
For a Future-Friendly Web
brad_frost
179
9.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
A designer walks into a library…
pauljervisheath
207
24k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Faster Mobile Websites
deanohume
308
31k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Transcript
ì Getting Started
Hello ì I’m Ruth ì Work in The
Lab at o2 ì UX, Design, Front End Dev ì @rumyra
Simple app New technology -‐ just wanted to
try it out
Anger Management App
Pocket Kitten
Pocket Kitten
rumyra.github.io/Pocket-‐Kitten
Bunzorcam
Web App rumyra.github.io/Pocket-‐KiKen
Simulator ì Firefox Add On rumyra.github.io/Pocket-‐KiKen
HTML rumyra.github.io/Pocket-‐KiKen
CSS rumyra.github.io/Pocket-‐KiKen
Manifest ì Manifest – root of app, JSON format
rumyra.github.io/Pocket-‐KiKen
Vibrate ì App vibrates phone on tap, user feedback
ì Check compaVbility rumyra.github.io/Pocket-‐KiKen
What if? ì I own a dog rumyra.github.io/Pocket-‐KiKen
Ambient Light API ì When it’s night, show dogs!
rumyra.github.io/Pocket-‐KiKen
Install ì hKps://developer.mozilla.org/en-‐US/docs/ Mozilla/Firefox_OS/Apps/ WriVng_a_web_app_for_Firefox_OS rumyra.github.io/Pocket-‐KiKen
I’ve made an app – now what? ì Packaged
Apps -‐> Mozilla marketplace ì Hosted Apps -‐> Host it anywhere (even Github pages)
Resources ì hKps://addons.mozilla.org/en-‐US/firefox/addon/firefox-‐ os-‐simulator/ ì hKp://manifest-‐validator.com/ ì
hKps://wiki.mozilla.org/WebAPI/ or hKps://developer.mozilla.org/en-‐US/docs/WebAPI ì hKps://developer.mozilla.org/en-‐US/docs/Apps/ Packaged_apps ì hKp://www.12devsofxmas.co.uk/post/2012-‐12-‐27-‐ day-‐2-‐lets-‐make-‐a-‐firefoxos-‐app
Hello ì Ruth John ì @rumyra ì
QuesVons?