You are using an out of date browser. It may not display this or other websites correctly. You should upgrade or use an alternative browser.
progressive enhancement
About this tag
Progressive enhancement is a web development strategy that focuses on building a core experience that works for all users, then adding advanced features for browsers that support them. The tagged content on WindowsForum.com explores this approach through a series of posts about the 10k Apart contest site, which was built in less than 10kB. Topics include markup for accessibility and clarity, CSS structure and sandboxing, JavaScript enhancements, and compilation and optimization techniques. The series emphasizes interoperability, accessibility, and performance, demonstrating how progressive enhancement can create robust, lightweight web experiences that degrade gracefully when JavaScript or other features are unavailable.
Editor’s note: This is the sixth (and final) in a series of posts from the team that built the 10k Apart contest site, exploring the process of building for interoperability, accessibility, and progressive enhancement in less than 10kB.
In the previous post in this series, I did a deep dive...
Editor’s note: This is the fifth in a series of posts from the team that built the 10k Apart contest site, exploring the process of building for interoperability, accessibility, and progressive enhancement in less than 10kB.
In the previous post in this series, I discussed my approach to CSS...
10k apart
accessibility
ajax
cache
conditional comments
dom manipulation
enhancements
form handling
html5
javascript
lazy loading
performance
progressiveenhancement
responsive design
service workers
svg
task runners
user experience
web development
web standards
Editor’s note: This is the fourth in a series of posts from the team that built the 10k Apart contest site, exploring the process of building for interoperability, accessibility, and progressive enhancement in less than 10kB.
In the previous post in this series, Stephanie Stimac discussed her...
10k apart
accessibility
breakpoints
code management
component-based
contrast
css
design flexibility
fault tolerance
interoperability
media queries
mobile first
performance
progressiveenhancement
responsive design
sas
styling
web design
web standards
Editor’s note: This is part two in a series of posts from the team that built the 10k Apart contest page, exploring the process of building for interoperability, accessibility, and progressive enhancement in less than 10kB.
In the previous post in this series, I talked a lot about how the 10k...
10k apart
accessibility
arial
bem
best practices
content management
content strategy
error handling
forms
html5
labels
markup
navigation
progressiveenhancement
semantics
site structure
style
usability
user experience
web design
Editor’s note: This is the first in a series of posts from the team that built the 10k Apart contest page, exploring the process of building for interoperability, accessibility, and progressive enhancement in less than 10kB.
When Link Removed first approached me about bringing back the 10k...
Sixteen years ago, Link Removed conceived of a contest that would test the mettle of any web designer: The 5k. The idea was that entrants would build an entire site in 5kb of code or less. Its aim was to force us to get creative by putting a bounding box on what we could do:
Between servers and...
.net
10k apart
accessibility
contest
creative solutions
css
dynamic experience
github
html
javascript
modern browsers
node
php
prizes
progressiveenhancement
python
responsive design
web design
web development
web standards