Daily videos about inclusive design. Join the conversation on Twitter #AskFeatherA11y and enter to win a free phone consultation with Derek Featherstone!

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

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

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

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 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.

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

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.

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

The topic of how accessible it is for newbies and seasoned developers alike to learn CSS has been gaining steam as the complexity of the tools around it

Easy transitions for CSS Grid. Contribute to aholachek/animate-css-grid development by creating an account on GitHub.

Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the…

Freelance Front-End Web UI/UX Developer - Lebanon

Friendly web development tutorials for complete beginners

about on-boarding: a thread based on examples in Theresa Neil’s great Mobile Design Patterns book. While the older design style doesn’t hold over up the years... the takeaways certainly do. (1/8)— Luke Wroblewski (@lukew) June 6, 2018

Update: Paddy is no longer supported in Sketch, therefore this tutorial will no longer work. Thanks to everyone for reading and sharing…

Ceaser is an interactive CSS easing animation tool. It lets you build any kind of ease you want, and comes with many of the Penner Easing Equations.

Improving your designs with tactics instead of talent.

Exploring rendering differences between Sketch and iOS

Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.

This is a follow up to “The grand lifecycle of a small product change” which covers our design process for this feature.

Learn / Learning Paths