Two Ways to Create Blurry Background Images with Clear Text
Sunday, June 5th 2022
Learn how to blur an element's background image without blurring its contents using absolute positioning and CSS grid.Let's say you want to have text overlaid on top of a background image. Depending on the image, this may cause an issue …
Locking Down your Dev Environment with Webpack DevServer and mkcert
Sunday, December 19th 2021
A simple guide to serving your application over HTTPS using Webpack DevServer and mkcert with your own custom hostname.I probably don't need to try that hard to explain why it's important to make the effort to enable HTTPS on your website…
How to Add Dark Mode to a React Application
Sunday, December 5th 2021
A step-by-step walkthrough for adding the ability to toggle themes to your React application using React Context and Styled Components.Dark user interfaces are a wonderful thing. Not only are they easier on the eyes by helping to reduce blue light exposu…
Get Hooked on Writing Hooks in React
Sunday, November 21st 2021
A simple demonstration of how you can make your own Hooks to handle state logic in your React components.Hooks are a really popular feature of React as they allow you to simplify your component logic by doing away with compl…
How To Come Up with Test Cases for Unit Tests
Sunday, November 14th 2021
Two simple approaches to coming up with test cases for unit tests with examples in C#.Unit tests are an important part of the development process that help to reassure you that your code is doing what it's…
Thieving Your Way to a Dynamic Colour Theme in React
Sunday, November 7th 2021
Dynamically set the colour palette of your React components with color-thief-react.I always thought it was really cool how some applications were able to dynamically set the colour of components on thei…