Mobile Web Compatibility @ Code Camp Cluj
21
Unblock users – Why mobile web compatibility is (so) important Ioana Chiorean CodeCamp Cluj - November 20
-
Upload
ioana-chiorean -
Category
Mobile
-
view
99 -
download
1
Transcript of Mobile Web Compatibility @ Code Camp Cluj
Unblock users – Why mobile web compatibility is (so) important
Ioana Chiorean
CodeCamp Cluj - November 2016
Who is Ioana?
● Mozillian for more than 7 years doing several roles within the community
● CodeWeek Ambassador● QA Team Lead @ SOFTVISION
@ioana_cis#lifeofamozillian
“ a global community of people who believe that openness, innovation, and opportunity are key to the continued health of the Internet.”
Mozilla is ..
Mozilla > Firefox
● Firefox● Firefox for Android● Firefox for iOS (Focus)
COPYRIGHT
https://whatcanidoformozilla.org
MozActivate RUSTA-FRAME
What exactly ?
● Compatibility ○ Web Compatibility
■ Mobile Web Compatibility
What causes cross-browser incompatibilities
Developers who use browser-specific featuresBrowser vendors
who rush to implement features developers want before they are standardized.who are slow to implement standards and fix bugs in their browsers.
Sites that employ user agent sniffing Developers who are over-reliant on a single toolsetGrowth in the industry
many new web developers to join the fieldmany platforms to deploy on
Why? Oh why..
● Smartphones everywhere● Busy bees ● Professionals. Yes you!
Why is Mobile Web Compatibility important?
Stats
Stats
What is she talking about?
#2439 #1163 #1937
What is she talking about?
#1896 #3639 #1818
Tools You don’t even have to have a smartphone
Browser DevToolsCross-browser-testing tool Understand which browsers have
implemented web features before using Them
Coding tools that can improve cross-browser compatibility
What is she talking about?
NASA blanck page on mobile#1984
Wired reorganized elements#2292
Hacker News hierarchicall display #2135
Other examples
What you get? Is what you see..
● More users (yay!)
○ Users won’t switch browsers, they’ll switch sites
● Less angry feedback ( yay twice!)● Cooler things? ● Smarter you. Yes you!
○ Staying current with the latest technologies, frameworks, and techniques.
Why would you do this?
Convinced? Wink wink -> https://webcompat.com/
How It Works..
● Report a bug for any website or browser.
● Our team of volunteers diagnoses the bug.
● We send a fix to the site owner or browser.
Team & ResourcesAdam Stevenson ➡ @adamopenweb
Alexa Roman ➡ @calexityDaniel Davis ➡ @ourmaninjapanGuillaume Demesy ➡ @magsout
Karl Dubost ➡ @karlpro Mike Taylor ➡ @miketaylr
[email protected] "Ready for Outreach" Web Compatible JavaScript and CSS
Try the activity out: https://activate.mozilla.community/webcompat-sprint/https://hacks.mozilla.org/2016/07/make-the-web-work-for-everyone/
aka the heroes
Questions?@ioana_cis@webcompat
Slides already available:http://bit.ly/WebCompatCodeCamp
