Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Pocket Kitten

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Ruth John (Rumyra) Ruth John (Rumyra)
September 04, 2013
Programming
0
230

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
Tweet

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
78
Make Your Browser Dance | LondonJS
Avatar for Ruth John (Rumyra) rumyra
0
510
Building apps for FirefoxOS
Avatar for Ruth John (Rumyra) rumyra
1
450
How to Sew
Avatar for Ruth John (Rumyra) rumyra
0
88
Building Apps For FirefoxOS - Edited version
Avatar for Ruth John (Rumyra) rumyra
0
230
Lesser Spotted HTML
Avatar for Ruth John (Rumyra) rumyra
0
180
So you think you know HTML?
Avatar for Ruth John (Rumyra) rumyra
2
130
Crochet Stiches vs Pixel Density
Avatar for Ruth John (Rumyra) rumyra
0
290

Other Decks in Programming

See All in Programming
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
Avatar for tom twinkle tomtwinkle
1
370
Python’s True Superpower
Avatar for Hynek Schlawack hynek
0
190
クライアントワークでSREをするということ。あるいは事業会社におけるSREと同じこと・違うこと
Avatar for nnaka2992 nnaka2992
1
280
LangChain4jとは一味違うLangChain4j-CDI
Avatar for Kenji Kazumura kazumura
1
130
Swift ConcurrencyでよりSwiftyに
Avatar for 野瀬田　裕樹 yuukiw00w
0
230
AI時代でも変わらない技術コミュニティの力～10年続く“ゆるい”つながりが生み出す価値
Avatar for Takehata Naoto n_takehata
2
570
AI時代のソフトウェア開発でも「人が仕様を書く」から始めよう-医療IT現場での実践とこれから
Avatar for kouki.miura koukimiura
0
130
エージェント開発初心者の僕が エージェントを作った話と今後やりたいこと
Avatar for ta-hasunuma thasu0123
0
220
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜 / Understanding nil in Go Interface Representation and Why nil != nil
Avatar for kuro kuro_kurorrr
3
1.6k
CopilotKit + AG-UIを学ぶ
Avatar for NearMeの技術発表資料です nearme_tech
PRO
1
120
PJのドキュメントを全部Git管理にしたら、一番喜んだのはAIだった
Avatar for oga_aiichiro nanaism
0
230
TROCCOで実現するkintone+BigQueryによるオペレーション改善
Avatar for shota sato ssxota
0
120

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.1k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
770
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
450
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
570
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
59
50k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
210
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
130

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?