A presentation at Stahlstadt.js #25 by Max Böck
Emergency Website Kit Max Böck @mxbck mxb.dev
Requirements 1. Extremely Resilient 2. Highly Accessible 3. Mobile Friendly 4. Fast to Set Up 5. Easy to Maintain
The Rule of Least Power
Static HTML will survive anything.
First Roundtrip • ~14KB • Inline CSS / Purge Unused Styles • No External Resources • System Fonts • Minified HTML
Accessibility • Semantic Markup • Content Hierarchy • Focus Styling • WCAG AA Contrast • Flexible Sizing (rem)
Progressive Enhancement for Offline
Not everyone is a web developer
One-Click Deployment
Links https://github.com/maxboeck/emergency-site https://emergency-site.dev https://mxb.dev/blog/emergency-website-kit
Thank You! @mxbck https://mxb.dev
In cases of emergency, many organizations need a quick way to publish critical information. But existing (CMS) websites are often unable to handle sudden spikes in traffic.
This talk outlines an attempt to create a template for emergency websites. These sites aim to be extremely resilient, highly accessible and fast to set up.
The following resources were mentioned during the presentation or are useful additional information.
The template on Github
An example implementation
The background story
Discussion on HackerNews
Here’s what was said about this presentation on social media.
for free. You
can too.