Gradient background with transparent borders
Everybody is asking about how to create gradient borders with transparent backgrounds. But I just had to solve an issue that’s in the opposite situation and learned about background-origin.
Articles: Web Design
Using DOMTokenList
DOMTokenList is a built-in DOM interface that represents a set of string tokens. If you are familiar with classList, you are already familiar with it. In a recent project, I wanted to make a custom element property as a DOMTokenList, here’s what I learned.
Generate letter-based default avatars in JavaScript
Many websites take the first letters from a user’s names to generate their default avatar. It is similar to monograms. If you have to achieve this in JavaScript, I found using Unicode property escapes Regular Expressions is the easiest.
HTML isn’t GUI
Many web developers take design mockups a bit too literally–thinking the rendered webpages should visually match the mockups. While it’s crucial to carry the visual design over to the coded webpages, there’s much more to our works than just making visual copies of mockups. We develop user interfaces that can be understood and interacted with by different people with different tools.
Opening day
Welcome to my new personal website! It took me quite a while, but I finally finished building the first iteration, and I had so much fun doing it. As the site’s first article, I’ll talk about what I’m planning on posting here.