Design

A collection of awesome test components with smooth animations

Savate is a humanist sans-serif typeface with reverse contrast. Available in 8 weights from Extralight to Black with matching italics.

Collection of open-source tools for designers & creatives

Miro brand guidelines

Active Theory - Experiments Hub

Generate and manage design tokens for your design system

Online tools for making the internet fast, accessible, expressive, and green.

Tired of juggling Git and YAML to update your Next.js, Astro, Hugo or Nuxt website? Make it easy on you and your team, get a user-friendly CMS running straight on top of GitHub.

The Accessibility team at GitHub considers drag-and-drop a “high-risk pattern,” often leading to accessibility barriers and a lack of effective solutions in the industry.

Flip-through every RadioShack electronics & computer catalog. These catalogs include vintage electronics, stereos, speakers, CB radios, tube radios, computers, communication equipment, electronic test equipment, gadgets, technology & more!

Independent designer based in Vietnam. Focused on Website/Mobile and Interaction design.

The portfolio of Maxwell Barvian, UI Engineer

Dana Stirling is a still life and find art photographer. Dana Stirling is a hand made book maker and photographer based in Queens NYC.

Another tidbit from my Dwiggins/Linotype files: In late April 1947, C.H. Griffith wrote a letter to Dwiggins with the heading “A Study in Proportion”. CHG had been puzzling over something in the final sizing of the Falcon series. He had the drawings and punches checked against the master graphs, and all checked out. But it turns out there had been a slight error by the factory in shaving the side bearings of the test matrices “at a time when several new inspectors were being broken in.” 1/4

UA+ (User agent plus), a different type of reset style sheet

Philadelphia-based design and technology studio that brings brands to life on the web.

A directory of contemporary type design, with a focus on active, independent type designers and foundries who distribute their fonts through a dedicated web presence or though a small selection of reputable networks.

aider is AI pair programming in your terminal

Zed adds a uniquely powerful interface for AI-assisted programming.

We imagine and craft cool stuffs

You need to find a specific Unicode character? With Shapecatcher.com you can search through a database of characters by simply drawing your character into a box. It can find the most similar character shapes for your drawing.

Pete Barr teaches us how he creates beautiful animations with SVG and GSAP. We pick up a few techniques like text splitting and infinite scroll.

Zach takes a look at some fundamental HTML+CSS usage for fluid, responsive images. Most of it, I'd say, is what you'd expect, but things get weird when srcset

Animated SVGs add a touch of interactive whimsy and polish to our websites. In this episode, Cassie Evans will teach us how to use Greensock to create fun, engaging experiences!

By naming lines when setting up our CSS Grid layouts, we can tap into some interesting and useful features of Grid — features that become even more powerful when we introduce subgrids. In this article, Rachel Andrew is going to demonstrate an approach to this kind of editorial design, which builds on a few techniques. In addition to this being a nice way to name sections of your layout, this technique exposes a whole bunch of interesting things about Grid Layout which you may find useful in creating your own layout patterns.

What can you do with a single CSS keyframe? A metric ton. 0:00 - 50% keyframes are magic 0:49 - Animation is easier than you think 2:17 - Why at 50%? 6:51 - Trick 1 Shake 12:00 - Trick 2 Pulse 23:25 - Trick 3 Glitch 27:55 - Trick 4 Flip 32:45 - Trick 5 Fill 41:20 - Trick 6 Sheen 44:25 - Trick 7 Emphasize 46:50 - Trick 8 Censor 48:35 - Trick 900 Tony Hawk Links Bad at CSS - https://twitter.com/badatcss Adam Twitter - https://twitter.com/argyleink David Twitter - https://twitter.com/_davideast Codepen Demo: https://codepen.io/davideast/pen/MWxvzjm Open Props: https://open-props.style