It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
There are two opposing views on using non-polyfillable new web features that I find are both equally common in our industry:
I'm not sure I'd say either one of … Read article
This is a possible upcoming feature for mobile Chrome:
… Read articleIf 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 shown a UI at the bottom of the screen indicating the page has been modified to save data. Users can enable scripts on the page by tapping “Show original” in the UI.
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 accident – these creations share much of the functionality that you’ll find in native experiences – but really, they're just websites.
It's like if you build a website that is so damn good, you get to have a home … Read article
From justmarkup.com
Nice tutorial from Michael Scharnagl in which he takes a perfectly-functional comment form and progressively enhances it with very nice features. Things like custom error messaging, auto-expanding height, and even really fancy stuff like ajax and offline submission. … Read article
From nolanlawson.com
Nolan Lawson:
I had a slide in my talk that read:
In 2016, it’s okay to build a website that doesn’t work without JavaScript.
The condemnation was as swift as it was vocal.
Response by Jeremy Keith:
… Read articleThat framing makes it sound like it’s a binary choice: either the website works or it doesn’t. That’s not what I’m suggesting. I’m advocating that the core functionality of a website (which can be as simple as reading some text) should be available
From alistapart.com
CSS Shapes is like the perfect example for progressive enhancement these days. Kinda like border-radius was. Older browsers have square corners! Who cares! CSS Shapes allow you to wrap text irregularly - like along the path of a circle().
Eric Meyer uses it on a production page and shows how it works. Here's some code I snagged from the CSS on the site itself showing it only being applied on large screens with support:
@media only screen and (min-width: From a-k-apart.com
This year is An Event Apart's 10th anniversary. In order to celebrate, they are putting on competition called 10K Apart where people show off what can be accomplished in 10kB of data. This isn't a new competetion- its first genesis has been a project called 5k way back in 2000-2002. This year is sponsored by Microsoft Edge and they're giving away $10K in prizes to competitors. The judge panel has top professionals from web development, talented people like Sara Soueidan… Read article
From eev.ee
Lexy Munroe shows a dozen or so issues with Twitter's reliance on JavaScript that could have been handled with some kind of progressive enhancement. Sometimes picking on the big players is useful, as they really do influence how other apps choose to do things. It's not exactly punching down. … Read article