Dan's design links

The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion…

An extensive CSS reference with all the important CSS properties and info to learn CSS from the basics.

Browse the latest blog posts from the Digital Product and Innovation team at Whitesmith. From How to Build an MVP to Best Practices on Product Discovery, our Blog has it all.

If you want practical tips on how to improve your website, you should watch people using it for the first time - aka first time users.

As a developer, rarely has my approach been put into question. If it works, it ships. The definition of “works” is usually well defined. Does it look like the design composition? When people click...

Web Performance Optimisation by lazy-loading images using SVGs as placeholders, representing edges, shapes and silhouettes.

Rare in-depth interview with Jony Ive and stunning images of the new Apple Park – and see his unapologetically minimal cover design for the Wallpaper* magazine

We recently spent time optimizing our font loading strategy on the Frontend Infrastructure team at NerdWallet. This is what we did and how…

The 7 Principles on the Centre for Excellence in Universal Design website.

My wife is a jewelry designer. She has a workshop where she spends much of her time hammering, soldering, tinkering, shaping, sawing, buffing, polishing, experimenting, and iterating in order to produce gorgeous designs from a slew of shiny metal materials. Her workshop environment is designe

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

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…

Improving your designs with tactics instead of talent.

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