Suche senden
Hochladen
City Mouse Mobile - A Case Study
•
Als PPT, PDF herunterladen
•
0 gefällt mir
•
453 views
Serge Krul
Folgen
Technologie
Design
Melden
Teilen
Melden
Teilen
1 von 44
Jetzt herunterladen
Empfohlen
Fake Your Way as a Mobile Developer Rockstar with PhoneGap
Fake Your Way as a Mobile Developer Rockstar with PhoneGap
glen_a_smith
A Brief Introduction to JQuery Mobile
A Brief Introduction to JQuery Mobile
Dan Pickett
"Designing for the Mobile Web" by Michael Dick (December 2010)
"Designing for the Mobile Web" by Michael Dick (December 2010)
Mike Brenner
Gamecore
Gamecore
Caiden2557
Does my DIV look big in this?
Does my DIV look big in this?
glen_a_smith
Web Components
Web Components
Loc Nguyen
Mirror - Android UI development on steroids
Mirror - Android UI development on steroids
Sylwester Madej
OttawaJS: angular accessibility
OttawaJS: angular accessibility
Derek Featherstone
Empfohlen
Fake Your Way as a Mobile Developer Rockstar with PhoneGap
Fake Your Way as a Mobile Developer Rockstar with PhoneGap
glen_a_smith
A Brief Introduction to JQuery Mobile
A Brief Introduction to JQuery Mobile
Dan Pickett
"Designing for the Mobile Web" by Michael Dick (December 2010)
"Designing for the Mobile Web" by Michael Dick (December 2010)
Mike Brenner
Gamecore
Gamecore
Caiden2557
Does my DIV look big in this?
Does my DIV look big in this?
glen_a_smith
Web Components
Web Components
Loc Nguyen
Mirror - Android UI development on steroids
Mirror - Android UI development on steroids
Sylwester Madej
OttawaJS: angular accessibility
OttawaJS: angular accessibility
Derek Featherstone
アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼
アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼
Yuki Anzai
Creating an Intuitive Multi-screen Experience
Creating an Intuitive Multi-screen Experience
senthil_hi
DrupalCamp NH
DrupalCamp NH
jasonrsavino
Web Resources
Web Resources
Leo Nguyen
Android Layout 3分クッキング
Android Layout 3分クッキング
Yuki Anzai
Virtual Presentation using Amazon Sumerian
Virtual Presentation using Amazon Sumerian
TakanoriTsutsui
supercharge your front end with the best ux practices
supercharge your front end with the best ux practices
Gercek Karakus
JavaScript & AJAX in WordPress
JavaScript & AJAX in WordPress
Igor Benić
המילון המלא לשפת המפתחים
המילון המלא לשפת המפתחים
Serge Krul
HTML5 - שבירת מיתוסים
HTML5 - שבירת מיתוסים
Serge Krul
Why Bundler 1.1 will be much faster
Why Bundler 1.1 will be much faster
Pat Shaughnessy
Wellness choices (1)
Wellness choices (1)
lchanley
Q6
Q6
Charlie Bartle
Mini Spot Vieni a Ballare in Puglia Matrimonio Alessio e Paola
Mini Spot Vieni a Ballare in Puglia Matrimonio Alessio e Paola
alessioforte87
Constructivism
Constructivism
AliciaDonley
ιστορια
ιστορια
basikignosi
Coolhunters
Coolhunters
Myri Camhi
Manager's manual rpms
Manager's manual rpms
Julie Alvero
הטאו של העיצוב המגיב
הטאו של העיצוב המגיב
Serge Krul
Web as a Platform - מחקר מגמות
Web as a Platform - מחקר מגמות
Serge Krul
Hou
Hou
mayonnais
Fishing game
Fishing game
ecvgalicia
Weitere ähnliche Inhalte
Was ist angesagt?
アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼
アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼
Yuki Anzai
Creating an Intuitive Multi-screen Experience
Creating an Intuitive Multi-screen Experience
senthil_hi
DrupalCamp NH
DrupalCamp NH
jasonrsavino
Web Resources
Web Resources
Leo Nguyen
Android Layout 3分クッキング
Android Layout 3分クッキング
Yuki Anzai
Virtual Presentation using Amazon Sumerian
Virtual Presentation using Amazon Sumerian
TakanoriTsutsui
supercharge your front end with the best ux practices
supercharge your front end with the best ux practices
Gercek Karakus
JavaScript & AJAX in WordPress
JavaScript & AJAX in WordPress
Igor Benić
Was ist angesagt?
(8)
アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼
アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼
Creating an Intuitive Multi-screen Experience
Creating an Intuitive Multi-screen Experience
DrupalCamp NH
DrupalCamp NH
Web Resources
Web Resources
Android Layout 3分クッキング
Android Layout 3分クッキング
Virtual Presentation using Amazon Sumerian
Virtual Presentation using Amazon Sumerian
supercharge your front end with the best ux practices
supercharge your front end with the best ux practices
JavaScript & AJAX in WordPress
JavaScript & AJAX in WordPress
Andere mochten auch
המילון המלא לשפת המפתחים
המילון המלא לשפת המפתחים
Serge Krul
HTML5 - שבירת מיתוסים
HTML5 - שבירת מיתוסים
Serge Krul
Why Bundler 1.1 will be much faster
Why Bundler 1.1 will be much faster
Pat Shaughnessy
Wellness choices (1)
Wellness choices (1)
lchanley
Q6
Q6
Charlie Bartle
Mini Spot Vieni a Ballare in Puglia Matrimonio Alessio e Paola
Mini Spot Vieni a Ballare in Puglia Matrimonio Alessio e Paola
alessioforte87
Constructivism
Constructivism
AliciaDonley
ιστορια
ιστορια
basikignosi
Coolhunters
Coolhunters
Myri Camhi
Manager's manual rpms
Manager's manual rpms
Julie Alvero
הטאו של העיצוב המגיב
הטאו של העיצוב המגיב
Serge Krul
Web as a Platform - מחקר מגמות
Web as a Platform - מחקר מגמות
Serge Krul
Hou
Hou
mayonnais
Fishing game
Fishing game
ecvgalicia
Itismine.ru presentation
Itismine.ru presentation
itismine_ru
Q6
Q6
Charlie Bartle
The great conversation
The great conversation
yannib
Imc approach to marketing and advertising planning
Imc approach to marketing and advertising planning
Reinalyn Merza
Andere mochten auch
(18)
המילון המלא לשפת המפתחים
המילון המלא לשפת המפתחים
HTML5 - שבירת מיתוסים
HTML5 - שבירת מיתוסים
Why Bundler 1.1 will be much faster
Why Bundler 1.1 will be much faster
Wellness choices (1)
Wellness choices (1)
Q6
Q6
Mini Spot Vieni a Ballare in Puglia Matrimonio Alessio e Paola
Mini Spot Vieni a Ballare in Puglia Matrimonio Alessio e Paola
Constructivism
Constructivism
ιστορια
ιστορια
Coolhunters
Coolhunters
Manager's manual rpms
Manager's manual rpms
הטאו של העיצוב המגיב
הטאו של העיצוב המגיב
Web as a Platform - מחקר מגמות
Web as a Platform - מחקר מגמות
Hou
Hou
Fishing game
Fishing game
Itismine.ru presentation
Itismine.ru presentation
Q6
Q6
The great conversation
The great conversation
Imc approach to marketing and advertising planning
Imc approach to marketing and advertising planning
Ähnlich wie City Mouse Mobile - A Case Study
Responsive web design & mobile web development - a technical and business app...
Responsive web design & mobile web development - a technical and business app...
Atos_Worldline
Skill Session - Web Multi Device
Skill Session - Web Multi Device
filirom1
Fake it 'til you make it
Fake it 'til you make it
Jonathan Snook
Mobile Java with GWT: Still "Write Once, Run Everywhere"
Mobile Java with GWT: Still "Write Once, Run Everywhere"
Alex Theedom
FAESA CONENCO 2013: Sencha Touch 2 + PhoneGap
FAESA CONENCO 2013: Sencha Touch 2 + PhoneGap
Loiane Groner
Building Mobile Websites
Building Mobile Websites
Sachin Khosla
2013 URISA Track, Kickstarter for JavaScript Web and Mobile GIS Development b...
2013 URISA Track, Kickstarter for JavaScript Web and Mobile GIS Development b...
GIS in the Rockies
Location Based Services Without the Cocoa
Location Based Services Without the Cocoa
EDINA, University of Edinburgh
Gup web mobilegis
Gup web mobilegis
GeCo in the Rockies
Developing Applications for WebOS
Developing Applications for WebOS
Chuq Von Rospach
3 Approaches to Mobile - An A to Z Primer.
3 Approaches to Mobile - An A to Z Primer.
agup2009
Mobilize Joomla
Mobilize Joomla
Kyle Ledbetter
Accelerated Adoption: HTML5 and CSS3 for ASP.NET Developers
Accelerated Adoption: HTML5 and CSS3 for ASP.NET Developers
Todd Anglin
Mobile Your Joomla Site
Mobile Your Joomla Site
Kyle Ledbetter
Building responsive web mobile mapping applications
Building responsive web mobile mapping applications
Allan Laframboise
Making your site mobile-friendly - DevCSI Reading 21.07.2010
Making your site mobile-friendly - DevCSI Reading 21.07.2010
Patrick Lauke
iPhone - web development lotus notes domino
iPhone - web development lotus notes domino
dominion
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Esri Nederland
BluePrint Mobile Framework
BluePrint Mobile Framework
Christian Heilmann
Yahoo Mobile Widgets
Yahoo Mobile Widgets
Jose Palazon
Ähnlich wie City Mouse Mobile - A Case Study
(20)
Responsive web design & mobile web development - a technical and business app...
Responsive web design & mobile web development - a technical and business app...
Skill Session - Web Multi Device
Skill Session - Web Multi Device
Fake it 'til you make it
Fake it 'til you make it
Mobile Java with GWT: Still "Write Once, Run Everywhere"
Mobile Java with GWT: Still "Write Once, Run Everywhere"
FAESA CONENCO 2013: Sencha Touch 2 + PhoneGap
FAESA CONENCO 2013: Sencha Touch 2 + PhoneGap
Building Mobile Websites
Building Mobile Websites
2013 URISA Track, Kickstarter for JavaScript Web and Mobile GIS Development b...
2013 URISA Track, Kickstarter for JavaScript Web and Mobile GIS Development b...
Location Based Services Without the Cocoa
Location Based Services Without the Cocoa
Gup web mobilegis
Gup web mobilegis
Developing Applications for WebOS
Developing Applications for WebOS
3 Approaches to Mobile - An A to Z Primer.
3 Approaches to Mobile - An A to Z Primer.
Mobilize Joomla
Mobilize Joomla
Accelerated Adoption: HTML5 and CSS3 for ASP.NET Developers
Accelerated Adoption: HTML5 and CSS3 for ASP.NET Developers
Mobile Your Joomla Site
Mobile Your Joomla Site
Building responsive web mobile mapping applications
Building responsive web mobile mapping applications
Making your site mobile-friendly - DevCSI Reading 21.07.2010
Making your site mobile-friendly - DevCSI Reading 21.07.2010
iPhone - web development lotus notes domino
iPhone - web development lotus notes domino
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
BluePrint Mobile Framework
BluePrint Mobile Framework
Yahoo Mobile Widgets
Yahoo Mobile Widgets
Kürzlich hochgeladen
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Pixlogix Infotech
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
soniya singh
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
2toLead Limited
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Scott Keck-Warren
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
Ridwan Fadjar
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Kürzlich hochgeladen
(20)
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
City Mouse Mobile - A Case Study
1.
City Mouse Mobile
A Case Study
2.
3.
4.
City Mouse Mobile
[ link ]
5.
Why Mobile Web?
6.
It's Web
7.
Still, a website
Splash Screen Look & Feel Native Share Look & Feel Native Call Action Keypad Location Aware Smart Loading
8.
One to many
App Store Market Place Stand Alone Desktop
9.
10.
11.
12.
Mind the Gap
How's Mobile Web different
13.
It's Web
...
14.
15.
border-radius
16.
Images
17.
Today Mobile UI
components
18.
Sencha Touch Kitchen
Sink [ link ]
19.
jQuery Mobile [
link ]
20.
<input type="checkbox" />
21.
Happily ever ::after CSS3
shapes
22.
To name a
few... jqTouch iUI joApp kendoUI (soon) TouchyBP (wink) PastryKit ( wtf ?)
23.
Mind the Gap
Fixed scrolling
24.
Fixed header and
footer
25.
Uses iScroll $.fn.scrollVertically
= function (options) { return this.each(function () { new iScroll(this, options); }); }; $.fn.scrollHorizontally = function (options) { return this.each(function () { new iScrollHorizontal(this, options); }); }; $.jQTouch.addExtension(function (jQT) { $(document.body).bind('pageInserted', function () { horizontal.scrollHorizontally(...); vertical.scrollVertically(...); }); }); jqt.scrolling.js
26.
Today Newer scrolling
plugins
27.
To name a
few... iScroll 4 Scrollability touch-scroll [ more ]
28.
Tomorrow What the
future (aka Apple) brings
29.
{ position: fixed;
} iOS5
30.
Mind the Gap
Vanilla Features
31.
#gallery ? Pages
System
32.
Templates System
33.
Local Content Geolocation
34.
Mind the
Map
35.
It's Waze var
g_waze_config = { div_id: "map", locale: "israel", zoom: 8, token: "666", framed_cloud_image_url: "cloud", alt_base_layer: "israel_colors", alt_map_servers: "ymap1/wms-c" };
36.
Simulate Event Mouse
Touch
37.
It's a
maze ... MapManager. simulateEvent = function (event, type, doNotPreventDefault) { var event = event.originalEvent, touches = event.changedTouches, first = touches[0]; var simulatedEvent = document.createEvent("MouseEvent"); simulatedEvent.initMouseEvent( first.screenX, first.screenY, first.clientX, first.clientY ); first.target.dispatchEvent(simulatedEvent); if (doNotPreventDefault != true) { event.preventDefault(); } };
38.
Today
39.
Israel is on GMap
40.
The last Gap
41.
PhoneGap
42.
Makes these possible
Appstore Native Share
43.
44.
And if you've
asked yourself about the font... I'm Comic Sans, Asshole :)
Jetzt herunterladen