How to avoid errors when passing boolean state values as custom attributes to React styled-components — Overview: Transient Props allow you to pass boolean value props to styled-components such that they do not render as an element’s attributes on the DOM. This prevents the errors and allows for some more complex use of styled-component props. By preceding a component’s boolean attribute with a $, styled-components will…

I finally got around to setting up an Email Signature for sending professional emails. I used this free tool to get started with a template. The tool has a few nice templates that users can play around with right out of the box. Adjusting colors and fonts to fit your…

Dark Mode is popular, and for good reason. Does it require less energy? Only on some devices. Does it reduce eyestrain? It actually doesn’t. Does it look damn good? Absolutely. The undertaking of creating a Dark Mode for your personal website is a pursuit that shouldn’t just follow a trend…

Recently I was asked to answer this question in order to provide feedback on the Pair Programming curriculum at Practicum by Yandex, the school at which I’ve been studying full-stack web development for about five months. Throughout my studies, I’ve been attending weekly webinars intended to teach the practice and…

Something I learned about recently is HTML5’s Data Attributes data-* attributes allow us to store extra information on standard, semantic HTML elements without other hacks such as non-standard attributes, or extra properties on DOM. In other words, Data Attributes allow us to store data in your markup that you can…

When I sit down to code in the evening, my usual focus space is in a window nook in my family room surrounded on three sides by windows. In the chill of spring in New Hampshire, I’ll typically find myself in a cozy sweater, with a cup of tea, looking…