Hey, hello, hi thanks for stopping by! Want to learn how to test React UseState with Jest or how to mock useState in jest? Well, look no further. This article covers basic component testing, as well as testing for state. We will create a stateful button component and then write a test for it using …
Hey friends, I’m glad you’re here! If you’re looking to get into WordPress block development, and you want to follow WordPress coding standards while using Typescript and ESLint, but aren’t sure how to set this up in your project, this post is for you! I’m going to show you exactly how to set up Typescript …
If you have never worked with Material UI or with building Accessible React components, and want to get going fast, this guide is for you. In a similar article, I wrote about how to make Accessible Toggle Buttons with React from scratch. In this article, I’m going to cover those same principles but I’m using …
Okay so you’re a developer and you keep hearing about the importance of accessibility in all stages of a product, from design to development. You’ve probably heard of aria attributes and want to use them to make your products more accessible. The problem is? You maybe don’t actually know what the heck WAI-ARIA is, otherwise …
Let’s paint a picture. So you’ve taken the plunge and learned to code. You are living your best life creating projects on codepen.io or codesandbox.io. But you know deep down in your heart, that you need to learn version control. So you look at one of the most popular options: Github and then quickly exit …
If you are interested in getting involved with WordPress development, you might want to follow the WordPress Javascript coding standards that WordPress requires from their developers. You might be tempted to set up formatting and linting to catch common bugs and ensure other contributors can read your code easily. WordPress offers various linting and prettier …
Hey front end developer! Are you working on your React.js skills? Looking for a project that uses React Hooks? If you’re wanting to learn how to build an Accessible React Carousel from scratch, or if you just want to ensure you implement a carousel that’s actually accessible, then you’re in the right place. This post …
Learn how to make reusable, accessible toggle buttons with React. I’ll show you step by step how to make inclusive button elements.
In this article I’ll show you how to build an accessible to do list diving deep into inclusive form components with React.js.
Get started designing and developing accessible web pages with the basics.
This post has an HTML5 template complete with Aria Landmark roles, it has definitions and explanations, and it has tons of great resources to get you started.
Learning different CSS Layout types and how they work within a document are invaluable skills. This short article walks through a little experiment I did when i was testing my beginner knowledge of using CSS Grid and Flexbox together to build a responsive web page. I really enjoyed my little project of translating a Graphic …
How to take a graphic design grid illustration and design it for the web with CSS flex While I was studying UX Design and Project Management, I learned I still had a lot of issues balancing my designs to appear cohesive. The term “cohesive design” is ultimately just a design that is easy for the …