Check out this fun, easy to solve 3rd grade math puzzle presented to teach you how to solve problems like an Engineer. The problem many coders have when faced with a problem that requires code is that sometimes the problem seems so big it’s hard to know where to begin. This exercise is designed to …
Welcome back, lovely people! Today we’re taking a break from our Github For Beginners series (because frankly, it is a lot of steps to write) and we’re switching gears. Let’s talk about something that I think most beginners struggle with… understanding functions. I’m going to assume you’ve read many articles, tried a coding challenge, or …
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’re working on a WordPress plugin or theme and want to conform to WordPress CSS coding standards, WordPress offers Stylelint and Prettier configurations that are easy to install. But their documentation is frankly a little lacking when it comes to linting and formatting SCSS. Not to mention the headaches involved with getting these two …
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 …
Use Case; Making Themes. Looking for advanced CSS concept tutorials? Just trying to understand what CSS Layers or CSS Variables are? Well, you found a great place to start! Welcome! In this article, I discuss my project where I created two separate themes using CSS Variables and CSS Layers. Learn a practical use case to …
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 Use the Print Media Query & When When would I even need this? I actually had to style the e-commerce pages of a site recently because the site needs to allow its customers the ability to print out a nice and neat receipt page. Just like with all projects, consider what your client’s …
Translating the Graphic Design Grid to CSS Grid in Figma In this article, I’m going to show you how to take a design from your Graphic Illustrator app and translate it into a web page using CSS Grid. This article has references to learn CSS Grid, but is not intended teach you all about CSS …
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 …