Search Results for ‘Mobile

  • Gian Wild: Mobile Accessibility

    Gian Wild: Mobile Accessibility

    WordCamp Seattle 2017Speaker: Gian Wild

    February 21, 2018 — Unfortunately, when developing WCAG2, the Working Group did not envision the current world where mobile is almost ubiquitous. For example, on a mobile device there is no continual access to a keyboard (unless someone is using it as an add-on to the device – or using a Blackberry Classic). WCAG2 requires that all content be accessible to the keyboard interface, but it does not require that all content be accessible to a mouse or to a touchscreen user – which is essential on a mobile device. Gian Wild talks about the unique accessibility issues on a mobile site and mobile app, including hover traps, VoiceOver swipe traps and zoom traps.

    Accessibility is important to all – not everyone using your mobile app, device or wearable will be fully functioning: either because they have a disability or they are simply engaged elsewhere. Gian Wild talks about the things that are essential to avoid when designing mobile apps, devices and wearables to ensure that everyone can use them.

    This is a fun talk, with lots of gasps and laughter. It is example after example of mobile accessibility fails – but they just look like mobile fails! In this way I try and stress that a usability issue is really an accessibility issue, and making a mobile site accessible actually makes it usable too.

    I talk about specific mobile accessibility features: pinch zoom, native screen readers, haptic keyboard etc, and system accessibility settings: font size, screen rotation, high contrast etc
    I outline the major things that need to be considered when dealing with a mobile site or mobile app:

    PDFs
    Mobile-specific
    Autoplay and movement
    On-screen keyboard traps, hover traps, VoiceOver swipe traps, Touch traps
    Alternatives
    Text size
    Inherited system settings
    In-app settings
    Color contrast
    Missing functionality
    Pixellation on zoom
    Touch target size
    Spacing between touch targets

  • Sam Suresh: Building Your First Mobile App with WordPress Backend

    Sam Suresh: Building Your First Mobile App with WordPress Backend

    WordCamp Kuala Lumpur 2017Speaker: Sam Suresh

    January 8, 2018 — This talk is about how you can build your mobile application with Ionic Framework and using WordPress as a backend. Pull content from WordPress and display it on your mobile app. Use simple HTML5 and CSS to create your mobile application and publish to multiple platforms such as iOS and Android.

  • Yannick Gaultier: Accelerated Mobile Pages on WordPress - Why and How?
  • Yannick Gaultier: Accelerated Mobile Pages on WordPress - Why and How?

    Yannick Gaultier: Accelerated Mobile Pages on WordPress – Why and How?

    WordCamp Dublin 2017Speaker: Yannick Gaultier

    November 11, 2017 — Initially a Google project, started in october 2015, Accelerated Mobile Pages (AMP) has now grown into a set of open source technologies used by most search engines (Google, Bing, Baidu), and many other large companies (Twitter, Ebay, Pinterest, LinkedIn, Feedly, …) to display an alternate version of content to visitors when they are on a mobile device. AMP pages are standard HTML pages that follow a set of rules and optimized javascript to make them extremely fast on mobile devices. They can be created automatically from any WordPress site using a variety of plugins.

    Highlights:
    – Pretty much any type of site can benefit from enabling AMP pages: blogs, news site, recipes, e-commerce, directories, etc
    – Having AMP on your site is probably an SEO must in 2017
    – AMP opens the door to Progressive Web Apps
    – Although adding AMP pages to your site can be as simple as activating a single plugin, this is unlikely to give good results and can even have negative effects.

    During this talk, we will go quickly through how AMP works, why and if you should add it to your site, and very importantly the dos and don’ts of a successful AMP implementation.

    Presentation Slides »

  • Sam Lalonde: Mobile Friendly WordPress

    Sam Lalonde: Mobile Friendly WordPress

    WordCamp Toronto 2017Speaker: Sam Lalonde

    October 24, 2017 — The core principles of a great user experience are Content, Design & Functionality, and Speed. Some people say that we are living in the golden age of user experience but far too often we are technically trudging behind in providing rich and useful experiences and we especially lag behind when it comes to mobile-friendly websites. In fact, 53% of people will abandon a mobile site if it takes more than three seconds to load. Speed is a developer’s problem, a designer’s problem, and also a marketer’s problem. This presentation provides global and Canadian-specific facts and figures about how we are failing people visiting our websites and also covers the ways we can be improving our WordPress websites.

    Presentation Slides »

  • Ptah Dunbar: Rapid Mobile Prototyping In React Native With WordPress

    Ptah Dunbar: Rapid Mobile Prototyping In React Native With WordPress

    WordCamp Montreal 2017Speaker: Ptah Dunbar

    October 19, 2017 — This talk aims to provide WordPress developers with a deep technical introduction to native mobile development using React Native with WordPress as a headless backend. We will walk through an example case study to demonstrate the overall architecture, design and prototyping of a mobile app from scratch.

    Presentation Slides »

  • Scott Bolinger : Speeding Up WordPress For Mobile

    Scott Bolinger : Speeding Up WordPress For Mobile

    WordCamp Orange County 2017Speaker: Scott Bolinger

    July 19, 2017 — Pros and cons of a few different ways to build an iOS or Android app that connects to your WordPress site.

  • Yannick Gaultier: Accelerated Mobile Pages (AMP) Sur WordPress

    Yannick Gaultier: Accelerated Mobile Pages (AMP) Sur WordPress

    WordCamp Bordeaux 2017Speaker: Yannick Gaultier

    May 18, 2017 — Google a activé les pages Accelerated Mobile Pages (AMP) dans ses résultats de recherche le 24 février 2016. Les pages AMP utilisent un ensemble de techniques visant à rendre l’affichage des pages sur appareils mobiles ultra-rapides. D’abord limitées en pratique aux pages de type Nouvelles, ou Blog, visant un affichage dans les « Top stories » des résultats de recherche, les pages AMP sont depuis novembre 2016 affichées en priorité quand elles existent dans les résultats de recherche Google sur mobile, ce qui en fait déjà un élément majeur de toute stratégie SEO. Dans le même temps, Google a annoncé que les résultats de toutes les recherches en général seront dorénavant basés sur son nouvel index mobile, ce qui rend AMP encore plus incontournable.

    Presentation Slides »

  • Νικόλαος Γιαννόπουλος: WordPress for Offline Phonegap Hybrid Mobile Application with Geo Sniffing

    Νικόλαος Γιαννόπουλος: WordPress for Offline Phonegap Hybrid Mobile Application with Geo Sniffing

    WordCamp Athens 2016Speaker: Νικόλαος Γιαννόπουλος

    January 30, 2017 — 1. Προετοιμασία WordPress
    1.1. Δημιουργία Custom Fields βάση του περιεχόμενου της εφαρμογής
    1.2. Χρήση posts & taxonomies για την καταχώρηση και επεξεργασία περιεχομένου
    1.3. Εξαγωγή Περιεχομένου
    1.3.1. Δημιουργία εξαγωγής & ενημέρωση περιεχόμενου εφαρμογής μέσω JSON (Offline Application)
    1.3.2. Χρήση JSON Rest Api για online εφαρμογές

    2. Phonegap Tips & Tricks
    2.1. Βασικές βιβλιοθήκες για ελαχιστοποίηση αποκρίσεων και native feeling
    2.2. Ανάλυση Βασικών συναρτήσεων για ορθή λειτουργία
    2.3. Καταχώρηση περιεχομένου για offline περιήγηση
    2.4. Χρήση data-attributes για ελαχιστοποίηση χρήσης threads από τη συσκευή
    2.5. Εύκολη Αλλαγή Γλώσσας ανάλογα με το χρήστη (localization)

    3. Κατασκευή Analytics για offline εφαρμογή
    3.1. Στατιστικά ανά άρθρο και call to action
    3.2. Ασφαλής επικοινωνία με το server και καταγραφή στην βάση
    3.3. Geo sniffing ανώνυμης χρήσης
    3.3.1. Απεικόνιση τοποθεσιών χρηστών στο χάρτη ανα συσκευή, ανά άρθρο ανάγνωσης κτλ.
    3.3.2. Ποσοστό μετατροπής ανάγνωσης άρθρου – επιχείρησης σε επίσκεψη (customer converge rate)

    Presentation Slides »

  • Mike Hale: Amp it UP! Using Google Accelerated Mobile Pages with WordPress

    Mike Hale: Amp it UP! Using Google Accelerated Mobile Pages with WordPress

    WordCamp Ann Arbor 2016Speaker: Mike Hale

    January 6, 2017 — Google is pushing Accelerated Mobile Pages (AMP) in a big way. AMP pages restrict what you can do all for the sake of performance on mobile devices. In this talk we’ll cover the basics of AMP, how it’s different than mobile-ready and responsive design, and the plugins you’ll need to take advantage of AMP on your WordPress site.

    Presentation Slides »