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

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
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
92
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
AI主導のプログラミング学習アプリを作ってみた
Avatar for econanringo econanringo
0
180
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
610
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
1.7k
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Rails World 2026, Austin, Texas
Avatar for Marco Roth marcoroth
0
220
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
290
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
160
残高管理から台帳サービスへの進化
Avatar for kobaryo artoy
1
200
When benchmarks go bad - what I learned from measuring performance wrong
Avatar for Holly Cummins hollycummins
0
220
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.6k
Rでドレミ/Do-Re-Mi_with_R
Avatar for florets1 florets1
0
130
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
Avatar for Naoki Kishida kishida
2
180
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
360
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
990
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
480
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
67k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
530
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
1
270
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
35
2.9k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k

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?