Dave Rupert points out some instances where your grid layouts may not render exactly as intended.
The Best Of The Internets
Breaking the Grid
Software development 450 words per minute
No monitors, no problem. Tuukka Ojala on his experience of being a blind developer.
Speech or braille alone can’t paint an accurate representation of how a window is laid out visually. All the information is presented to me in a linear fashion. If you copy a web page and paste it into notepad you get a rough idea of how web pages look to me. It’s just a bunch of lines stacked on top of another with most of the formatting stripped out. However, a screen reader can pick up on the semantics used in the HTML of the web page, so that links, headings, form fields etc. are announced to me correctly. That’s right: I don’t know that a check box is a check box if it’s only styled to look like one. However, more on that later; I’ll be devoting an entire post to this subject. Just remember that the example I just gave is a crime against humanity.
Remember Palm’s WebOS? Maybe not, but Apple and Google definitely do
WebOS… so far ahead of its time:
- Web code for apps (see PWAs),
- Multiple synchronized calendars,
- Unified social media & contact management,
- Curved displays
- Wireless charging
- Integrated text and Web messaging
- Unintrusive notifications
- “Cards” for running apps
- No home button (it used swipe instead)
And all of these features were available eight years ago!
SVG can do THAT?!
This is an incredible presentation by Sarah Drasner on many of the very cool things you can do with SVG. So much inspiration!
How to structure headings for web accessibility
Some great advice in here. The document outline matters, folks!
I Bought a Book About the Internet From 1994 and None of the Links Worked
A tale of woe as old as… well, the Web. The Web is mutable. Content disappears, for good and for bad. This is part of the reason projects like Archive.org and Perma.cc excite me so much. It’s also why I chose to use Perma.cc to archive every site referenced in my book.
Making the web smoother with independent rendering
Edge 16 brings independent rendering to every page on the Web.
Integrating Animation into a Design System
An excellent (and exhaustive) look at how how animation can be integrated into style guides and pattern libraries. It includes excellent examples from FutureLearn, Google, Marvel, SalesForce.
Great work Alla!
10 guidelines to improve your web accessibility
A good rough guide to beefing up you site’s accessibility. I’m not sure I agree with the timings she allotted for each task as those really depend on the site, but the list is solid overall.
Offline POSTs with Progressive Web Apps
A nice straightforward walkthrough of how to store failed form POSTs to send again when the network becomes available. Ah the joys of Service Worker!