Progressive enhancement and graceful degradation are important principles for building websites that work across different devices and browsers. The document discusses how the web landscape has changed significantly in recent years with more users on mobile devices and a variety of browsers and screen sizes. It emphasizes building semantic HTML, using responsive design with media queries, and implementing progressive enhancement with JavaScript and CSS to provide robust functionality across environments.
It seems like new browsers and devices are invented every day. This reality leaves us with a couple paths: ignore them but fall behind, or face ‘em head-on.
The problem is, trying to stay on top of these innovations can feel a bit like battling Sauron’s army. (And for those who don’t get the movie quip: very, very daunting.)
Fortunately, progressive enhancement is the way forward for web design — especially on mobile devices. By starting simple and building up, we can craft amazing experiences that work regardless of the capabilities or deficiencies of a given device.
And Aaron Gustafson is just the man to describe how proven techniques like mobile first, responsive design, and adaptive UI can fit into your process while expanding your skill set.
Aaron will talk about:
* Shifting your thinking to architect adaptive experiences right away
* Designing to take advantage of what’s possible on today’s mobile platforms
* Considering alternative ways to interact with UI components you design
* Using JavaScript smartly to avoid creating a “house of cards”
This talk focuses on designing for mobile - a portion of what his workshop topic will cover.
Brief explanation of how browsers make sense of and render our mess.
The path to the first paint - why it is important and how to get there faster.
Rendering performance - how not to shoot yourself in the foot.
Drupal - the current situation
China App Index: Will mobile kill the TV star? [July 2013]WandouLabs
China is world’s largest smartphone market, by far. But it’s a black hole for app data.
Here at Wandoujia, China's leading Android app store, we decided to change that.
The top trend for July 2013? Chinese are flocking to video apps. Find out what's driving this trend and what will happen to China's next gen TV stars.
Mobile Marketing: How Consumers Use Mobile to Connect with Your BusinessSIXTY
Mobile Marketing Facts and Figures: This presentation, created by Jamie Turner, the co-author of the #1 best-selling book on mobile marketing, provides facts and figures on mobile marketing. It also provides tips and techniques you can use for your business.
Mobile Marketing for Nonprofits with Mobile AppsSweb Development
Founder and CEO, Magaly Chocano, of Sweb Development creators of SwebApps, shares the importance for nonprofits to have a mobile presence in three key areas, web, mobile, and social. Having a strategy can provide a great platform for nonprofits to extend their reach by finding new ways to engage not only their existing supporters, but also reach new supporters.
It seems like new browsers and devices are invented every day. This reality leaves us with a couple paths: ignore them but fall behind, or face ‘em head-on.
The problem is, trying to stay on top of these innovations can feel a bit like battling Sauron’s army. (And for those who don’t get the movie quip: very, very daunting.)
Fortunately, progressive enhancement is the way forward for web design — especially on mobile devices. By starting simple and building up, we can craft amazing experiences that work regardless of the capabilities or deficiencies of a given device.
And Aaron Gustafson is just the man to describe how proven techniques like mobile first, responsive design, and adaptive UI can fit into your process while expanding your skill set.
Aaron will talk about:
* Shifting your thinking to architect adaptive experiences right away
* Designing to take advantage of what’s possible on today’s mobile platforms
* Considering alternative ways to interact with UI components you design
* Using JavaScript smartly to avoid creating a “house of cards”
This talk focuses on designing for mobile - a portion of what his workshop topic will cover.
Brief explanation of how browsers make sense of and render our mess.
The path to the first paint - why it is important and how to get there faster.
Rendering performance - how not to shoot yourself in the foot.
Drupal - the current situation
China App Index: Will mobile kill the TV star? [July 2013]WandouLabs
China is world’s largest smartphone market, by far. But it’s a black hole for app data.
Here at Wandoujia, China's leading Android app store, we decided to change that.
The top trend for July 2013? Chinese are flocking to video apps. Find out what's driving this trend and what will happen to China's next gen TV stars.
Mobile Marketing: How Consumers Use Mobile to Connect with Your BusinessSIXTY
Mobile Marketing Facts and Figures: This presentation, created by Jamie Turner, the co-author of the #1 best-selling book on mobile marketing, provides facts and figures on mobile marketing. It also provides tips and techniques you can use for your business.
Mobile Marketing for Nonprofits with Mobile AppsSweb Development
Founder and CEO, Magaly Chocano, of Sweb Development creators of SwebApps, shares the importance for nonprofits to have a mobile presence in three key areas, web, mobile, and social. Having a strategy can provide a great platform for nonprofits to extend their reach by finding new ways to engage not only their existing supporters, but also reach new supporters.
Presented at 360 iDev Denver 2012
We're at the end of 2012 and it has become clear that the mobile app economy is leaving the vast majority of developers out in the cold. The revenue story is lopsided -- a handful of apps have turned into gold mines, but most of them are still standing in the river with a pan hoping for a stray nugget.
With over a million apps in existence, simply building your app does not mean that users will come. In this talk you'll learn how to use customer relationship management, analytics and marketing tools to turn your app into a full fledged business.
We'll start with a discussion of the many facets of analytics spanning from macro trends in the app stores all the way down to the demographics and actions of your individual users. You'll then learn about how to use customer relationship management tools collect and analyze that data in order to execute on marketing campaigns to engage, grow and monetize your user base.
By www.TechAheadCorp.com
(Global developer of customized mobile applications & software designed with creativity & innovation) TechAhead has been recognised as top 15 mobile app development company by SourcingLine and is a part of leadership quadrant in mobile. Being a leading mobile app development company, we at TechAhead work tirelessly to give you the world's most innovative apps.
Android Auto – With a simple and intuitive interface, integrated steering wheel controls, and powerful new voice actions, it’s designed to minimize distraction so you can stay focused on the road. Android Auto automatically brings you useful information, and organizes it into simple cards that appear just when they're needed.
Android Wear – Android Wear organizes your information, suggests what you need, and shows it to you before you even ask. Get messages from your friends, appointment notifications, and weather updates at a glance.
Android TV – Watch hit shows, timeless movies, and viral videos from Google Play, YouTube, and your favorite apps like Netflix. Android games shine on your HDTV with a gamepad. Discover personalized recommendations right on your home screen. No more endless digging through your channel guide and apps.
Google Play – Whether you love to play games, be a social butterfly, or keep up with the latest news, Google Play has apps and games that let you make your Android device uniquely yours.
Les résultats de la 2ème édition de l’étude MMA - Mobile Marketing Attitude consacrent «le véritable avènement de la tablette». 39% des possesseurs de smartphone et de tablette emportent cette dernière partout, et 42% ont remplacé leur ordinateur par leur tablette. 24% interagissent avec des programmes TV via leur tablette. 46% préfèrent leur tablette à leur smartphone pour consulter des offres et préparer un achat.
L’étude montre également un «fort développement des usages du smartphone» : 31% des utilisateurs commandent en ligne via leur mobile et 36% effectuent des virements. 52% acceptent des notifications push, 59% acceptent de recevoir des messages sur leur smartphone selon leur position géographique. 68% veulent bien recevoir des messages commerciaux s’ils sont clients de la marque et 25% en tant que prospect. 40% consultent, comparent des produits ou services, via leur mobile. 31% des smartphoners suivent l’actualité de leurs marques préférées et 11% la partagent. 8% utilisent souvent les QR codes ou tags 2D, 46% le font occasionnellement.
Les attentes sont également de plus en plus marquées et une bonne partie des utilisateurs aimeraient remplacer leur portefeuille par leur smartphone. 28% souhaiteraient payer en caisse avec leur smartphone. 24% aimeraient payer directement avec leur mobile sans passer en caisse. 52% aimeraient embarquer des cartes de fidélité sur leur smartphone et 45% des coupons de réduction, 35% leurs billets de transport et 28% leurs billets de spectacle. 38% aimeraient s’identifier à l’entrée d’un magasin pour recevoir des informations personnalisées sur leur smartphone.
Selon le SNCD, ces résultats «confirment l’omniprésence du smartphone et la forte montée en maturité de la tablette dans la relation commerciale entre les marques et les consommateurs».
L’échantillon interrogé comprend 1 118 répondants âgés de 18 à 65 ans, possesseurs de smartphone ou de tablette, se connectant à Internet via leur appareil. L’enquête a été réalisée en ligne du 18 juillet au 30 août 2013.
Mobile is hot right now. People are spending more time on their mobile devices than ever before. Given that the number of people accessing the web via mobile devices is predicted to surpass the number accessing via the desktop in the next two years, it is high time that we start to take this mobile thing seriously.
The mobile web is different. It can be daunting for those venturing into the mobile realm for the first time. Where do you start? Do you need to design a native app, a web app or a combination of both? What devices should you target?
In this Twilight Presentation Mark Delaney spoke about:
User-Centred Mobile Design
Mobile Design Considerations
Principles to Prototypes
Responsive Design Techniques
Mark is a senior UX Designer at Intergen and leads the User Experience Design team. In this presentation he took attendees on a whirlwind tour of the best practices for organising and designing your mobile experience.
Information about Internet usage via smartphones in Netherlands (English)Anheuser-Busch InBev
With the Netherlands' smartphone penetration now at 43% and 64% of smartphone owners accessing the Internet every day from their device, mobile has become an indispensable part of our daily lives. Google partnered with Ipsos OTX Media CT to understand how the growing adoption of smartphones has transformed consumer behavior from media consumption to commerce to connecting with the world around us. These insights can help advertisers understand how to best use smartphones to engage with their customers. Here's what we found:
Smartphone users are multi-tasking their media with 80% using their phone while doing other things such as watching TV (52%). 78% of smartphone users look for local information on their phone and 73% take action a result.
Smartphones are critical shopping tools with 71% having researched a product or service on their device. 16% of smartphone users have made a purchase on their phone.
Mobile ads are noticed by 84% of smartphone users. Smartphones are also a critical component of traditional advertising as 52% have performed a search on their smartphone after seeing an offline ad. Review the full study to understand the business implications and opportunities for marketers.
Presentation given at the 12 annual marketing to the Rural Sector Conference, held in Auckland, NZ August 27-28th. This paper looks at latest consumer trends & consumer behaviour, the impact of smartphones and tablets to farmers, and developing campaigns to engage them.
Presented at 360 iDev Denver 2012
We're at the end of 2012 and it has become clear that the mobile app economy is leaving the vast majority of developers out in the cold. The revenue story is lopsided -- a handful of apps have turned into gold mines, but most of them are still standing in the river with a pan hoping for a stray nugget.
With over a million apps in existence, simply building your app does not mean that users will come. In this talk you'll learn how to use customer relationship management, analytics and marketing tools to turn your app into a full fledged business.
We'll start with a discussion of the many facets of analytics spanning from macro trends in the app stores all the way down to the demographics and actions of your individual users. You'll then learn about how to use customer relationship management tools collect and analyze that data in order to execute on marketing campaigns to engage, grow and monetize your user base.
By www.TechAheadCorp.com
(Global developer of customized mobile applications & software designed with creativity & innovation) TechAhead has been recognised as top 15 mobile app development company by SourcingLine and is a part of leadership quadrant in mobile. Being a leading mobile app development company, we at TechAhead work tirelessly to give you the world's most innovative apps.
Android Auto – With a simple and intuitive interface, integrated steering wheel controls, and powerful new voice actions, it’s designed to minimize distraction so you can stay focused on the road. Android Auto automatically brings you useful information, and organizes it into simple cards that appear just when they're needed.
Android Wear – Android Wear organizes your information, suggests what you need, and shows it to you before you even ask. Get messages from your friends, appointment notifications, and weather updates at a glance.
Android TV – Watch hit shows, timeless movies, and viral videos from Google Play, YouTube, and your favorite apps like Netflix. Android games shine on your HDTV with a gamepad. Discover personalized recommendations right on your home screen. No more endless digging through your channel guide and apps.
Google Play – Whether you love to play games, be a social butterfly, or keep up with the latest news, Google Play has apps and games that let you make your Android device uniquely yours.
Les résultats de la 2ème édition de l’étude MMA - Mobile Marketing Attitude consacrent «le véritable avènement de la tablette». 39% des possesseurs de smartphone et de tablette emportent cette dernière partout, et 42% ont remplacé leur ordinateur par leur tablette. 24% interagissent avec des programmes TV via leur tablette. 46% préfèrent leur tablette à leur smartphone pour consulter des offres et préparer un achat.
L’étude montre également un «fort développement des usages du smartphone» : 31% des utilisateurs commandent en ligne via leur mobile et 36% effectuent des virements. 52% acceptent des notifications push, 59% acceptent de recevoir des messages sur leur smartphone selon leur position géographique. 68% veulent bien recevoir des messages commerciaux s’ils sont clients de la marque et 25% en tant que prospect. 40% consultent, comparent des produits ou services, via leur mobile. 31% des smartphoners suivent l’actualité de leurs marques préférées et 11% la partagent. 8% utilisent souvent les QR codes ou tags 2D, 46% le font occasionnellement.
Les attentes sont également de plus en plus marquées et une bonne partie des utilisateurs aimeraient remplacer leur portefeuille par leur smartphone. 28% souhaiteraient payer en caisse avec leur smartphone. 24% aimeraient payer directement avec leur mobile sans passer en caisse. 52% aimeraient embarquer des cartes de fidélité sur leur smartphone et 45% des coupons de réduction, 35% leurs billets de transport et 28% leurs billets de spectacle. 38% aimeraient s’identifier à l’entrée d’un magasin pour recevoir des informations personnalisées sur leur smartphone.
Selon le SNCD, ces résultats «confirment l’omniprésence du smartphone et la forte montée en maturité de la tablette dans la relation commerciale entre les marques et les consommateurs».
L’échantillon interrogé comprend 1 118 répondants âgés de 18 à 65 ans, possesseurs de smartphone ou de tablette, se connectant à Internet via leur appareil. L’enquête a été réalisée en ligne du 18 juillet au 30 août 2013.
Mobile is hot right now. People are spending more time on their mobile devices than ever before. Given that the number of people accessing the web via mobile devices is predicted to surpass the number accessing via the desktop in the next two years, it is high time that we start to take this mobile thing seriously.
The mobile web is different. It can be daunting for those venturing into the mobile realm for the first time. Where do you start? Do you need to design a native app, a web app or a combination of both? What devices should you target?
In this Twilight Presentation Mark Delaney spoke about:
User-Centred Mobile Design
Mobile Design Considerations
Principles to Prototypes
Responsive Design Techniques
Mark is a senior UX Designer at Intergen and leads the User Experience Design team. In this presentation he took attendees on a whirlwind tour of the best practices for organising and designing your mobile experience.
Information about Internet usage via smartphones in Netherlands (English)Anheuser-Busch InBev
With the Netherlands' smartphone penetration now at 43% and 64% of smartphone owners accessing the Internet every day from their device, mobile has become an indispensable part of our daily lives. Google partnered with Ipsos OTX Media CT to understand how the growing adoption of smartphones has transformed consumer behavior from media consumption to commerce to connecting with the world around us. These insights can help advertisers understand how to best use smartphones to engage with their customers. Here's what we found:
Smartphone users are multi-tasking their media with 80% using their phone while doing other things such as watching TV (52%). 78% of smartphone users look for local information on their phone and 73% take action a result.
Smartphones are critical shopping tools with 71% having researched a product or service on their device. 16% of smartphone users have made a purchase on their phone.
Mobile ads are noticed by 84% of smartphone users. Smartphones are also a critical component of traditional advertising as 52% have performed a search on their smartphone after seeing an offline ad. Review the full study to understand the business implications and opportunities for marketers.
Presentation given at the 12 annual marketing to the Rural Sector Conference, held in Auckland, NZ August 27-28th. This paper looks at latest consumer trends & consumer behaviour, the impact of smartphones and tablets to farmers, and developing campaigns to engage them.
Vol1: Managing The Hype - The Reality of Mobile in Canada - AppendixDelvinia
Delvinia’s 2009-2010 study of Canadian mobile behaviours conducted through AskingCanadians™, revealed that most mobile owners don’t appear to be using the more advanced features that mobile providers tout and marketers dream of
fully leveraging. Read more inside...
Cashing in on the Smartphone Gaming BoomElastic Path
The widespread adoption of iOS and Android devices has led to massive changes in the retail portable game category. According to Mintel's, "The US Mobile Gaming Market - May 2011", U.S. mobile phone and tablet gaming sales hit $898 million in 2010, doubling 2005 figures.
With smartphone and tablet sales on the rise, games being the leading category in the App Store and Android Market, and cloud gaming poised to take off, the future of mobile gaming looks very rosy indeed. Both Mintel and eMarketer are forecasting revenues to top $1.5 billion by 2014-15.
To profit from the mobile gaming boom, Elastic Path offers a number of recommendations aimed at app stores and game publishers. These include broadening portfolios to appeal to diverse audiences, improving title discovery, integrating robust social features, continuing to innovate with freemium games, and working with advertisers to promote products in-game.
Delivering Critical Information and Services [JavaScript & Friends 2021]Aaron Gustafson
Early on, Internet access was considered a luxury. Those times have passed and the Internet, especially the Web, has become a necessity. Whether your users are trying to access their money, gather health information, attend class, apply for assistance, or any of the other hundreds (if not thousands) of critical tasks people do on the web, your site needs to be prepared to meet their needs. And it needs to work, no matter what.
In this session, I discuss the many challenges to delivering critical information and services as well as the steps you can take to overcome those challenges. He’ll explore ways to make sure you can meet users on a variety of devices—and not the just the latest and greatest high end ones folks are talking about; how to make it accessible to people with disabilities; and how to load—and load quickly—on limited- bandwidth connections.
Designing the Conversation [Beyond Tellerrand 2019]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website. In this session, Aaron Gustafson will discuss how smart markup choices can improve the overall usability and accessibility of your projects without disrupting your current workflow.
For the last three years, our industry has been coming to terms with Progressive Web Apps (PWAs) and what they mean for the work we do every day. Scores of articles, reams of documentation, and dozens of white papers touting the successes and failures in this space can really get your head spinning. It’s easy to get lost in the complexities of service workers, manifests, and oh so many JavaScript frameworks and toolkits. Aaron believes it’s time to take a step back and refocus our attention on what really matters: building great web experiences. In this session, you’ll learn how to apply modern web design and development best practices to your web projects. You’ll learn how to grow a project from a core, universally-accessible experience to a sophisticated Progressive Web App that ensures users will be able to access your product, no matter what.
Our industry is abuzz with talk about Progressive Web Apps (PWAs) and with good reason: they are a great way to improve the experiences our users have on our sites, especially when it comes to performance. Using Service Workers—a key component of PWAs—we can manage network requests and the cache to an incredibly granular degree. We can also totally abuse the privilege Service Workers grant us when it comes to writing files to disk.
In this session, Aaron Gustafson will discuss some of the potential pitfalls in implementing Service Workers, especially when it comes to managing heavy files like images and video. He’ll provide guidance on current best practices in cache management. And he’ll offer a few simple recipes you can put to use right away to deliver amazing experiences for your users that respect their data usage and disk space.
Adapting to Reality [Starbucks Lunch & Learn]Aaron Gustafson
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different, and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
Conversational Semantics for the Web [CascadiaJS 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website. In this session, Aaron Gustafson will discuss how smart markup choices can improve the overall usability and accessibility of your projects without disrupting your current workflow.
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, writing more appropriate copy, and (of course) building accessible experience. But experience is about more than just interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
PWA: Where Do I Begin? [Microsoft Ignite 2018]Aaron Gustafson
In this session, you'll learn how to apply modern best practices to grow your Progressive Web Apps fluidly from mobile devices all the way to large screen desktop environments. You’ll even learn how to lay the groundwork for reaching users of future form factors and “headless” UIs. We'll focus on design patterns that set you up for success on every device and across platforms and guarantee your users will be able to access your product, no matter what. Additional topics will include a primer on how your PWA can integrate more tightly with Windows 10—including how to distribute your PWA via the Store—and how to incorporate accessibility from the very beginning.
Designing the Conversation [Concatenate 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
Designing the Conversation [Accessibility DC 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
We, as an industry, tend to have a pretty myopic view of experience. Those of us who work day-to-day in accessibility probably have a broader perspective than most, but I would argue that even we all fall short now and again when it comes to seeing the Web as others do.
Performance as User Experience [AEA SEA 2018]Aaron Gustafson
Aaron Gustafson
Author, Adaptive Web Design
Performance as User Experience
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
Performance as User Experience [An Event Apart Denver 2017]Aaron Gustafson
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
Over time, your users will become more accustomed to and interacting with their computers on the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
So how do you design a "headless" UI? That's easy: You design the conversation.
Conversation is at the root of every interaction we have, be it with another human being, a game, or with a website. This session will discuss how to design and implement a web application that will allow you to create a web page that will allow you to create HTML documents.
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
In this talk, Aaron will discuss and dissect several adaptive interfaces and demonstrate how they smartly morph to meet their users’ needs — slow connections, older browsers, narrow screens, and even no screens at all. He’ll also introduce you to a battle-tested tool for planning, discussing, building and testing adaptive interfaces.
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.
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
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.
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
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
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
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.
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.
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.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
14. “ Just four years ago the majority of our
visitors saw our website in Internet
Explorer on a Windows computer on a
minimum 1,024 pixel wide screen.
Times have really changed.
Jason Samuels
IT Manager,
National Council on Family Relations
Source
15. “ Windows users used to comprise
93.5% of our web visits. Now that
percentage is 72.4%. Visitors using a
Mac have more than tripled.
16. “ The percentage visiting from a mobile
device or tablet … was just
0.1% in 2008. It has since grown
exponentially,
200-400% per year,
to 6.2% today.
17. “ Four years ago 75.5% of our web
visitors used Internet Explorer. That
number has fallen to 37%. Firefox now
comprises 25.5%, Safari 19.5%, and
Chrome 15.3%.
18. “ In the second quarter of 2008
we detected 71 different
screen resolutions among our
visitors. In the first quarter of
2012 we detected
830
21. 31% 40% 21%
Out of
Out of
home Out of home home
69%
At home
60%
At home
79%
At home
54% of our daily
Computer media interactions
Smartphone Tablet
http://googlemobileads.blogspot.co.uk/2012/08/navigating-new-multi-screen-world.html
22. MOBILE IS NOT
ISOLATED
90 %
of people use
multiple screens
sequentially
http://googlemobileads.blogspot.co.uk/2012/08/navigating-new-multi-screen-world.html
23. starting place for online activities
Started on
smartphone
65% 63% 65% 47% 59% 66% 56%
Searching Browsing Shopping Planning Managing Social Watching an
for Info the Internet Online a Trip Finances Networking Online Video
Continued
on a PC 60% 58% 61% 45% 56% 58% 48%
Continued
on a tablet 4% 5% 4% 3% 3% 8% 8%
http://googlemobileads.blogspot.co.uk/2012/08/navigating-new-multi-screen-world.html
24. MOBILE = OPPORTUNITY
Often this is for “spur-of-the-moment” activity
Often this is for “spur-of-the-moment” activity
Spontaneous vs. Planned Search Search
Spontaneous vs. Planned
20% 20%
Planned Planned
48% 48%
Planned Planned
80%80%
Spontaneous
Spontaneous
52% 52%
Spontaneous
Spontaneous
44%44% 43%43%
of all spontaneous searchessearches
of all spontaneous of all spontaneous
of all spontaneous
on smartphones were to were to
on smartphones searchessearches on PCs were to
on PCs were to
accomplish a goal a goal
accomplish accomplish a goal a goal
accomplish
http://googlemobileads.blogspot.co.uk/2012/08/navigating-new-multi-screen-world.html
Base: Total Answering, Follow-Up Occasion (Search) –Occasion (Search)Smartphone (216); Tablet not shown due to smallshown dueQ. Wouldbase consider your use of
Base: Total Answering, Follow-Up PC/Laptop (492); – PC/Laptop (492); Smartphone (216); Tablet not base size. to small you size. Q. Would you consider your use of
35
44. “The commoditization of smartphone
hardware is just the beginning … of a
huge new wave of cheap devices
about to invade our lives—a zombie
apocalypse of electronics, if you will.
— Scott Jenson
45. Um… I think I’ll just
build an iPhone app.
kthxbye.
94. PROGRESSIVE ENHANCEMENT & MOBILE
Semantics 101
<p>HTML5 introduces several <em>really</em>
useful elements and a ton of new APIs.</p>
<p>Please fill out the form below.
<strong>Note: all fields are required.</strong></p>
<p>I like to work with markup languages because
<strong>they are simple and easy to read</strong>.
They also have that certain <i lang="fr" title="I
don’t know what">je ne sais quoi</i>.</p>
95. PROGRESSIVE ENHANCEMENT & MOBILE
PE with HTML
<video poster=”poster.png”>
<source src=”video.m4v”/>
<source src=”video.webm”/>
<source src=”video.ogv”/>
<img src=”poster.png” alt=””/>
<ul>
<li><a href="video.m4v">Download MP4</a></li>
<li><a href="video.webm">Download WebM</a></li>
<li><a href="video ogv">Download Ogg</a></li>
</ul>
</video>
96. PROGRESSIVE ENHANCEMENT & MOBILE
PE with HTML
<img src=”poster.png” alt=””/>
<ul>
<li><a href="video.m4v">Download MP4</a></li>
<li><a href="video.webm">Download WebM</a></li>
<li><a href="video ogv">Download Ogg</a></li>
</ul>
97. PROGRESSIVE ENHANCEMENT & MOBILE
PE with HTML
<input type="date" name="dob"/>
I get it! I don’t get it :-(
98. PROGRESSIVE ENHANCEMENT & MOBILE
PE with Microformats
<section class="vcard">
<figure>
<img class="photo" src="aaron-gustafson.jpg" alt=""/>
</figure>
<h1 class="fn">Aaron Gustafson</h1>
…
<p>Aaron … is <b class="role">Group Manager</b> of the
<a class="org" href="http://webstandards.org">Web
Standards Project (WaSP)</a> ….</p>
</section>
99.
100.
101.
102. PROGRESSIVE ENHANCEMENT & MOBILE
PE with HTML & ARIA
<header role=”banner”>
<h1><img src="i/logo.png"/></h1>
<nav role=”navigation”>
<ol>
<li><a href="#details">Details</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#instructors">Instructors</a></li>
<li><a href="#lodging">Lodging</a></li>
<li><a href="#location">Location</a></li>
</ol>
</nav>
</header>
103. PROGRESSIVE ENHANCEMENT & MOBILE
These are the droids you seek
<span role="button">OK</span>
<div role="alert">
<p>Something went wrong.</p>
</div>
<div role="alertdialog">
<p>Something went wrong.</p>
<img src="x.png" alt="dismiss" role="button" />
</div>
111. PROGRESSIVE ENHANCEMENT & MOBILE
Parsing errors
@import 'not-for-IE7-or-below.css' screen;
@media screen, print, refrigerator {
/* IE will get these rules */
}
112.
113. PROGRESSIVE ENHANCEMENT & MOBILE
@Media blocks
@media screen {
/* Styles for screen media only */
}
114. PROGRESSIVE ENHANCEMENT & MOBILE
@Media blocks+
@media screen and (max-width:450px) {
/* Styles for screen media when browser
is 450px wide or below */
}
115. PROGRESSIVE ENHANCEMENT & MOBILE
Don’t do this
@media
screen and (min-device-width:1024px)
and (max-width:989px),
screen and (max-device-width:480px),
screen and (max-device-width:480px)
and (orientation:landscape),
screen and (min-device-width:481px)
and (orientation:portrait) {
/* Layout for narrower desktop (below 990px)
or
iPhone running iOS 3 (or equivalent)
or
iPhone running iOS 4 (or equivalent) in “landscape” view
or
iPad (or equivalent) in “portrait” view */
}
116. PROGRESSIVE ENHANCEMENT & MOBILE
Mobile First w/ media queries
/* Universal Layout */
@media screen {
/* Styles for all screens */
}
@media screen and (min-width:481px) {
/* Styles for all screens 480px+ width */
}
@media screen and (min-width:754px) {
/* Styles for all screens 754px+ width */
}
125. PROGRESSIVE ENHANCEMENT & MOBILE
PE with JavaScript
<input class="tweet-counter" value="140" disabled="disabled">
126. PROGRESSIVE ENHANCEMENT & MOBILE
PE with JavaScript
<span id="chars_left_notice" class="numeric">
<strong id="status-field-char-counter"
class="char-counter">140</strong>
</span>
127. PROGRESSIVE ENHANCEMENT & MOBILE
PE with JavaScript
<span class="tweet-counter">140
<b class="hidden"> characters remaining</b></span>
.hidden {
position: absolute;
left: 999em;
}
128. PROGRESSIVE ENHANCEMENT & MOBILE
PE with JavaScript
<span class="tweet-counter">maximum of 140 characters</span>
<span class="tweet-counter">140
<b class="hidden"> characters remaining</b></span>
129. PROGRESSIVE ENHANCEMENT & MOBILE
PE with JavaScript & ARIA
<span aria-live="polite" aria-atomic="true"
class="tweet-counter">140<b class="hidden">
characters remaining</b></span>
139. Progressive Enhancement
& Mobile
by Aaron Gustafson
@AaronGustafson
Further reading:
http://adaptivewebdesign.info
http://blog.easy-designs.net
http://mobilewebbestpractices.com
Slides available at
http://slideshare.net/AaronGustafson
This presentation is licensed under
Creative Commons
Attribution-Noncommercial-Share Alike 3.0
except where otherwise noted
flickr Photo Credits
http://www.flickr.com/photos/aarongustafson/galleries/72157629846428745/