Kathryn Grayson Nanz

Kathryn Grayson Nanz @kathryngrayson

About: Designer turned Front End Engineer

Location:
Asheville, NC
Joined:
Jan 31, 2017

Kathryn Grayson Nanz
articles - 47 total

Getting Specific About CSS Specificity

Everything you never wanted to know about why some styles override others in your CSS.

Learn More 19 7Apr 14

For anyone participating in the KendoReact Free challenge, I highly encourage you to take advantage of this awesome offer! Weizhi is a great resource and super knowledgable.

Offering Free Mentoring to Participants of the Upcoming...

Learn More 0 0Mar 14

[Boost]

Join the KendoReact Free Components...

Learn More 12 0Mar 13

Designer-Developer Collaboration: 2024 Survey Results

If you’ve ever been curious about designer / developer communication, pain points, design system usage, and so much more, then you’ll definitely want to check this out.

Learn More 9 3Oct 30 '24

Closing the Designer-Developer Gap

Want to help close the design / dev gap and learn more about the current state of the industry?

Learn More 47 9Aug 21 '24

UX Crash Course: Usability Heuristics

What makes a site especially usable (or especially difficult to use)? Try using Jakob Nielsen’s 10 Usability Heuristics as a basis for internal review.

Learn More 45 11Mar 5 '24

The Current State of React Server Components: A Guide for the Perplexed

Let’s take a look at the big picture regarding React Server Components: not only what they are, but also why they didn’t take off immediately and the pros and cons of incorporating them now.

Learn More 21 3Feb 21 '24

To Adopt or Not to Adopt? Assessing New Tech in a Quickly Moving Field

A checklist to help assess whether or not new tech is ready to be included in your project

Learn More 20 3Jan 23 '24

A Developer’s Guide to Implementing a Design System (Part 2)

For a design system to truly be integrated and applied to an application, it needs to live in the codebase as much as it lives in the design software – how do we make that happen?

Learn More 5 0Nov 8 '23

A Developer’s Guide to Implementing a Design System (Part 1)

What practical steps are involved for a developer to implement a design system? Let’s take a look!

Learn More 13 1Nov 8 '23

Debunking 6 Common Myths about D&I in Tech

I don’t think it’s surprising news to say that we have a diversity and inclusion problem in tech. A...

Learn More 2 0May 18 '23

Applying a Custom Design System to a Third-Party Component Library? Storybook Makes it Easy.

Launching and maintaining a design system built on KendoReact, using Storybook.

Learn More 10 0Apr 19 '23

Everything You Need to Know About the Updated React Docs

All the news that's fit to (digitally) print about the update to the official React documentation.

Learn More 104 8Mar 17 '23

Getting Started With Accessibility for React

Three things you should be thinking about to help make your React app more accessible.

Learn More 12 1Feb 8 '23

Understanding Color and Accessibility

When it comes to making your applications accessible, the colors that you choose play a huge role!...

Learn More 53 11Jan 31 '23

I Don’t Know How to Explain to You That Being a Developer Means You Have to Care About Users

If we don’t start and finish every single project thinking about how the human on the other end will be impacted…why are we even doing this?

Learn More 1 1Dec 8 '22

Contextual Design vs. Feature Driven Development

“Good design, when it’s done well, becomes invisible. It’s only when it’s done poorly that we notice...

Learn More 10 0Oct 27 '22

Year in DevRel by the Numbers

A look at how my time was spent over the past year working in Developer Relations.

Learn More 20 2Aug 30 '22

I can :has()?

A look at the new :has() CSS pseudo-selector and how you can start using it today!

Learn More 9 0Aug 29 '22

Deploying Your CRA React App on Github Pages

A walkthrough (plus troubleshooting for some common issues) for using Github Pages to host your React app.

Learn More 32 5Jul 25 '22

Improving Designer-Developer Collaboration With Figma UI Kits

Figma UI Kits create consistency and ease communication by providing a single source of truth that all parties can reference — learn how you can start using one today!

Learn More 20 1Mar 29 '22

Everything You Need to Know About the React 18 RC

The final React 18 release is coming in just a few weeks – time to get ready!

Learn More 433 15Mar 10 '22

Layering Up with CSS Cascade Layers

Taking a look at the newest CSS hotness: Cascade Layers! What they are, how they work, and how you can start using them right away.

Learn More 21 5Mar 4 '22

Design Systems for Developers

Having a design system makes it easy for developers to onboard new team members, quickly find answers to basic questions without having to DM someone and wait for an answer, download common assets like logos and icons, and so much more.

Learn More 315 3Feb 28 '22

Your Thoughts on Design as a Developer

A discussion about the parts of design that frustrate or confuse developers.

Learn More 6 2Feb 17 '22

What is a Gantt Chart, Anyway?

An introduction to a less-known component that could be a huge benefit to your project management app.

Learn More 3 1Feb 16 '22

Taking a Look at `startTransition` in React 18

A quick overview of one of the coolest concurrency features coming in React 18

Learn More 18 3Feb 3 '22

Figma for Developers

Learn your way around the popular design software Figma, and level up your dev game.

Learn More 502 10Jan 12 '22

The Future of Color in CSS

Taking a look at P3 color and the new methods for defining colors in CSS.

Learn More 99 1Jan 6 '22

You Probably Don't Need Media Queries Anymore

With screens available in any size you can imagine, it's time to shift our approach towards responsive design – the era of breakpoints is over and the era of fluid design is here. Modern CSS has fantastic support for responsive design that ensures you won't ever have to write a media query again (if you don't want to).

Learn More 1127 34Oct 30 '21