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
61
0
Share
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
More Decks by Sperasoft
See All by Sperasoft
Code and Memory Optimisation Tricks
sperasoft
0
110
The Theory of Relational Databases
sperasoft
0
120
Automated Layout testing using Galen framework
sperasoft
0
120
Sperasoft talks: Android Security Threats
sperasoft
0
280
JPoint 2015: Java technology conference overview
sperasoft
0
73
RxJava: Functional Reactive Programming on Android
sperasoft
0
270
Effective Мeetings
sperasoft
0
150
Unreal Engine 4 Introduction
sperasoft
0
240
JIRA Development
sperasoft
0
270
Other Decks in Technology
See All in Technology
O'Reilly Infrastructure & Ops Superstream: Platform Engineering for Developers, Architects & the Rest of Us
syntasso
0
300
Gaussian Splattingの実用化 - 映像制作への展開
gpuunite_official
0
200
その英語学習、AWSで代替できませんか?
suzutatsu
1
120
AI時代に、 データアナリストがデータエンジニアに異動して
jackojacko_
0
1k
エンタープライズの厳格な制約を開発者に意識させない:クラウドネイティブ開発基盤設計/cloudnative-kaigi-golden-path
mhrtech
0
450
サプライチェーン攻撃への備えについて考えている #湘なんか
stefafafan
1
950
ワールドカフェ再び、そしてゴール・ルール・ロール・ツール / World Café Revisited, and the Goals-Rules-Roles-Tools
ks91
PRO
0
180
LookerとADKで作る社内AIエージェント
chanyou0311
0
270
20260515 ID管理は会社を守る大切な砦!〜🔰情シス向け〜
oidfj
0
700
2026-05-14 要件定義からソース管理まで!IBM Bob基礎ハンズオン
yutanonaka
0
170
React Compiler導入の効果と運用の工夫
kakehashi
PRO
3
280
オライリーイベント登壇資料「鉄リサイクル・産廃業界におけるAI技術実応用のカタチ」
takarasawa_
0
420
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
810
Context Engineering - Making Every Token Count
addyosmani
9
890
Information Architects: The Missing Link in Design Systems
soysaucechin
0
930
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
150
SEO for Brand Visibility & Recognition
aleyda
0
4.5k
Everyday Curiosity
cassininazir
0
210
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.9k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
170
We Have a Design System, Now What?
morganepeng
55
8.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
110k
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