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
MOBILE DEVELOPMENT with HTML, CSS and JS
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Sperasoft
August 21, 2014
Technology
0
51
MOBILE DEVELOPMENT with HTML, CSS and JS
Sperasoft talks about several important aspects of MOBILE DEVELOPMENT with HTML, CSS and JS
Sperasoft
August 21, 2014
Tweet
Share
More Decks by Sperasoft
See All by Sperasoft
Code and Memory Optimisation Tricks
sperasoft
0
97
The Theory of Relational Databases
sperasoft
0
110
Automated Layout testing using Galen framework
sperasoft
0
110
Sperasoft talks: Android Security Threats
sperasoft
0
270
JPoint 2015: Java technology conference overview
sperasoft
0
66
RxJava: Functional Reactive Programming on Android
sperasoft
0
260
Effective Мeetings
sperasoft
0
130
Unreal Engine 4 Introduction
sperasoft
0
230
JIRA Development
sperasoft
0
260
Other Decks in Technology
See All in Technology
Amazon Bedrock Knowledge Basesチャンキング解説!
aoinoguchi
0
130
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
rvirus0817
0
130
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
0gm
0
870
日本の85%が使う公共SaaSは、どう育ったのか
taketakekaho
1
150
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
n11sh1
0
130
OCI Database Management サービス詳細
oracle4engineer
PRO
1
7.4k
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
muziyoshiz
1
1.8k
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
maaaato
0
130
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
ama_ch
0
120
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
460
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
oracle4engineer
PRO
1
120
Webhook best practices for rock solid and resilient deployments
glaforge
1
280
Featured
See All Featured
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
57
50k
Visualization
eitanlees
150
17k
Building AI with AI
inesmontani
PRO
1
690
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Skip the Path - Find Your Career Trail
mkilby
0
54
First, design no harm
axbom
PRO
2
1.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
エンジニアに許された特別な時間の終わり
watany
106
230k
Test your architecture with Archunit
thirion
1
2.1k
Testing 201, or: Great Expectations
jmmastey
46
8k
Between Models and Reality
mayunak
1
180
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
Transcript
MOBILE DEVELOPMENT with HTML, CSS and JS #SperasoftTalks
MOBILE DEVELOPMENT It is development for mobile devices through web-based
technologies
STANDARD WEB Server Rendering Server saves all the data Working
offline is no possible That would be a common sense Client is the most resting component of the system
AT FIRST IT WAS JUST AWFUL
MEDIA QUERIES
MEDIA QUERIES
WHY IT DOESN’T REALLY WORK Work offline is not possible
Every effort requires costly requests from server We handle a huge amount of assets
Have a question? Like this deck? Just follow us on
twitter @Sperasoft
SERVER SIDE FIRST Server knows the device Server generates required
content This is not a stand-alone solution
BREAKPOINTS • EASILY LAYS IN A FAMILIAR GRID • EASY
TO DEVELOP MOBILE APPS • MOBILE APPLICATIONS AS LOGICAL CONTINUATION • MOBILE WEB DEVELOPMENT UI • TOUCHES • SWIPES • BARS
UI FRAMEWORKS • IONIC • BOOTSTRAP • KENDO UI JS
FRAMEWORKS • JQUERY UI • ANGULARJS • EMBERJS CONTAINERS • NATIVE CAPABILITIES • FULLY ATTACHED BROWSER • PUSH NOTIFICATIONS • IOS WIDGETS • WORKS WITHOUT INTERNET • APACHE CORDOVA • TITANIUM • SENCHA
PHONEGAP VS CORDOVA • Webkit vs Google Chrome DEPENDENCIES •
Needs RUBY PYTHON • Needs MS VISUALSTUDIO
ANDROID • IntillijIDEA • Open SDK • Simple Debug IOS
• OS X • Xcode • No Documentation • Debug is a pain! WINDOWS PHONE • Windows 8 • Hyper-V • Debuggin is Difficult • Emulator is Virtual
Follow us on Twitter @Sperasoft Visit our site: sperasoft.com