Whatever happened to Progressive Enhancement?

•

0 likes•257 views

The document discusses the history and evolution of progressive enhancement and responsive web design principles from 2005 to 2012. It notes early issues with government websites not working properly and the emergence of techniques like CSS, Ajax, and responsive design. The document argues that responsive design, when done properly with a focus on progressive enhancement, can help address issues caused by over-reliance on JavaScript and provide robust experiences across devices.

Technology News & Politics

Whatever happened to
Progressive Enhancement?

“Design for the lowest
common denominator”

‘Appiﬁcation’ of the web

http://goo.gl/sMBbf

Barrier to Progress

http://goo.gl/EsqLy

Responsive Web Design is Progressive Enhancement

=

“Design a site to work robustly for the
situations in which Javascript doesn’t
succesfully run”

http://goo.gl/0tZam

Diolch yn Fawr!
http://goo.gl/9jnB1
@cole007

Font Edmondsans Icons Geomicons Wired

What's hot

Designing a Process that Gets Things Done

Karena Kreger

Scrum is a simple framework that allows us to complete projects, continuously improve, and get an early return on investment. I wrote this text as a certified scrum master with experience in international blue chip companies dating back to 1999. That experience includes leading projects for the BBC, General Electric, Oracle, BSkyB, HiT Entertainment (responsible for Angelina Ballerina, Bob the Builder, and other titles that you love watching with your kids or siblings but won't admit to), and Razorfish. These roles have all involved leadership on a wealth of mobile, Internet TV, and web software projects. I have played the role of scrum master and, in the earlier years, of team lead and technical lead. I have had the privilege of running projects and rolling out working practices in market leading organizations from start to finish. As I am sure you can imagine, becoming a scrum master involves far more than simply understanding the scrum rules. For me, becoming a scrum master was a journey that began with regular project-work and ended with the ability to coach others based on my experiences of doing things with and without scrum. The purpose of this book is to guide a potential scrum master through the steps I recommend, explaining why those steps are important. By the time you have listened to this book you will be given: An excellent set of steps to follow if you want to become a scrum master Examples of the kind of experiences that helped me to become a scrum master Pointers from a scrum expert

[PDF] How to Become a Scrum Master in 7 Simple Steps Agile Project Management

CheyenneWalls1

Designing future proof websites

Four Kitchens

Nmc11 html5 zobrist

Bill Zobrist

Accessible Javascript with and without WAI ARIA

Dirk Ginader

5 Ridiculously Simple Mobile SEO Mistakes (and how you can stop them)

Greenlane

The State of Frontend

Jimit Shah

Rapid Prototyping With J Query

Bootstrap

The State of the Web - Helsinki meetup

Christian Heilmann

WhatUsersDo: Remote UX Testing

The Research Thing

Responsive Web Time Machine 2

bootnumlock

The web is asynchronous by design, and it has to be. But, there is a slight problem that asynchronous programming has a slight tendency to make people's heads explode. And people really don't like when their heads explode. To get out of the pickle, we need to handle the asynchrony somehow. This talk will explore the reasons for the design of the web, and will try to offer some solutions, from the worst possible to the current state of the art. Topic covered: Asynchrony, XHR, events, callbacks, Promises, Observables, async/await

Asynchrony on the web

Wekoslav Stefanovski

The Way We Build Our Product

Kamil Zieba

Relaunch Challenges and Learnings from a Product and UX perspective

DaWanda

Sustainable Strategies for The Mobile Web

Jesper Wøldiche

Applying Universal Design Principles Online

Wendy Walsh

Better than google

vitalhst

Accessible Javascript using Frameworks - Barcamp London 5

Dirk Ginader

Adaptive profiles t3 con13 sf

busynoggin

SEO and Accessibility

Christian Heilmann

What's hot (20)

Designing a Process that Gets Things Done

[PDF] How to Become a Scrum Master in 7 Simple Steps Agile Project Management

Designing future proof websites

Nmc11 html5 zobrist

Accessible Javascript with and without WAI ARIA

5 Ridiculously Simple Mobile SEO Mistakes (and how you can stop them)

The State of Frontend

Rapid Prototyping With J Query

The State of the Web - Helsinki meetup

WhatUsersDo: Remote UX Testing

Responsive Web Time Machine 2

Asynchrony on the web

The Way We Build Our Product

Relaunch Challenges and Learnings from a Product and UX perspective

Sustainable Strategies for The Mobile Web

Applying Universal Design Principles Online

Better than google

Accessible Javascript using Frameworks - Barcamp London 5

Adaptive profiles t3 con13 sf

SEO and Accessibility

Viewers also liked

Designing Agency (19/02/2010)

Cole Henley

NextGen Roadshow Bmex Case Study

Matt Hamilton

Debbie Wisdom, Strategic Director, Kent Connects and Matt Hamilton, Technical Director, Netsight Internet Solutions and international board director of the Plone Foundation. Kent Connects, the lead technology partnership in Kent & Medway, are using Plone Content Management System to provide partners from different public sector organisations with a flexible, virtual online space to collaborate and share information and knowledge via the internet in a secure way. Learn how Kent Connects came to be using Plone and what the benefits, issues and lessons learnt have been in adopting OSS for the partnership. Find out more about Plone, its community of practice and the opportunities it can offer the public sector.

Kent Connects: Harnessing Open Source for Shared Services and Partnership Wor...

Matt Hamilton

Zope Page Templates have been around for a while, and used extensively in Zope and many Zope based apps and frameworks, but did you know you can use ZPT with any Python project? Indeed there are implementations of the syntax used, Template Attribute Language (TAL), for other languages too. Making it one of the most portable, cross platform templating languages there is. Find out why ZPT and TAL are so elegant, and how to use them with your Python project. I will cover why TAL is a great choice for templating, the simple syntax of TAL and how to create and render page template objects in your code.

An introduction to Zope Page Templates and their use outside of Zope (+Audio)

Matt Hamilton

Dynamically skinning a legacy portal using Python, WSGI (the Python Web Server Gateway Interface), and Deliverance. So you have a big legacy portal application which you want to change the look of, but are contractually not allowed to touch? Here is a case study on how we used the power and flexibility of Python and WSGI and the wonder lxml to dynamically re-skin a proprietary .NET portal without even touching it. We take a giant lump of messy invalid HTML markup and dynamically strip it back, add semantic markup and CSS and present the user with a nice svelte valid site. I will cover the history of the legacy portal, the problems encountered, our cunning plan to dynamically re-skin the site, a technical overview of the parts of the system (lxml, WSGI, etc), and what we learned along the way.

Lipstick On a Pig (+Audio)

Matt Hamilton

A talk I gave at the European Plone Symposium 2010 in Sorrento. Event Driven Programming in Plone - or how to extend Plone the lazy way Ever wanted to extend Plone somehow but not wanted to change the existing code for a product? Want to learn the easy way to extend Plone's functionality? Events! I will show you some examples of how to use Plone's event subscriber and workflow systems to extend Plone without having to change any existing products. Using a number of common Plone products and the events system to combine them you can come up with unlimited possibilities. I'll use examples from two websites I've been working on recently to show you how you can make authors have to pay (using GetPaid) to publish content on a site, and how to check the comments are not spam on your discussion board.

Plone: Event Driven Programming

Matt Hamilton

Plone Intranet talk at Plone Open Garden 2014, Sorrento

Matt Hamilton

Plone - Revised Roadmap: Plone 3,4,5 and beyond - Dutch Plone Users Day (+AUDIO)

Matt Hamilton

The advantages of Open Source systems go beyond simple cost savings. Content management by its very nature requires a significant level of customisation and integration to meet business requirements. By not prohibiting the inspection and modification of the source code, Open Source enables a level of flexibility not available with proprietary systems. This talk will present a case study of the process one corporation, Belron®, went through in the development of a corporate Intranet based on Plone. Belron® is the world's largest vehicle glass repair and replacement company, owning some of the best known brands in the industry including Carglass®, Autoglass®, O'Brien® and Safelite®. Belron® employs more than 19, 500 people working in 28 countries worldwide. In this talk you will see how the flexibility of Open Source allowed an initial modest Intranet to adapt and grow over time to an organisation's evolving requirements, and the development of multiple sub-sites, specific business processes and multilingual support. You will also see how Open Source's licensing model allows un-fettered growth and deployment of the Intranet to multiple countries.

The Flexibility of Open Source: A Case Study of a large Corporate Intranet

Matt Hamilton

Viewers also liked (9)

Designing Agency (19/02/2010)

NextGen Roadshow Bmex Case Study

Kent Connects: Harnessing Open Source for Shared Services and Partnership Wor...

An introduction to Zope Page Templates and their use outside of Zope (+Audio)

Lipstick On a Pig (+Audio)

Plone: Event Driven Programming

Plone Intranet talk at Plone Open Garden 2014, Sorrento

Plone - Revised Roadmap: Plone 3,4,5 and beyond - Dutch Plone Users Day (+AUDIO)

The Flexibility of Open Source: A Case Study of a large Corporate Intranet

Similar to Whatever happened to Progressive Enhancement?

Today, a Web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our websites look good across that spectrum of devices we may forget that we need to make sure that our websites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet. In this session, we’ll look at the tools that can help you understand, measure and improve the performance of your websites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply. This presentation builds upon Dave Olsen’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”

Measuring Web Performance - HighEdWeb Edition

Dave Olsen

Web Development for UX Designers

Ashlimarie

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.

Better Performance === Greater Accessibility [Inclusive Design 24 2018]

Aaron Gustafson

Responsive Design

David Hudson

Responsive web design & mobile web development - a technical and business app...

Atos_Worldline

Skill Session - Web Multi Device

filirom1

We’ve entered a new era where an increasing number of devices with wildly divergent features— including phones, tablets, game consoles, and TVs—are connected to the Internet. As the way people access the Internet changes, there is an urgent need to rethink how we use the web to communicate. This doesn't mean creating separate solutions for each device but rather preparing our existing content to meet an unpredictable future. Responsive web design means changing how we plan and evaluate performance. Dave Olsen and Doug Gapinski share and examine examples to help institutions rethink and adjust for the future-friendly web. Presenters Dave Olsen Professional Technologist, West Virginia University Doug Gapinski Strategist, mStoner

Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...

Doug Gapinski

We’re entering a new era where an increasing number of devices with wildly divergent features -- including phones, tablets, game consoles, and TVs -- are connected to the Internet. As the way people access the Internet changes, there is an urgent need to rethink how we use the web to communicate. This doesn't mean creating separate solutions for each device but rather preparing our existing content to meet this increasingly unpredictable future. Dave Olsen and Doug Gapinski will share and examine examples that show how responsive design will help institutions rethink and adjust for the future-friendly web. Primary topics that are covered are: understanding the reality of web development today, example RWD design patterns, and understanding how to test and optimize the performance of your RWD website.

Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...

Dave Olsen

Mobile ux sot a and challenges

Human Interface Group

Mobile UX Challenges

Johan Verhaegen

Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.

The Server Side of Responsive Web Design

Dave Olsen

Many startups and open source projects have the luxury of starting greenfield projects. Unfortunately, the corporate world rarely works this way. It's more maintenance coding and a few new features every now and then. This session covers how you can use three of the hottest technologies (HTML5, CSS3 and Bootstrap) to spruce up a legacy application. It describes a real-world situation where a redesign was implemented in a few short weeks, making an old site look brand new. It also does a deep dive into Bootstrap, explains LESS, and shows pitfalls with older browsers. After this session, you'll be motivated to integrate Bootstrap into your applications and turn that legacy UI into something sexy! See blog post about this presentation at http://raibledesigns.com/rd/entry/my_bootstrap_presentation_from_html5.

Refreshing Your UI with HTML5, Bootstrap and CSS3

Matt Raible

Adapting to a Responsive Design at Untangle the Web on 29th July 2013

Matt Gibson

Real solutions, no tricks

Jens Grochtdreis

Uxperts mobi 2013 soa & challenges

Mobile Monday Brussels

Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet. In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.

Optimizing web performance (Fronteers edition)

Dave Olsen

Mobile Monday Presentation: Responsive Web Design

Cantina

Mobile First Responsive Web Design — BD Conf Oct 2013

Jason Grigsby

Progressive enhancement sounds practical, but not for your current project, right? Good news: you’re wrong! In this session, Aaron will debunk the myths that often preclude individuals and organizations from embracing progressive enhancement and demonstrate solid techniques for applying progressive enhancement in your work. By the end of this session, you’ll walk away with * a better sense of the devices people are using to access the Web, * a framework for envisioning experience as a continuum, and * a solid understanding of how to improve the accessibility and reach of your Web projects. Come find out why progressive enhancement isn’t just for “content” sites (whatever those are).

There Are No “Buts” in Progressive Enhancement [Øredev 2015]

Aaron Gustafson

How do you plan for the unknown? The answer is obvious—you can’t—but that’s not a bad thing. Unknowns can be scary, but they also create opportunity. On the web, it’s tempting to focus our effort around what we know (or think we know) about our customers based on analytics data we’re collecting and our own experience of the web. Similarly, we often get hung up on trying to give every customer the exact same experience of our product. What we need to realize, however, is that analytics and anecdotal knowledge only get you so far. Our customers’ access and experience of the web is highly variable, deeply personal, and, more often than not, completely out of our control. But take heart, all is not lost. By being flexible in our approach and embracing the unknown, we can create user experiences that are intended to vary from device to device, browser to browser, and network to network. In this workshop, Aaron Gustafson will explain the ins and outs of crafting rich web experiences that adapt to the capabilities and peculiarities of our customers and their devices, while maintaining your sanity in the process. You’ll leave with: * an understanding of the challenges (and possibilities) presented by the wide range of browsers and devices being used to access the web; * a fresh perspective on interface design, grounded in the progressive enhancement philosophy; * ideas around how to tailor experiences based on device capabilities; * solid strategies for determining how common UI components can be re-imagined in an adaptive fashion; and * a practical knowledge of how HTML, CSS, and JavaScript can be deployed in the service of adaptive user interfaces.

Planning Adaptive Interfaces [From the Front 2013]

Aaron Gustafson

Similar to Whatever happened to Progressive Enhancement? (20)

Measuring Web Performance - HighEdWeb Edition

Web Development for UX Designers

Better Performance === Greater Accessibility [Inclusive Design 24 2018]

Responsive Design

Responsive web design & mobile web development - a technical and business app...

Skill Session - Web Multi Device

Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...

Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...

Mobile ux sot a and challenges

Mobile UX Challenges

The Server Side of Responsive Web Design

Refreshing Your UI with HTML5, Bootstrap and CSS3

Adapting to a Responsive Design at Untangle the Web on 29th July 2013

Real solutions, no tricks

Uxperts mobi 2013 soa & challenges

Optimizing web performance (Fronteers edition)

Mobile Monday Presentation: Responsive Web Design

Mobile First Responsive Web Design — BD Conf Oct 2013

There Are No “Buts” in Progressive Enhancement [Øredev 2015]

Planning Adaptive Interfaces [From the Front 2013]

Recently uploaded

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Delhi Call girls

CNv6 Instructor Chapter 6 Quality of Service

giselly40

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

How to convert PDF to text with Nanonets

naman860154

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

Scaling API-first – The story of a global engineering organization

Radu Cotescu

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

Delhi Call girls

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

Slack Application Development 101 Slides

praypatel2

Explore 'The Codex of Business: Writing Software for Real-World Solutions,' a compelling SlideShare presentation that delves into digital transformation in healthcare. Discover through a detailed case study how Agile methodologies empower healthcare providers to develop, iterate, and refine digital solutions that address real-world challenges. Learn how strategic planning, user feedback, and continuous improvement drive success in deploying technologies that enhance patient care and operational efficiency. Ideal for healthcare professionals, IT specialists, and digital transformation advocates seeking actionable insights and practical examples of technology making a real difference.

The Codex of Business Writing Software for Real-World Solutions 2.pptx

Malak Abu Hammad

08448380779 Call Girls In Civil Lines Women Seeking Men

Delhi Call girls

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

A Call to Action for Generative AI in 2024

Results

Finology Group – Insurtech Innovation Award 2024

The Digital Insurer

Recently uploaded (20)

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

CNv6 Instructor Chapter 6 Quality of Service

What Are The Drone Anti-jamming Systems Technology?

2024: Domino Containers - The Next Step. News from the Domino Container commu...

How to convert PDF to text with Nanonets

GenCyber Cyber Security Day Presentation

Scaling API-first – The story of a global engineering organization

Boost Fertility New Invention Ups Success Rates.pdf

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Powerful Google developer tools for immediate impact! (2023-24 C)

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

A Domino Admins Adventures (Engage 2024)

🐬 The future of MySQL is Postgres 🐘

Slack Application Development 101 Slides

The Codex of Business Writing Software for Real-World Solutions 2.pptx

08448380779 Call Girls In Civil Lines Women Seeking Men

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

A Call to Action for Generative AI in 2024