recentpopularlog in

garrettc : progressiveenhancement   55

I Used The Web For A Day On Internet Explorer 8
IE8 was released a decade ago today. Chris Ashton tries it out against the modern web, and considers how we can build our sites to last.
browser  ie  support  accessibility  progressiveenhancement  webdevelopment  microsoft  statistics  demographics 
12 weeks ago by garrettc
An Extensive Guide To Progressive Web Applications
In this article, we’ll look at the pain points of users who are browsing old non-PWA websites and the promise of PWAs to make the web great. You’ll learn most of the important technologies that make for cool PWAs, like service workers, web push notifications and IndexedDB.
javascript  webdevelopment  progressiveenhancement  pwa  serviceworker 
december 2018 by garrettc
The “Developer Experience” Bait-and-Switch
"TL;DR: we cannot continue to use as much JavaScript as is now “normal” and expect the web to flourish. At the same time, most developers experience no constraint on their use of JS…until it’s too late. “JS neutral” and “TTI negative” tools are here, but we’re stuck in a rhetorical rut. We need to reset our conversation about “developer experience” to factor in the asymmetric cost of JS."
javascript  performance  progressiveenhancement  worldwideweb  rant 
october 2018 by garrettc
The power of progressive enhancement
"Building progressively means that I’ve avoided the need for a bunch of fixes and polyfills for older browsers. If something isn’t supported then the app provides a simpler method."
progressiveenhancement  webdesign  webdevelopment 
august 2018 by garrettc
New tools for art direction on the web
Jeremy outlines how he built with CSS grid, variable fonts, and service workers.
serviceworker  offlinefirst  webdevelopment  webdesign  progressiveenhancement  inspiration 
june 2018 by garrettc
What percentage of browsers with javascript disabled?
"From Blockmetry’s direct measurements, 0.2% of pageviews from worldwide traffic across all devices in the fourth quarter 2016 had javascript disabled. Although apparently tiny, the aggregate figure hides a lot of interesting variation and regional patterns, with traffic from some countries having much higher JavaScript disabled rates."
javascript  accessibility  progressiveenhancement  research  webdevelopment 
may 2018 by garrettc
All the tools you need to build and deploy your Progressive Web Apps.
progressiveenhancement  progressivewebapps  tool  offlinefirst  webdevelopment 
may 2018 by garrettc
Using CSS Grid: Supporting Browsers Without Grid
When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as with Flexbox and CSS Grid, rather than things we might consider an enhancement.
webdevelopment  webdesign  css  grid  progressiveenhancement 
april 2018 by garrettc
Using SVG as placeholders — More Image Loading Techniques
"I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is placeholders: what to show when the image hasn’t loaded yet.

During the last days I have come across some loading techniques that use SVG, and I would like to describe them in this post."
progressiveenhancement  responsivedesign  webdesign  webdevelopment  performance  svg 
november 2017 by garrettc
Fundamentals of Responsive Images
Picture this: images that look awesome and load fast. Learn how to size up responsive image solutions to choose what's right for your site.
css  responsivedesign  webdesign  webdevelopment  images  photography  mobileweb  progressiveenhancement 
october 2017 by garrettc
Progressive Web Apps: Bridging the Gap Between Web and Mobile
Mark Pedersen takes a look at what progressive web apps are, their advantages and disadvantages, and reasons to consider building one for yourself.
webdevelopment  progressiveenhancement  progressivewebapps  technology  worldwideweb 
july 2017 by garrettc
Total HTML Agnosticism | CSS-Tricks
A couple of good posts on technology agnosticism lately. Brad Frost says the design system itself is higher level than any particular technology: ... it do
html  progressiveenhancement  webdevelopment  bestpractice  designthinking 
april 2017 by garrettc
Yes, progressive enhancement is a fucking moral argument
"I wrote about that shitty progressive enhancement article and how I'm fucking done with the lack of empathy in tech."

Hear hear!
progressiveenhancement  webdevelopment  webdesign  mobileweb  responsivedesign  accessibility 
december 2016 by garrettc
[Insert Clickbait Headline About Progressive Enhancement Here]
Late last week, Josh Korr, a project manager at Viget, posted at length about what he sees as a fundamental flaw with the argument for progressive enhancement .…
progressiveenhancement  webdevelopment  accessibility  bestpractice 
december 2016 by garrettc
Debating Progressive Enhancement
"Don’t make up your mind about Progressive Enhancement by reading reductive blog posts or presentations that gloss over or outright ignore the details and nuances of actual web work. Read up on the individual tactics used. Judge them in terms of how effective they might be at solving the problems you are tackling. Every tactic strikes a different balance. Unless you plan on only solving one kind of problem, again and again, throughout your career, you owe it to yourself to study the tactics that lie outside your comfort zone."
responsivedesign  mobileweb  progressiveenhancement  webdevelopment 
december 2016 by garrettc
Performance and assumptions
"…many of us don’t think this harms users because we believe that everyone who uses the web is just like us."
webdevelopment  performance  progressiveenhancement  offlinefirst  bestpractice 
october 2016 by garrettc
Research on evaluating technology
"I’ve spent the past few months preparing a new talk for An Event Apart San Francisco […] For this talk on evaluating technology, I’ve put together this list of hyperlinks for further reading, watching, listening, and researching"
research  technology  links  webdevelopment  progressiveenhancement  serviceworker  designthinking 
october 2016 by garrettc
The Web is not Fashionable.
"A good website in my mind has a number of features:

Robust on the Network
Progressive Enhancement
Responsively Designed
webdevelopment  webdesign  responsivedesign  mobileweb  offlinefirst  progressiveenhancement 
october 2016 by garrettc
Web Components and progressive enhancement - Adam Onishi
"I’m a big advocate when it comes to progressive enhancement. I believe we should be building the web with resilience in mind and think about all the different ways a browser could possibly render our sites."
webcomponents  worldwideweb  webdevelopment  progressiveenhancement 
august 2016 by garrettc
Beyond Progressive Web Apps Part 1
"I am very excited about a new initiative to make web sites and web apps more compelling for end users. And in this series of posts, I intend to provide a tutorial to get you up and running with it."
offline  offlinefirst  tutorial  serviceworker  pwa  progressiveenhancement  webdevelopment  appdevelopment 
june 2016 by garrettc
Making A Service Worker: A Case Study – Smashing Magazine
Service workers do a lot of different things; there are myriad ways to harness their powers. I decided to build a simple service worker for my (static, uncomplicated) website that roughly mirrors the features that the obsolete Application Cache API used to provide
progressiveenhancement  serviceworker  javascript  webdevelopment  programming  browser  tutorial 
february 2016 by garrettc
Progressive Apps: Escaping Tabs Without Losing Our Soul – Infrequently Noted
"These apps aren’t packaged and deployed through stores, they’re just websites that took all the right vitamins. They keep the web’s ask-when-you-need-it permission model and add in new capabilities like being top-level in your task switcher, on your home screen, and in your notification tray. Users don’t have to make a heavyweight choice up-front and don’t implicitly sign up for something dangerous just by clicking on a link. Sites that want to send you notifications or be on your home screen have to earn that right over time as you use them more and more. They progressively become “apps”."
progressiveenhancement  webdevelopment  webapp  serviceworker  restful 
june 2015 by garrettc
Responsive WebVR, Headset Optional
VR on the web threatens to cleave the web platform in twain, like mobile
did before it.
virtualreality  responsivedesign  webstandards  progressiveenhancement 
february 2015 by garrettc
Be progressive
"Aaron wrote a great post a little while back called A Fundamental Disconnect. In it, he points to a worldview amongst many modern web developers, who see JavaScript as a universally-available technology in web browsers."
progressiveenhancement  webdevelopment  designthinking  webdesign  accessibility 
november 2014 by garrettc
Building progressively enhanced websites using bulletproof Backbone & CSS transforms
An article on building progressively enhanced websites using Backbone.js and CSS transforms? SOLD: /via
css  webdesign  webdevelopment  javascript  backbone  progressiveenhancement 
october 2013 by garrettc
Understanding Progressive Enhancement
"Progressive enhancement focuses on the content.… Content is the reason we create websites to begin with. Some sites disseminate it, some collect it, some request it, some manipulate it, and some even do all of the above, but they all require it."
progressiveenhancement  webdevelopment  content  contentstrategy 
september 2013 by garrettc
Egalitarianism and Progressive Enhancement
"Progressive enhancement follows the Golden Rule because it is concerned with the “other”. That’s why accessibility is such a key part of building websites following the progressive enhancement philosophy. It’s about putting yourself in someone else’s shoes—someone whose abilities and situation probably differ from yours. We are a diverse lot after all."
progressiveenhancement  accessibility  usability  webdesign  webdevelopment  society  equality 
march 2012 by garrettc
Filament Group’s Open Source Code Repositories
Fantastic resource: all of 's amazing progressive enhancement and responsive web design repositories
opensource  progressiveenhancement  responsivedesign  webdesign 
january 2012 by garrettc
Athena - MediaWiki
Discussion and rational behind the new Athena MediaWiki skin. Contains useful talking points for selling progressive enhancement and responsive design into your organisation.
responsivedesign  wiki  wikipedia  progressiveenhancement  webdesign  userexperience 
november 2011 by garrettc
Universal Internet Explorer 6 CSS
Andrew Clarke's simple typography stylesheet for IE6
progressiveenhancement  css  webdesign  ie6 
november 2011 by garrettc
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
A JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. Adds search-as-you-type to standard and multiple selects, converting the latter into tag-like functionality.
forms  userinterface  progressiveenhancement  javascript  jquery 
july 2011 by garrettc

Copy this bookmark:

to read