Basecamp’s Michael Berger details how they recently improved the accessibility of their product’s Jump Menu. This is a stellar example of how Web-based tools can be visually attractive, useful, and accessible.
Links
Page 4 of 51-
-
Upcase by thoughtbot | Learn Web Development Online
We’re not a bootcamp, we’re a finishing school.
Back in October, the thoughtbot team announced they were making their online learning platform Upcase available to all for free.
This looks like a fantastic resource and now it’s available to everyone!
-
IndieWeb Directory
This is the IndieWeb Directory. It is a directory of people with personal websites on the IndieWeb. As well as being a list of wonderful people it also serves as a API in order to help you build nickname caches or other cool tools.
Built by Grant and running on Glitch with a design aesthetic straight out of the nineties.
-
Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki]
That should be corrected if anyone invents a time machine.
-
My Friend Cindy Li – Ultranormal
Kevin shares some memories of our dear friend Cindy:
Cindy brought people together. She was the ultimate connector, and even though she’s gone, the connections she made with all of the people she impacted all over the world will remain. […] She was a vortex of love, and fun, and whimsy, and adventure, and you weren’t just along for the ride, you were an integral part of it.
-
PaperCart – Make an Atari 2600 that plays QR codes | Code Dojo
It’s kind of mind-blowing that games that originally sold for over $30 ($70+ in 2018 money) can now be completely stored in a QR code on a small piece of paper.
I’ll say!
-
Removing jQuery from GitHub.com frontend | GitHub Engineering
The GitHub Engineering team recently completed a gradual transition away from jQuery and wrote in-depth about the experience. There’s a lot of good detail in the post, but I’m particularly fond of this bit:
As part of our refined approach to building frontend features on GitHub.com, we focused on getting away with regular HTML foundation as much as we could, and only adding JavaScript behaviors as progressive enhancement. As a result, even those web forms and other UI elements that were enhanced using JS would usually also work with JavaScript disabled in the browser. In some cases, we were able to delete certain legacy behaviors altogether instead of having to rewrite them in vanilla JS.
Stick around through the end of the article for more on how the team is using Custom Elements to enhance the user interface.
-
Two Factor Auth List
List of websites and whether or not they support 2FA.
A handy single-purpose website outlining which services support two-factor authentication and which don’t. Add to the collection by submitting a pull request on the GitHub repository.
-
Accessibility for Teams
Put together by 18F’s Accessibility Guild, Accessibility for Teams is…
A “quick-start” guide for embedding accessibility and inclusive design practices into your team’s workflow.
In the post announcing the website’s launch, Maya Benari notes:
Accessibility is a crucial part of government product design. First, it’s the law. Federal agencies face legal consequences when they don’t meet accessibility requirements. Second, it affects us all. Whether you have a motor disability, you sprained your wrist playing dodgeball, you need a building to have a ramp for your wheelchair or stroller, or you literally just have your hands full, we all find ourselves unable to do certain things at different points in our lives. Accessible products are better products for everyone.
Congratulations to Maya and everyone else on the team for launching this useful accessibility guide!
-
UTC is Enough for Everyone, Right?
Programming time, dates, timezones, recurring events, leap seconds… everything is pretty terrible.
The common refrain in the industry is Just use UTC! Just use UTC! And that’s correct… sort of. But if you’re stuck building software that deals with time, there’s so much more to consider.
It’s time… to talk about time.
With this beautifully designed online companion to a series of presentations, Zach Holman goes deep on time as it pertains to computing history.
Related: The Wikipedia entry for the ISO 8601 standard and RFC 3339 which covers timestamps on the Internet.
-
Nina Makes | Builds | NeXT Computer Replica - Raspberry Pi Case
This build is a 10cm x 10cm x 10cm replica of the NeXT Computer to house a Raspberry Pi computer. An original NeXT Computer was used by web inventor Sir Tim Berners-Lee as the first web server and this replica was in homage to that.
This delightful project by Nina Richards demonstrates how she created a case for a Raspberry Pi that mimics the industrial design of the very first Web server.
-
William Penn Inn Flower Shop on Instagram
Smile!! It’s Friday and wedding weekend is just starting!
The William Penn Inn Flower Shop’s Instagram account really liked Samara’s photo of us on our wedding day!
-
USDS’ year-long effort to modernize military relocation site to launch in June - FederalNewsRadio.com
About 400,000 service members move every year, and let’s just say the technology to support them in this time of stress has been less than adequate. For example, the Defense Personnel [sic] Property System (DPS), run by the U.S. Transportation Command, was reliable only 16 percent of the time, was not mobile friendly and would crash, making it difficult to schedule moves.
Starting last year and continuing into this summer, the U.S. Digital Service is beginning to relieve some of the stress that comes with moving.
I’ve worked on aspects of the Defense Personal Property System (DPS) since joining USDS last year. While most of the article focuses on the work my teammates continue pursuing, the article does make mention of our big relaunch of Move.mil.
Another piece to the project was simplifying the website Move.mil, which [designer and project manager Lauryn] Fantano described as a Wikipedia tool of how to move in the military. USDS worked with the command to remove government speak and answer the questions that families most care about when it comes to moving. USDS relaunched Move.mil in December.
It’s nice to see folks taking note of the important work we’re doing. If you’d like to help improve government services through better technology, head on over to usds.gov/join.
💪🏼 🖥 🇺🇸
-
Notes on `lang` by Taylor Hunt on CodePen
Taylor Hunt goes deep on HTML’s surprisingly complex and powerful
lang
attribute:There’s lots going on with lang, the global attribute that defines the language an element contains. Information about it is scattered, so I’ve collected here what I’ve found.
-
Google Noto Fonts
When text is rendered by a computer, sometimes characters are displayed as “tofu.” They are little boxes to indicate your device doesn’t have a font to display the text.
Google has been developing a font family called Noto, which aims to support all languages with a harmonious look and feel. Noto is Google’s answer to tofu. The name noto is to convey the idea that Google’s goal is to see “no more tofu.” Noto has multiple styles and weights, and is freely available to all.
-
Jen Simmons on CSS’ display property
Collecting a few of Jen Simmons’ tweets:
Learned on today’s CSSWG call—I had a fundamentally out-of-date mental model of how the display property structures its values.
It’s not
display: <value>;
. It’sdisplay: <outer-value> <inner-value>;
.drafts.csswg.org/css-display/#outer-role
This realization won’t change what I write in my code, but it does change how I think about what I’m writing.
display: grid; = display: block grid; display: flex; = display: block flex;
Also:
display: inline grid;
You can write
display: inline-grid;
, but that’s actually out of date. It makes more sense to writedisplay: inline grid;
-
About wireless roaming for enterprise - Apple Support
Learn about how iOS devices roam in an enterprise Wi-Fi environment.
This is a fascinating support document from Apple running down in excruciating technical detail how their devices interact with wireless networks. Found via Cyril Bouthors tweet where he notes how useful this is when designing a home network.
-
WebGradients.com
Do you often look for cool background gradients for your UI?
WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.
A handy resource that includes CSS rules as well as Sketch and Photoshop templates.
-
How the Defense Digital Service uses the Design System for a Ruby app | U.S. Web Design System
The U.S. Web Design System (USWDS) is a library of design and code guidelines to help agencies create trustworthy, accessible, and consistent digital services. The Design System is being used on over one hundred government sites, with an audience of 120 million users. In this 12th post in our series, we sat down with Jason Garber, front-end web developer at the U.S. Digital Service (USDS)‘s Defense Digital Service, to talk about his work creating a Ruby gem for the new Move.mil that integrates the Design System into a Ruby on Rails application.
I was recently interviewed by the team behind the U.S. Web Design System about the uswds-rails Ruby gem I put together. Yay, open source!
-
30 Seconds of CSS
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
Looking for more great links organized by year? Browse the archives.