Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
progressive enhancement

16 Articles
{
,

}
Direct link to the article The Optional Chaining Operator, “Modern” Browsers, and My Mom
optional chaining progressive enhancement

The Optional Chaining Operator, “Modern” Browsers, and My Mom

Direct Link

Jim Nielsen’s mom couldn’t open a website. Jim worked on confirming the issue and documented how he got to the bottom of it:

“[…] well it can’t be a browser issue. It’s not like my Mom is using Internet Explorer!

…
Avatar of Chris Coyier
Shared by Chris Coyier on Feb 1, 2022
A floppy disk used for install king Netscape Navigator.
Direct link to the article “Evergreen” Does Not Mean Immediately Available
@supports cross-browser progressive enhancement

“Evergreen” Does Not Mean Immediately Available

I have a coworker who is smart, capable, and technologically-literate. Like me, they work on the web full-time.

When they are sharing their screen in a meeting, I find myself disassociating fixating on the red update button in their copy …

Avatar of Eric Bailey
Eric Bailey on Feb 1, 2022 (Updated on Feb 8, 2022)
Direct link to the article Be Prepared for Failure and Handle it Gracefully
graceful degradation progressive enhancement

Be Prepared for Failure and Handle it Gracefully

When I was working at my first “real” job in the field in the mid-2000s, it was hammered in the web dev field to build tiny websites (no more than 100KB per page), only use JavaScript for special effects, and …

Avatar of Heather Migliorisi
Heather Migliorisi on Dec 20, 2021
Direct link to the article Embrace the Platform
progressive enhancement

Embrace the Platform

So what is the one thing that people can do is to make their website better? To answer that, let’s take a step back in time …

The year is 1998, and the web is on the rise. In an …

Avatar of Bramus
Bramus on Dec 13, 2021
Direct link to the article Apollo GraphQL without JavaScript
apollo graphql progressive enhancement react

Apollo GraphQL without JavaScript

Direct Link

It’s cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies.

This is a button in a JSX React component that has a click handler applied directly to it that fires a data …

Avatar of Chris Coyier
Shared by Chris Coyier on Jan 29, 2020 (Updated on Aug 3, 2021)
Direct link to the article Using <details> for Menus and Dialogs is an Interesting Idea
accessibility details/summary menus progressive enhancement

Using <details> for Menus and Dialogs is an Interesting Idea

One of the most empowering things you can learn as a new front-end developer who is starting to learn JavaScript is to change classes. If you can change classes, you can use your CSS skills to control a lot…

Avatar of Chris Coyier
Chris Coyier on Mar 21, 2019
Direct link to the article How @supports Works
@supports progressive enhancement

How @supports Works

CSS has a neat feature that allows us to test if the browser supports a particular property or property:value combination before applying a block of styles — like how a @media query matches when, say, the width of the browser …

Avatar of Chris Coyier
Chris Coyier on Feb 18, 2019 (Updated on Feb 25, 2019)
Direct link to the article New CodePen Feature: Prefill Embeds
codepen progressive enhancement

New CodePen Feature: Prefill Embeds

Direct Link

I’m very excited this feature is ready for y’all. You can take any <pre></pre> block of HTML, CSS, and JavaScript (or any combination of them) and enhance it into an embed, meaning you can see the rendered output. Very progressive …

Avatar of Chris Coyier
Shared by Chris Coyier on Jan 21, 2019 (Updated on Jan 22, 2019)
Direct link to the article Nobody is quite wrong.
opinion progressive enhancement

Nobody is quite wrong.

There are two opposing views on using non-polyfillable new web features that I find are both equally common in our industry:

  1. Websites don’t need to look the same in every browser. The concept of progressive enhancement helps with that. There
…
Avatar of Chris Coyier
Chris Coyier on Dec 17, 2018
Direct link to the article New mobile Chrome feature would disable scripts on slow connections
chrome JavaScript progressive enhancement

New mobile Chrome feature would disable scripts on slow connections

This is a possible upcoming feature for mobile Chrome:

If a Data Saver user is on a 2G-speed or slower network according to the NetInfo API, Chrome disables scripts and sends an intervention header on every resource request. Users are

…
Avatar of Chris Coyier
Chris Coyier on Aug 31, 2018
performance progressive enhancement pwa

A practical guide to Progressive Web Apps for organisations who don’t know anything about Progressive Web Apps

Direct Link

Sally Jenkinson:

Progressive Web Apps (sometimes referred to as PWAs, because everything in tech needs an acronym) is the encapsulating term for websites following a certain approach, that meet particular technical criteria. The “app” involvement in the name isn’t an

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jan 30, 2017
  • 1
  • 2
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
  • The Greatest CSS Tricks
Contact
  • Email
  • Guest Writing
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top