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.
10k apart
About this tag
The 10k Apart tag covers 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. Topics include content and strategy, markup for accessibility, designing for optimization and performance, CSS structure and sandboxing, JavaScript enhancements, and compilation and compression. The content focuses on web development techniques to create highly optimized, accessible sites within a strict size limit, with an emphasis on progressive enhancement and performance.
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...
10kapart
accessibility
ajax
cache
conditional comments
dom manipulation
enhancements
form handling
html5
javascript
lazy loading
performance
progressive enhancement
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...
10kapart
accessibility
breakpoints
code management
component-based
contrast
css
design flexibility
fault tolerance
interoperability
media queries
mobile first
performance
progressive enhancement
responsive design
sas
styling
web design
web standards
Editor’s note: This is the third 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...
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...
10kapart
accessibility
arial
bem
best practices
content management
content strategy
error handling
forms
html5
labels
markup
navigation
progressive enhancement
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
10kapart
accessibility
contest
creative solutions
css
dynamic experience
github
html
javascript
modern browsers
node
php
prizes
progressive enhancement
python
responsive design
web design
web development
web standards