This is my go-to tutorial for stringing together GitHub Actions and Google Cloud Platform.
Links
Page 1 of 51-
-
Ruby in Style
A useful collection of Ruby style guides beginning with the officially unofficial RuboCop-driven community guides.
-
JavaScript Modules – A Beginner's Guide
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';
-
Introducing Partytown 🎉: Run Third-Party Scripts From a Web Worker
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
-
100 Bytes of CSS to look great everywhere
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; }
-
archives.design
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.
-
The Vanilla JS Toolkit
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.
-
An alt Decision Tree • Images • WAI Web Accessibility Tutorials
This decision tree describes how to use the
alt
attribute 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.
-
De-risking government technology | 18F
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.
-
NGINX Config | DigitalOcean
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.
-
gitignore.io - Create Useful .gitignore Files For Your Project
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. -
Style Stage
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!
-
The UX of LEGO Interface Panels – George Cave
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 Design Guide
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.
-
Science Fiction Movie Lettering
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
-
A flock of 30 zines - Austin Kleon
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.
-
Preserving the Eameses’ Film Legacy - Herman Miller
the Eameses’ massive archive—one million items, including their films—went to the Library of Congress after Ray died in 1988. Now the stewards of The Work of Charles and Ray Eames, the Library of Congress is at work creating preservation-quality copies of their films. They’ve done 20 already with more to come.
In this article, Herman Miller’s WHY Magazine details three recently preserved Eames films: S-73 Sofa Compact, Soft Pad, and Fiberglass Chairs—Something of How They Get the Way They Are.
Also worth watching, Eames: The Architect and the Painter.
-
Famous Mid-Century Homes
Reagan Ray pulls together a stunning, thematically-organized collection of mid-century modern homes from around the country and across the decades.
-
Zoom Backgrounds — PAM WISHBOW
Illustrator Pam Wishbow shares some stellar mid-century modern-esque sketches for use as backgrounds for your video chats. Delightful!
-
A11Y Style Guide
The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive. These components also serve as a guide for both HTML markup and SCSS/CSS code, to inform designers, front-end and back-end developers at every stage of the website’s creation.
Looking for more great links organized by year? Browse the archives.