> Canonical URL: https://codingcat.dev/author/brittney-postma

# Brittney Postma: Author | CodingCat.dev

![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=256&h=256&q=82&fit=max&auto=format)✏️ CodingCat.dev Author

# Brittney Postma

[GitHub](https://github.com/brittneypostma)[LinkedIn](https://www.linkedin.com/in/brittney-postma-868928178/)[Twitch](https://www.twitch.tv/brittneypostma/)[X (Twitter)](https://twitter.com/brittneypostma)[YouTube](https://www.youtube.com/@SvelteSociety)

## About

I love developing beautiful, fluid, and responsive websites using the Jamstack. I thrive on UI/UX development with an extensive knowledge of front-end libraries React, Redux, and Svelte, and I specialize in CSS and TailwindCSS. I have a background in Graphic Design and love diving into new projects. I provide accessibility first semantic HTML and make sure users will have a wonderful experience using your site!

## podcast episodes.

Showing 8 of 111 episodes[Open Full Topic Hub →](/topics)[![Design Systems: From Atomic Design to a Global Solution](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e30ed0fae3f33f21034b0235d98ebe493c7e63df-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/4-8-design-systems-brad-frost)February 28, 2024[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/design-symbol-light.svg)![](/logos/tags/design-symbol-dark.svg)Design](/topic/design)

### [Design Systems: From Atomic Design to a Global Solution](/podcast/4-8-design-systems-brad-frost)

Dive into the world of creating and maintaining successful design systems, unpack the layer cake approach, and explore the potential future of a global design system.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Brad Frost](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/d353da9c34912440bfedbd3b062ec1fdf74f0875-600x600.png?w=96&h=96&q=82&fit=max&auto=format)Brad Frost](/guest/brad-frost)[![Raycast a launcher faster than F1!](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1cf673a085537be26c6ea5e0e0089fe8188bfbe8-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/4-4-raycast)January 31, 2024

### [Raycast a launcher faster than F1!](/podcast/4-4-raycast)

Raycast: A lightning-fast launcher that makes your Mac more productive.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Pedro Duarte](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1d521fad31fda359f0ab59015f0c394ce78b18b6-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Pedro Duarte](/guest/pedro-duarte)[![Compassionate Coding: Emotional Intelligence for Engineers](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/9dfe1e4e41c08378e929d24032cd4920ae9be1f1-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/4-2-compassionate-coding)January 19, 2024

### [Compassionate Coding: Emotional Intelligence for Engineers](/podcast/4-2-compassionate-coding)

Compassionate Coding is an approach to software development that combines compassion, mindfulness, and ethics to empower companies and individuals to create collaborative development environments to deliver more socially conscious products.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![April Wensel](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/28a0a46f0800a68d9d0d2607861ff4a2f7b125ec-583x561.jpg?rect=12,0,561,561&w=96&h=96&q=82&fit=max&auto=format)April Wensel](/guest/april-wensel)[![TypeScript is freaking hard!](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e39b2780e402821b829bfa52d358a0e7e1440080-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/4-1-typescript-is-freaking-hard)January 1, 2024[![](/logos/tags/typescript-symbol-light.svg)![](/logos/tags/typescript-symbol-dark.svg)TypeScript](/topic/typescript)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [TypeScript is freaking hard!](/podcast/4-1-typescript-is-freaking-hard)

Join us as we delve into the fundamentals of TypeScript, a superset of JavaScript that elevates code quality and maintainability through static typing, in this comprehensive beginner's course.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Richard Bray](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1cb5b0bac76a6c2fa4495ca526a90e9d83aa3b9c-200x200.jpg?w=96&h=96&q=82&fit=max&auto=format)Richard Bray](/guest/richard-bray)[![CodingCat.dev Podcast - Holiday Special Live December 20 9a ET](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/778341ddfe02498b535de1cbad23abcb61fcaef5-960x540.png?w=960&q=82&fit=max&auto=format)](/podcast/3-holiday-special)December 17, 2023

### [CodingCat.dev Podcast - Holiday Special Live December 20 9a ET](/podcast/3-holiday-special)

Reviewing things that happened in 2023 and generally just having a fun holiday episode

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Jhey Tompkins](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/07ca814149a3c7a732fedad1cababaf61411cb0b-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Jhey Tompkins](/guest/jhey-tompkins)[![Nick Taylor](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/c93e56298cb26d8f97f0103c718507f63b991b80-500x500.jpg?w=96&h=96&q=82&fit=max&auto=format)Nick Taylor](/guest/nick-taylor)[![OpenSauced: Your fast track to open source](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/6dad0f7e032c1029f6e94198ec0df9883bae49f4-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/3-25-your-fast-track-to-open-source)December 13, 2023[![](/logos/tags/oss-symbol-light.svg)![](/logos/tags/oss-symbol-dark.svg)Open Source](/topic/oss)

### [OpenSauced: Your fast track to open source](/podcast/3-25-your-fast-track-to-open-source)

OpenSauced is a platform that helps developers find, contribute to, and learn about open source projects.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![BekahHW](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/3524e1eff548cb5205b748e5a9c6bf77e89b733f-450x449.png?rect=1,0,449,449&w=96&h=96&q=82&fit=max&auto=format)BekahHW](/guest/bekah-hawrot-weigel)[![Slicing Up SvelteKit with Prismic’s New Slice Machine](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/6febc461be283cbf1dfaa57c5927260cd853204b-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/3-21-slicing-up-sveltekit-with-prismic-slice-machine)October 24, 2023[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit)

### [Slicing Up SvelteKit with Prismic’s New Slice Machine](/podcast/3-21-slicing-up-sveltekit-with-prismic-slice-machine)

Sam joins the podcast to talk about his journey to Prismic and to give an in depth look at Slice Machine.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Sam Littlefair](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a0f7d9014e7d7e1e2dde49b16f1657e513a81687-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Sam Littlefair](/guest/sam-littlefair)[![Flightcontrol is AWS, but Awesome! with Brandon Bayer](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/ccd389df9b063e5f31a242b1e0ea3ed4d99d3993-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/3-20-flightcontrol-is-aws-but-awesome-with-brandon-bayer)October 4, 2023[![](/logos/tags/aws-symbol-light.svg)![](/logos/tags/aws-symbol-dark.svg)AWS](/topic/aws)[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)

### [Flightcontrol is AWS, but Awesome! with Brandon Bayer](/podcast/3-20-flightcontrol-is-aws-but-awesome-with-brandon-bayer)

With Flightcontrol you can forget the pain of AWS.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Brandon Bayer](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/690883896dc78206b0a89df3069df7d9afc60c5f-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Brandon Bayer](/guest/brandon-bayer)

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...✓ All episodes loaded

## blog posts.

Showing 4 of 4 blog posts[Open Full Topic Hub →](/topics)[![Integrating Storybook with SvelteKit](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/0a974b403f056384c923b5decaff392d6af61e95-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/post/integrating-storybook-with-sveltekit)June 4, 2022[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit)

### [Integrating Storybook with SvelteKit](/post/integrating-storybook-with-sveltekit)

Brittney walks through how to get Storybook working in a new SvelteKit project.

[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Reflections from 2021 & Goals for 2022](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/24001bc9917ea437753ef7f05175529d542a0c24-1200x631.jpg?w=1200&q=82&fit=max&auto=format)](/post/reflections-from-2021-and-goals-for-2022)December 31, 2021

### [Reflections from 2021 & Goals for 2022](/post/reflections-from-2021-and-goals-for-2022)

Everything I accomplished in 2021 and what I am planning and looking forward to in 2022.

[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Make Pathing Easier with Aliases in SvelteKit](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/519a1c72b7a3bee30d02a44395e4dec6aa3f5dd2-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/make-pathing-easier-with-aliases-in-sveltekit)November 5, 2021[![](/logos/tags/svelte-symbol-light.svg)![](/logos/tags/svelte-symbol-dark.svg)Svelte](/topic/svelte)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit)

### [Make Pathing Easier with Aliases in SvelteKit](/post/make-pathing-easier-with-aliases-in-sveltekit)

Pathing can be a pain, make it easier by using aliases!

[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Accessibility Best Practices for HTML & CSS](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/92adbc842c19879beb03a6291c6437fe7ea9dac6-1200x631.png?w=1200&q=82&fit=max&auto=format)](/post/accessibility-best-practices-for-html-and-css)August 19, 2021[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[![](/logos/tags/css-symbol-light.svg)![](/logos/tags/css-symbol-dark.svg)CSS](/topic/css)

### [Accessibility Best Practices for HTML & CSS](/post/accessibility-best-practices-for-html-and-css)

Accessibility is an ongoing, ever-evolving process that is an extremely important aspect for inclusion and usability. These are some of the best practices you can follow in HTML and CSS to improve the user's experience on your site.

[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)

No matching blog posts found for this filter.

Try clearing the filter above to browse the full feed.

Loading more blog posts...✓ All blog posts loaded