Gradient.art - Designing and Inspecting Complex CSS Gradients

gradients
4 Min
dev.to

gra.dient.art is an advanced online CSS gradient editor. In this article i'm exploring its various tools and features.

How I Created These Generative Underline Pen Strokes

svg, react, text-effect, tutorial
2 Min
dev.to

I created a small React component that adds a randomly generated pen stroke underline to a given word. The strokes are rendered using an SVG <path/> element.

How I Made This Realistic Red Switch (Pure CSS)

css-art, gradients, tutorial
7 Min
dev.to

In this tutorial I explain in detail how I made my popular 'Realistic Red Switch' pen using various CSS techniques, including gradients, 3D transformations, animations, and transitions.

Webrix.js - Building Blocks for Interactive React Apps

react, webrix
2 Min
dev.to

webrix.js is a set of React components and hooks, each dedicated to solving a single UI challenge. In the article I explore the different components and hooks in this library.

Don’t Mix Controlled and Uncontrolled Values In React

react, architecture
6 Min
Medium

In this article, I will be discussing one of the most fundamental rules in component architecture. This fundamental rule is often violated, leading to issues that are very hard (if not impossible) to solve.

Balancing Responsibilities in Software Components

architecture
7 Min
Medium

Responsibilities and it's derivative — abstractions — are one of the more ambiguous aspects of software quality, at least to me.

Why Rewriting Is Essential for Keeping Software Alive

architecture
7 Min
Medium

Embrace rewriting software components regularly to avoid having to rewrite the entire software eventually.