News Archives » All Mad Designs Blog

CSS Layers & Variables: Advanced CSS Concepts

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 …

Aes Sedai Slack Emoji – The Wheel Of Time

So you want a transparent Aes Sedai symbol emoji to add to slack, or for adding to your email signature? Well look no further, this took me all of 10 minutes to do. Large 1080×1080 File Size Click the images below. The image will open in a new tab and you can save or drag …

Everything you need to create a WP plugin sidebar with React/Material UI.
Looking to create your own PluginSidebar but want to use React or Material UI for your components instead of createElement? Look no further! This post walks you through creating a …
Register multiple blocks with @wordpress/create-block
If you’ve just recently started learning how to create WordPress Blocks, then you’re probably familiar with the @wordpress/create-block package that allows you to quickly create a plugin and block all …
How To Create A Custom Hook In React
If you’re familiar with React hooks but don’t know how to create a custom hook in React, this post is for you. I’ll provide you with a simple to understand …
Test a React Text Input with jest userEvent
If you’re looking to test a React text input by typing into it with userEvent, you are in the right place. I’ll show you how to test that text has …

Fluid CSS Grid with Static Measurements
If you want to learn how to create a fluid CSS grid with static measurements (such as px), this article is for you! What is a fluid grid? Creating a …
Create a Chess Board with CSS Subgrid
I’m so excited about a new CSS feature that should make designing layouts much simpler. Thanks to interop 2023, CSS now has a snazzy new feature that allows you to …