This site features a curriculum developed around the television series, Halt and Catch Fire (2014-2017), a fictional narrative about people working in tech during the 1980s-1990s.
The intent is for this website to be used by self-forming small groups that want to create a “watching club” (like a book club) and discuss aspects of technology history that are featured in this series.
Designed and curated by Ashley Blewer whose own website is a work of art.
Between 1939 and 1941, the Works Progress Administration collaborated with the New York City Tax Department to collect photographs of most buildings in the five boroughs of New York City. In 2018, the NYC Municipal Archives completed the digitization and tagging of these photos. This website places them on a map.
Each shortcut in this archive has been created, updated, and tested by Federico [Viticci] and the MacStories team. Shortcuts are organized in categories, and you can jump directly to a specific category by using one of the section links below.
Box-sizing should be
border-boxby default.
Preach.
This is my go-to tutorial for stringing together GitHub Actions and Google Cloud Platform.
A useful collection of Ruby style guides beginning with the officially unofficial RuboCop-driven community guides.
JavaScript modules (also known as ES modules or ECMAScript modules) were created to help make JavaScript code more organized and maintainable.
Understanding how ES modules work will help you become a better JavaScript developer. In this article, we’ll cover:
- What is a module?
- What are ES modules? Why do we use them?
- How to use ES modules
- Other module systems used in JavaScript
Madison Kanna’s excellent introduction to standardized JavaScript module syntax. Of particular note, the syntax for importing from a file that includes both a default and additional named exports:
import add, { multiply, subtract } from './math.js';
If your website must run third-party JavaScript, this is a novel means of relegating those scripts to a Web Workers-managed sandbox.
See also, part 2: How Partytown’s Sync Communication Works
Shawn Wang lays it out. Presented here alphabetized:
html {
font-size: 1.25em;
line-height: 1.75;
margin: auto;
max-width: 70ch;
padding: 3em 1em;
}
A digital archive of graphic design related items that are available on the Internet Archive.
This sleek-looking site curated by Valery Marier uses materials culled from the fabulous Internet Archive. Particular favorites include NASA’s Graphics Standards Manual and this wild Hawaii travel poster for Continental Airlines.
A collection of JavaScript methods, helper functions, plugins, boilerplates, polyfills, and learning resources.
I discovered this well-designed, well-organized resource while making my way through Scott Jehl’s Lightning-Fast Web Performance course.
This decision tree describes how to use the
altattribute of the<img>element in various situations. For some types of images, there are alternative approaches, such as using CSS background images for decorative images or web fonts instead of images of text.
Jared shared a link to this very useful resource on Twitter.
Only 13% of large government IT projects succeed*
Implementing custom software projects can be extraordinarily costly and risky in a government setting. Waterfall software development remains standard at all levels of government. Outdated budgeting and oversight processes have been designed around these very waterfall processes. Moving toward a user-centered, agile approach to this work will save millions of dollars in spending on bad software.
Another fantastic online resource from the team at 18F.
The easiest way to configure a performant, secure, and stable NGINX server.
An excellent tool that smooths over some of the rough edges of hand-rolling an nginx server configuration.
Create useful .gitignore files for your project.
I’ve typically used the github/gitignore repository for pulling together .gitignore files, but this resource looks like a handy layer on top of GitHub’s project.
A modern CSS showcase styled by community contributions.
Stephanie Eckles’ modern spin on the classic CSS Zen Garden. A single HTML page styled in dozens of unique and interesting ways!
Two studs wide and angled at 45°, the ubiquitous “2x2 decorated slope” is a LEGO minifigure’s interface to the world.
These iconic, low-resolution designs are the perfect tool to learn the basics of physical interface design. Armed with 52 different bricks, let’s see what they can teach us about the design, layout and organisation of complex interfaces.
Welcome to the world of LEGO UX design.
Be still my childhood heart.
18F user experience (UX) designers join cross-functional teams to improve interactions between government agencies and the people they serve. The 18F UX Guide helps us get this job done. It’s a starting point for UX design at 18F: doing it, discussing it, and ensuring it’s done to a consistent level of quality.
Another useful open source guide from the incredible team at 18F.
Another great collection from Reagan Ray, this time pulling together beautiful lettering from science fiction films released prior to 2000.
Previously: Famous Mid-Century Homes
Author Austin Kleon has been keeping busying during The QuaranTimes by making the tiniest of zines. He’s collected thirty of them here. I haven’t looked through all of them yet, but The New Book is an early favorite.
Looking for more great links organized by year? Browse the archives.