This document discusses designing websites for mobility. It provides an overview of mobile web usage statistics and trends. It also covers various design considerations for mobile websites such as responsive design, progressive enhancement, and performance optimization techniques like image resizing and testing on actual devices. The document promotes a mobile-first approach to design and outlines Stanford's mobile aware web project.
Adobe Max Modern iPhone App Design with Rick MesserRick Messer
Modern iPhone App Design
Basic practices and modern techniques
An introduction to iPhone app design. Gain a foundation of basics to break into this medium and start designing apps. This session will cover some fundamental iOS principles and describe modern design techniques. Get equipped with a good starting point and avoid some rookie mistakes.
Some Pointers from a Mobile Product Design Agency
iOS Anatomy: Familiarize with terminology, patterns & controls
Examples of modern design techniques
Tips from our process at Funsize
Working with engineers
Modern tools & practices for prototyping
#MobileInAction - iRecruitExpo June 2013, AmsterdamDave Martin
Dave has interviewed numerous recruitment leaders from around the world, mobile strategic experts, authors, founders and market analysts which are made available online through his 'Mobile in Action' videocast. In this fast pace session Dave will share a summary of learnings from the people he has talked to giving you example case studies, strategic advice and gotcha's to watch out for. The objective is to deliver information you need to take your next steps in a world filling up of handheld web devices (smartphones & tablets). If you are on the mobile journey already, there will an opportunity for a few to share their stories with the audience and Dave.
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...Fabien Marry
A in-depth look at the iPad user interface with guidelines and examples.
What's new, and what lessons were learned from theTablet PC concept and the iPhone own user interface.
If you think the iPad is just a bigger iPod, this presentation is for you.
Slightly updated from the presentation I made at UXCampLondon 2010.
Adobe Max Modern iPhone App Design with Rick MesserRick Messer
Modern iPhone App Design
Basic practices and modern techniques
An introduction to iPhone app design. Gain a foundation of basics to break into this medium and start designing apps. This session will cover some fundamental iOS principles and describe modern design techniques. Get equipped with a good starting point and avoid some rookie mistakes.
Some Pointers from a Mobile Product Design Agency
iOS Anatomy: Familiarize with terminology, patterns & controls
Examples of modern design techniques
Tips from our process at Funsize
Working with engineers
Modern tools & practices for prototyping
#MobileInAction - iRecruitExpo June 2013, AmsterdamDave Martin
Dave has interviewed numerous recruitment leaders from around the world, mobile strategic experts, authors, founders and market analysts which are made available online through his 'Mobile in Action' videocast. In this fast pace session Dave will share a summary of learnings from the people he has talked to giving you example case studies, strategic advice and gotcha's to watch out for. The objective is to deliver information you need to take your next steps in a world filling up of handheld web devices (smartphones & tablets). If you are on the mobile journey already, there will an opportunity for a few to share their stories with the audience and Dave.
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...Fabien Marry
A in-depth look at the iPad user interface with guidelines and examples.
What's new, and what lessons were learned from theTablet PC concept and the iPhone own user interface.
If you think the iPad is just a bigger iPod, this presentation is for you.
Slightly updated from the presentation I made at UXCampLondon 2010.
Responsive web design has taken our industry by storm and with good reason: it helps us improve our reach with less effort. But incorporating responsive design is not the goal, meeting our user’s needs is. Responsive design is not an end in itself… it’s just the beginning.
As a fitting way to kick off our new workshop series, we’ve asked two internationally-renown mobile web and responsive design experts—Brad Frost (of This is Responsive, and Pattern Lab fame) and Aaron Gustafson (author of Adaptive Web Design)—to come and teach us everything we need to know about working in this multi-device reality.
For the first part of the day, Brad and Aaron will survey the landscape of responsive design, covering:
* broad concepts,
* strategies,
* the design process & deliverables,
*emerging design patterns and principles, and
* development best practices and considerations.
Then, we’ll break into small groups to tackle some thorny responsive challenges through discussions, sketching, and maybe even a little coding while Brad & Aaron provide real-time feedback and push us to go further. At the end, we’ll share our findings with the class and get additional feedback from the experts.
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...Compuware APM
Are you delivering quality web experiences to all your end-users – no matter what browser or mobile device they use?
Research shows 60% of mobile Web users had a problem in the past year when accessing a Website on their mobile device.
No matter what your customers use to access your website – from Internet Explorer 9 on a PC to Safari on an iPhone – they expect your site to be fast and work flawlessly.
Join renowned mobile platform strategist Peter-Paul Koch and Compuware CTO APM Steve Tack to learn:
- What growing web and mobile browser proliferation means for IT and Web app owners and developers
- The latest browser trends including the evolution of mobile browsers and HTML 5
- How to meet customers’ web experience expectations regardless of browser or device
- What problems exist for companies attempting to maintain cross-browser interoperability
- Best practices to deliver quality web experiences to all customers no matter what browser or device they use
Mobile Application Design & DevelopmentRonnie Liew
The mobile landscape is incredibly fragmented with a huge pool of devices and operating systems. This presentation shares tips and guidelines on how to navigate this maze and help design/develop better mobile applications.
Responsive web design has taken our industry by storm and with good reason: it helps us improve our reach with less effort. But incorporating responsive design is not the goal, meeting our user’s needs is. Responsive design is not an end in itself… it’s just the beginning.
As a fitting way to kick off our new workshop series, we’ve asked two internationally-renown mobile web and responsive design experts—Brad Frost (of This is Responsive, and Pattern Lab fame) and Aaron Gustafson (author of Adaptive Web Design)—to come and teach us everything we need to know about working in this multi-device reality.
For the first part of the day, Brad and Aaron will survey the landscape of responsive design, covering:
* broad concepts,
* strategies,
* the design process & deliverables,
*emerging design patterns and principles, and
* development best practices and considerations.
Then, we’ll break into small groups to tackle some thorny responsive challenges through discussions, sketching, and maybe even a little coding while Brad & Aaron provide real-time feedback and push us to go further. At the end, we’ll share our findings with the class and get additional feedback from the experts.
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...Compuware APM
Are you delivering quality web experiences to all your end-users – no matter what browser or mobile device they use?
Research shows 60% of mobile Web users had a problem in the past year when accessing a Website on their mobile device.
No matter what your customers use to access your website – from Internet Explorer 9 on a PC to Safari on an iPhone – they expect your site to be fast and work flawlessly.
Join renowned mobile platform strategist Peter-Paul Koch and Compuware CTO APM Steve Tack to learn:
- What growing web and mobile browser proliferation means for IT and Web app owners and developers
- The latest browser trends including the evolution of mobile browsers and HTML 5
- How to meet customers’ web experience expectations regardless of browser or device
- What problems exist for companies attempting to maintain cross-browser interoperability
- Best practices to deliver quality web experiences to all customers no matter what browser or device they use
Mobile Application Design & DevelopmentRonnie Liew
The mobile landscape is incredibly fragmented with a huge pool of devices and operating systems. This presentation shares tips and guidelines on how to navigate this maze and help design/develop better mobile applications.
A summary of all the ways you can get your WordPress site ready for the mobile Web. I’ll cover online services that create a mobile version of your site, special WordPress themes and plugins, regular-mobile ready WordPress themes, and more. Presented by Shannon Smith at Web à Québec.
Pick Your Poison – Mobile Web, Native or Hybrid?Effective
Presented at Denver Startup Week - October 2012
As developers, one of the largest challenges is deciding what kind of mobile application to build: mobile web, hybrid, or native mobile. This is a thorny question because there isn’t a black-and-white answer. The solution can sit anywhere from pure mobile web to pure native mobile, or somewhere in between. In this session, Shane Church, technical lead at EffectiveUI, uncovers how the answer is tied to deep consideration of architecture decisions, the needs of the user, and the business goals for both the short and long term. He goes step-by-step through the questions and project considerations they should address when preparing to embark on a mobile development project. You'll learn that your responses to these questions will drive a clear path to the right decision that keeps end-users and organizational goals in line.
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Shane Church
As developers, one of the largest challenges is deciding what kind of mobile application to build: mobile web, hybrid, or native mobile. This is a thorny question because there isn’t a black-and-white answer. The solution can sit anywhere from pure mobile web to pure native mobile, or somewhere in between. In this session, Shane Church, Technical Lead at EffectiveUI, will uncover how the answer is tied to deep consideration of architecture decisions, the needs of the user, and the business goals for both the short and long term. He’ll take attendees step-by-step through the questions and project considerations they should address when preparing to embark on a mobile development project. Attendees will also learn that their responses to these questions will drive a clear path to the right decision that keeps end-users and organizational goals in line.
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | OxiemLessing-Flynn
Why marketers should care about mobile marketing now. Includes statistics on mobile device proliferation, responsive website design, mobile websites vs. mobile apps, and how the market will continue to change.
Presentation given at Interact13 conference in January 2013, Springfield Ohio.
Communication Design for the Mobile ExperienceDavid Drucker
Presented to the Vancouver Chapter of the Society for Technical Communication at their May 2011 meeting. This is a discussion of issues, and strategies for creating usable, navigable, relevant content for mobile computing devices like smartphones. Included many examples and a case study.
An overview of mobile app development. This presentation discusses the different options available and some of the considerations to take when starting a mobile app project. This was presented at the InSquared event (http://insquared.net) in March 2012
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in StockholmJoel Oleson
After exploring the explosion of mobile, phablet and tablet devices, the enterprise has been bombarded with demands to support iOS iphones, iPads, and a variety of Android devices.
Microsoft's strategy of mobile first cloud first has been to support these devices. In this session we explore Enterprise Mobile Management and Mobile Device Management as well as Enterprise Application Management strategies.
As well we explore the latest enhancements in SharePoint 2013 as it relates to mobile and then look at Responsive Web Design for SharePoint.
The presentation slide that I presented on Creatology (creative and technology) seminar, University of Indonesia, Dec 17, 2011.
I used some materials from my previous presentations, but with some updated data.
An overview of difference between Hybrid Mobile Applications, Native Applications and Mobile Web Apps. List of JavaScript frameworks that we used for Hybrid Mobile Apps.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
2. Who Are We?
Brian Young Scotty Logan
Interface Designer IT Architect
& Web Developer
First web page: 1998 First web page: 1993
First web server: 1998 First web server: 1994
4. Twitter
We’ll make references to twitter
Everyone at #bdconf uses twitter
Scotty @scottylogan
Brian @auracreations
We’re tweeting now
Search for #suitoh11
6. Quick Survey
Do you have...
iPhone (iPod Touch?)
iPad
Android (tablet?)
Blackberry
Palm Pre / Win Phone 7 / smartphone
“dumb” / “feature” phone
7. Quick Survey
How many of you are
web developers or designers?
mobile web developers or designers?
native mobile app developers?
managers of any of the above
8. Why Mobile Matters
Mobile web access > non-mobile by 2015
Average iPhone user only spends 45% of his on-
device time making voice calls
9. Why Mobile Matters
25% in US only use mobile web; 70% in Egypt
59% of people have viewed website on phone,
then followed up on desktop
34% have done the reverse
@stephanierieger #bdconf
11. NetDB Active by OS
iPhone 5000
Android
Windows Mobile 3750
iPad
2500
Symbian
iPod
1250
WebOS
Blackberry
0
Windows Phone 7 April 2011 July 2011
12. www.stanford.edu
March - April 2011
iPhone 20000
Android
Win Mobile / WP7 15000
iPad
10000
Symbian
iPod
5000
WebOS
Blackberry
0
Other April 2011 July 2011
13. US Mobile Market
Oct ‘10 Jan ‘11 May ‘11
30%
22.5%
15%
7.5%
0%
Samsung LG Motorola RIM Apple Other
http://www.comscore.com/Press_Events/Press_Releases/2011/3/comScore_Reports_January_2011_U.S._Mobile_Subscriber_Market_Share
14. US Smartphone Market
Oct ‘10 Jan ‘11 May ‘11
40%
30%
20%
10%
0%
Google RIM Apple Microsoft Palm Other
http://www.comscore.com/Press_Events/Press_Releases/2011/3/comScore_Reports_January_2011_U.S._Mobile_Subscriber_Market_Share
15. Global Mobile Market
2009 2010 2011
40%
30%
20%
10%
0%
Nokia Samsung LG RIM Apple Sony E.Motorola ZTE HTC Huawei Others
Gartner, February 2011
16. Global Smartphone Market
2009 2010 2011
50%
37.5%
25%
12.5%
0%
Symbian Google RIM Apple Microsoft Other
Gartner, February 2011
17. Speed Matters
17% of people will not wait more than
5 seconds for a mobile web site to load
Gomez “When Seconds Count”
19. Where is mobile used?
82% of mobile web use at home
Waiting in line
Most tablet use 6pm - 10pm
(in bed?)
@lukew #bdconf
20. Mobile Browser Environment
Good Browsers Not So Good Browsers
iOS, Android, Feature phones and
Opera Mobile, everything else
new Blackberry,
No support for
WebOS
HTML5, CSS3 or JS
Support most of
WP7 for now :-(
HTML5, CSS3, JS
@ppk's mobile browser feature compatibility list
http://www.quirksmode.org/mobile/
21. Mobile is Personal
Anywhere, anytime access
Access to user location, camera, address
book, phone functionality, etc.
Touch and gesture control
Even babies can play games on the iPad
22. Apps
What is an App?
Everyone wants Apps
Do you really need one?
Native or Web App?
23. Native App
Coded in multiple languages, tools:
Objective C and XCode (iOS)
Eclipse and Java or C++ (Android)
??? and J2ME (Blackberry, older devices)
Web tool & Javascript, CSS and HTML (WebOS)
.Net Studio and C# (Windows Phone 7)
Code cannot be reused across platforms :(
In app stores, with 300,000 other apps
24. Web App
Coded in HTML5, CSS 3, and Javascript
Do it once and available everywhere
Can be installed on phone
Can be cached locally
even work offline
Access to local storage
No access to camera, contacts, etc (yet)
25. Hybrid Solutions
Wrap your web app in a native app
Device access (camera, contacts, etc)
Available in app stores
Open source
PhoneGap
Commercial
Appcelerator Titanium (fewer devices)
26. Still need a web site
Visitors and other non local users
Search
Returns links
Google does not distinguish between
desktop or mobile sites
Feature phones
Phones you don't build for
30. Separate Mobile Site
Used to be the way to do it
When devices had very limited
browsers
More maintenance
What about new devices?
Device detection scramble
Usually means a redirect [BAD]
31. Progressive Enhancement
Deliver a simple site
Enhance it based on the
capabilities of the browser
Media Queries
Feature detection
(Modernizr)
JavaScript
CSS3 features
32. Responsive Design
Website should display content reasonably
regardless of device resolution / orientation
fluid grids, CSS 3 layouts
content priority is maintained
content adjusted to the viewable space
text scaled to maintain content readability
Ethan Marcotte’s article
http://www.alistapart.com/articles/responsive-web-design/
33. Ethan was mostly right
He was wrong about images
Suggested using largest needed image
Letting the browser resize
Really bad for performance
Jason Grigsby: resize images on server
http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
34. Mobile First!
Luke (@lukew) Wroblewski's Mobile First Talk
http://www.lukew.com/ff/entry.asp?1137
Mobile constraints improve design
Limited screen real estate on mobile
One distracted eyeball, one fat finger
Cut the crap, present only the most important
content
Better usability = Better experience!
36. or is it Content First?
Site Architecture
Many people ignore and forget this
Using all your content might not be the
answer
But mobile users often want it all
What do mobile users need on your site?
Use analytics
38. Accessibility
If I can't use your awesome website...
It's not really that awesome, is it?
@stephanierieger
#bdconf
Make content accessible by everyone
Content accessibility > Presentation styles
39. Viewports
Mobile browsers default to 960px wide
but scaled down
Fine for desktop sites, not for mobile sites
Set the viewport...
carefully
42. Performance and Optimization
Mobile devices often suffer from
Low bandwidth
High latency
Unreliable connectivity
Slower processors
Browsers only use 2,4, or 6 connections
to a site
43. How Pages are Fetched
iOS 4.3 uses up
to 4 connections
44. How Pages are Fetched
Android 2.2
uses up to 11
connections!
46. Images
Resize images on the server
WURFL has tools for this
http://tinysrc.net/
For images used in CSS
Base64 encode images, embed in CSS
Use CSS sprites
47. Testing
Emulators / simulators work, up to a point
May need Mac and Windows hosts
Test with real devices
On real networks (3g, Starbucks wifi)
In real conditions
Outside in sunshine
In classrooms
48. Managing a Mobile Site
Content Management and Maintenance
Use database or CMS to manage content
Reuse and publish content to multiple locations
Web Analytics
Track usage and behavior
Justify the need for mobile optimized sites
Continual Improvement
49. Mobile Aware Web Project
SGG funded project, with participants from
IT Services
University Communications
Student Affairs
Develop guidelines and tools
Develop reference sites, including
http://www.stanford.edu/m
http://itopenhouse.stanford.edu
50. What we're considering
JQuery Mobile for mobile framework
UI elements
Base style
Modernizr for feature detection
Media queries for screen size detection
Simple backend device classification
mod_rewrite regular expressions FTW!
51. Mobile Framework Showcase
Examples of mobile aware web developed using a
mobile framework
JQuery Mobile
http://commencement.stanford.edu/m
JQ Touch
http://www.stanford.edu/m
Sencha Touch
http://www.stanford.edu/group/itopenhouse/m
did any one web developers / designers drop their hands when asked about mobile? Guess what... you’re mobile developers / designers\n\nhttp://www.flickr.com/photos/wessexarchaeology/321370565/\n\n
Morgan Stanley, via http://mashable.com/2010/04/13/mobile-web-stats/\n\nhttp://www.flickr.com/photos/soldiersmediacenter/3729394795/\n
Morgan Stanley, via http://mashable.com/2010/04/13/mobile-web-stats/\n\nhttp://www.flickr.com/photos/50101005@N03/4607048471/\n
iPhone - >9,300 (~82%)\niPad - 348\nWindows Mobile - 636\nAndroid - 871\n\nIncludes old devices no longer in use\nbased on user selected OS in NetDB\ndoes not include “builtin” OS choice\n\nhttp://www.flickr.com/photos/eszter/478947769/\n\n
No Windows Phone 7 or Blackberry showing up\nAgain - not including “built-in” OS\n\nProblematic time for comparison - lots of users are away from campus\n\nhttp://www.flickr.com/photos/eszter/478947769/\n
Safari (iPhone, iPad, Android/Webkit) is now 3% of total homepage traffic\nGoogle Analytics does not break out Windows Mobile and Windows Phone 7\nOnly includes browers with javascript enabled\n\nhttp://www.flickr.com/photos/eszter/478947769/\n
http://www.comscore.com/Press_Events/Press_Releases/2011/3/comScore_Reports_January_2011_U.S._Mobile_Subscriber_Market_Share\ndoes not include wifi-only iPad and iPod touch\n\nhttp://www.flickr.com/photos/cote/67919646\n\n
http://www.comscore.com/Press_Events/Press_Releases/2011/3/comScore_Reports_January_2011_U.S._Mobile_Subscriber_Market_Share\ndoes not include wifi-only iPad and iPod touch\n\nhttp://www.flickr.com/photos/cote/67919646\n
http://reviews.cnet.com/8301-19736_7-20031147-251.html\ndoes not include wifi-only iPad and iPod touch\n\nhttp://www.flickr.com/photos/cote/67919646\n
http://reviews.cnet.com/8301-19736_7-20031147-251.html\ndoes not include wifi-only iPad and iPod touch\n\nhttp://www.flickr.com/photos/cote/67919646\n
[twitter]Gomez When Seconds Count report http://www.gomez.com/wp-content/downloads/GomezWebSpeedSurvey.pdf[/twitter]\n\nhttp://upload.wikimedia.org/wikipedia/commons/d/d0/FA-18_Hornet_breaking_sound_barrier_%287_July_1999%29.jpg\n\n
Repetitive now - deleting mail in the morning\nBored now - need something to do while in line, waiting for meeting to start, etc.\nUrgent now - I’m running late, which gate is my plane leaving from?\n\nhttp://www.flickr.com/photos/benlanc/4786607582/\n\n
[twitter]@ppk’s mobile browser feature compatibility list http://quirksmode.org/mobile/[/twitter]\nPeople don't really surf the web using the bad browsers, unless they have to\n\nhttp://www.flickr.com/photos/johanl/4424185115/\n \n
Brian Fling @fling #bdconf offers clients a web app for less than full cost, because it’s the right thing to do; client always choose to pay more for a native app\n\nhttp://www.flickr.com/photos/kaioshin/3085642914/\n\n
Well, mostly everywhere... might need some tweaks\nInstalled web pages have icons like regular apps\nW3C and others are working on device APIs; security remains an issue (for regular web pages)\n\nThere’s standardization work on device APIs at http://www.wacapps.net/web/portal too\n\nhttp://www.flickr.com/photos/schmish/4090562160/\n\n
[twitter]native app wrappers for web apps: http://phonegap.com/ and http://appcelerator.com/[/twitter]\nAlso Rhombile, but it uses a custom language\n\nhttp://www.flickr.com/photos/kitkaphotogirl/3516722887\n
SEO is all about links\nWhile you can create links to apps (on most devices), they’ll fail horribly if the user doesn’t have the app installed\n\n
\n
\n
\n
There may be cases where you have to do this\n\nWe’ll talk about redirects shortly\n\nhttp://www.flickr.com/photos/peterblanchard/3387759956\n\n\n\n
[twitter]lynx is the ultimate test of content first / progressive enhancement[/twitter]\n\n\n
[twitter]Original Responsive Web Design article: http://www.alistapart.com/articles/responsive-web-design/[/twitter]\n\nhttp://www.flickr.com/photos/kenjonbro/3796564454\n\n
[twitter]@grigs’ response to responsive design: http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/[/twitter]\n\nhttp://www.flickr.com/photos/daveknapik/402730950/\n\n
[twitter]@lukew’s mobile first talk http://www.lukew.com/ff/entry.asp?1137[/twitter]\n\nhttp://www.flickr.com/photos/radioflyer007/4117675229\n\n
While you’re redesigning your site, make sure you keep it accessible\nAvoid fixed viewports\n\nhttp://www.flickr.com/photos/mniemand/3338678704\n
Some frameworks do this; many tutorials suggest this\nWorks more like a native app!\n
Lets user pinch and zoom to see details, or to make controls more readable and more accessible\n
RFC2616 (HTTP 1/.1 specification), section 8.1.4 "Practical Considerations" states:\nA single-user client SHOULD NOT maintain more than 2 connections with any server or proxy\n\nhttp://www.flickr.com/photos/danielfoster/2206175625\n
[twitter]Use firebug in firefox, or the web console in Safari / Chrome to see requests made by browser[/twitter]\n\nThis is from blaze.io, but Firebug in Firefox and the web console in Safari / Chrome also provide similar tools\n\n
This is from blaze.io, but Firebug in Firefox and the web console in Safari / Chrome also provide similar tools\n\n
[twitter]Aggregate & minimize CSS & Javascript, using tools like http://developer.yahoo.com/yui/compressor/ http://refresh-sf.com/yui/[/twitter]\n\n
tinysrc and wurfl cache images\n[twitter]Base64 encoding images: http://www.websiteoptimization.com/speed/tweak/inline-images/[/twitter]\n[twitter]CSS sprites: http://www.alistapart.com/articles/sprites/[/twitter]\n\nhttp://www.flickr.com/photos/andersondotcom/482150154\n
iOS simulator is part of XCode\nAndroid emulator on Linux, Mac, Windows\nUse desktop browsers with performance tools\nUse YSlow, etc.\n\nhttp://www.flickr.com/photos/konch/4974020028\n\n\n
http://www.flickr.com/photos/jemsweb/4363548805\n
[twitter]Mobile Aware Web Project http://www.stanford.edu/dept/its/projects/mobile/aware/info/ [/twitter]\n\nhttp://commencement.stanford.edu (June 2011)\nhttp://stanfordwho.stanford.edu (Summer 2011)\nhttp://itservices.stanford.edu (Summer 2011)\nhttp://events.stanford.edu (Summer 2011)\nhttp://news.stanford.edu (Summer 2011)\nhttp://explorecourses.stanford.edu (Summer 2011)\nacademic calendar on registrar site (Summer 2011)\n\nhttp://www.flickr.com/photos/subtleness/18765167/\n\n
[twitter]Modernizr - http://www.modernizr.com/ [/twitter]\n[twitter]http://detectmobilebrowser.com/ generate detection scripts for common languages, and mod_rewrite[/twitter]\n\n\nhttp://www.flickr.com/photos/jillclardy/3651849999/\n\n