Dan's Interesting Design Links

Exploring rendering differences between Sketch and iOS

Learn / Learning Paths

Keyboard shortcuts for Voiceover testing.

Make SVG icons respect Windows High Contrast Mode without media queries:1. Use `fill: currentColor` on the SVG2. Set the desired `color` style on the parent element3. profit?— Sarah Higley (@codingchaos) February 6, 2020

How to use an SVG as a favicon for your website, considering the light and dark theme detection in the browser using the CSS prefers-color-scheme media feature, with PNG and ICO fallbacks.

An Abstract design manager shows how modern design leaders work side by side, not top-down, to pull team players toward a deep belief in themselves.

Try JetBrains Mono in your IDE. Its simple forms and attention to every detail make coding a nice experience for developers’ eyes, no matter which IDE you choose.

Making the web more beautiful, fast, and open through great typography

Inter is a typeface family optimized for user interfaces and computer screens

Online SVG animator to easily import, view, animate and export SVG format. Animate SVG with our user-friendly tool, no advanced coding skills required! With SVGator you can create an SVG animation just by simply adding elements and animators to the timeline, changing keyframe values and exporting clean SVG code.

Scott O'Hara recently published "Inclusively Hidden," a nice walkthrough of the different ways to hide things on the web. Nothing is ever cut and dry when

An overview of the best way to put an icon next to copy, while preventing it wrapping onto the next line.

There's a growing demand for designers to make their interfaces accessible to all users. It's important to accommodate users with disabilities...

Design notes is a free online resource library for product designers. Free icon, free fonts and much more...

This is a list of everything I've found useful in my journey of learning design, and an ongoing list of things I think you should read. For budding UX, UI, Interaction, or whatever other title designers.

Online magazine for rookie designers, students, interns and juniors with intimate interviews, free design student awards and free resources.

Round, flat, designer-friendly pseudo-3D engine for canvas and SVG

The shortcomings of position: sticky; when working with overflow.

A blog written by Steve McKinney, focused on designing with Illustrator and writing maintainable CSS.

Want to use margin-left to move something off the page to *infinity*?? Yeah, here ya go:`margin-left: calc(-1*(1/0));` looks like we are about to make this work, too: `margin-left: calc(-infinity);`— Jen Simmons (@jensimmons) January 22, 2020

A groundbreaking editorial typeface available in the traditional desktop weights or as a single variable font that includes them all, and everything in between.

An open-source checklist to help you plan, build and grow your design system.