Design

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

The past few years have brought us a tonne of new CSS features to help solve common layout challenges. In this session, we’ll delve into some real-world use cases for new features like container queries and the :has() pseudo class.

Share your videos with friends, family, and the world

Eleventy starter using modern CSS, fluid type, fluid spacing, flexible layout and progressive enhancement.

Why I Had to Rethink How I Measure Progress

By following these patterns and guidelines, designers and developers can create AI-enhanced applications that provide significant value to users, improve their workflow, and ensure a seamless, intuitive user experience. | Made with ❤️ by Emplifi

Chance Graham is principal designer specializing in product and software design, former Apple Design Team member, and cofounder of music software company Supertape.

The @view-transition at-rule has two descriptions. One is the commonly used navigation descriptor. The second is types, the lesser-known of the two, and one that probably envies how much attention navigation gets. But read on to learn why we need types and how it opens up new possibilities for custom view transitions when navigating between pages.

Creative and graphic design studio based in New York and Madrid specialising in strategic brand identity and creative visual communication founded by Rebeka Arce.