Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Building Pocket Kitten

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Ruth John (Rumyra) Ruth John (Rumyra)
September 04, 2013
Programming
240
0

Building Pocket Kitten

How to get started and build an intro app for Firefox OS

Avatar for Ruth John (Rumyra)

Ruth John (Rumyra)

September 04, 2013

More Decks by Ruth John (Rumyra)

See All by Ruth John (Rumyra)
Web Components
Avatar for Ruth John (Rumyra) rumyra
3
20k
Make Your Browser Dance | Breaking Borders
Avatar for Ruth John (Rumyra) rumyra
0
91
Make Your Browser Dance | LondonJS
Avatar for Ruth John (Rumyra) rumyra
0
530
Building apps for FirefoxOS
Avatar for Ruth John (Rumyra) rumyra
1
480
How to Sew
Avatar for Ruth John (Rumyra) rumyra
0
100
Building Apps For FirefoxOS - Edited version
Avatar for Ruth John (Rumyra) rumyra
0
250
Lesser Spotted HTML
Avatar for Ruth John (Rumyra) rumyra
0
180
So you think you know HTML?
Avatar for Ruth John (Rumyra) rumyra
2
140
Crochet Stiches vs Pixel Density
Avatar for Ruth John (Rumyra) rumyra
0
300

Other Decks in Programming

See All in Programming
[2026-09-26]空論ジェネリックプロセス～テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話～
Avatar for tosite tosite
0
110
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
130
Building an Out-of-Order CPU
Avatar for Latte72 latte72
1
800
Agents on Rails - Rails at Scale 2026
Avatar for Irina Nazarova irinanazarova
0
260
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
390
新卒PdEのリアル
Avatar for ryu ryu1013
1
520
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
550
アクセシビリティから考える情報設計
Avatar for high-g high_g_engineer
0
410
AWS DevOps Agentで インシデント対応をAIに任せたい
Avatar for HonMarkHunt honmarkhunt
7
3.2k
GitHubハンズオン講座 — 実務レベルのチーム開発のフローを身につけよう
Avatar for junhat6 junhat6
0
110
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
Avatar for Kensuke Taguchi ken_tunc
0
370
難しいけど、読めた。- OSSの入口に立った話。
Avatar for shota sts11142
0
120

Featured

See All Featured
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
4k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
720
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
340
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
380
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
550
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
290
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
710
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.3k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.3k

Transcript

  1. ì   Getting  Started  

  2. Hello   ì  I’m  Ruth   ì  Work  in  The

     Lab  at  o2   ì  UX,  Design,  Front  End  Dev   ì  @rumyra  

  3. Simple  app   New  technology  -­‐ just  wanted  to  

    try  it  out  

  4. Anger  Management  App  

  5. Pocket  Kitten  

  6. Pocket  Kitten  

  7. rumyra.github.io/Pocket-­‐Kitten  

  8. Bunzorcam  

  9. Web  App   rumyra.github.io/Pocket-­‐KiKen  

  10. Simulator   ì  Firefox  Add  On   rumyra.github.io/Pocket-­‐KiKen  

  11. HTML   rumyra.github.io/Pocket-­‐KiKen  

  12. CSS   rumyra.github.io/Pocket-­‐KiKen  

  13. Manifest   ì  Manifest  –  root  of  app,  JSON  format

        rumyra.github.io/Pocket-­‐KiKen  

  14. Vibrate   ì  App  vibrates  phone  on  tap,  user  feedback

      ì  Check  compaVbility     rumyra.github.io/Pocket-­‐KiKen  

  15. What  if?   ì  I  own  a  dog   rumyra.github.io/Pocket-­‐KiKen

     

  16. Ambient  Light  API   ì  When  it’s  night,  show  dogs!

      rumyra.github.io/Pocket-­‐KiKen  

  17. Install   ì  hKps://developer.mozilla.org/en-­‐US/docs/ Mozilla/Firefox_OS/Apps/ WriVng_a_web_app_for_Firefox_OS   rumyra.github.io/Pocket-­‐KiKen  

  18. I’ve  made  an  app  –  now  what?   ì  Packaged

     Apps  -­‐>   Mozilla   marketplace   ì  Hosted  Apps  -­‐>   Host  it  anywhere   (even  Github   pages)  

  19. 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  

  20. Hello   ì  Ruth  John   ì  @rumyra   ì 

    QuesVons?