An eye with a diagonal slash

Why you shouldn't disable input and how to do it correctly

Using the `disabled` attribute blocks users and creates confusion—explain the reason instead of just preventing actions.

2024-03-24
@ User Experience
  • #Buttons
Astro Logo symbol

Astro Custom Component in MDX

MDX in Astro gives me flexibility, but I prefer writing in Markdown. Can custom components be mapped to Markdown syntax?

2024-03-23
@ Astro
  • #unsorted
A rotating arrow with an exclamation mark in the center

Problem Between UI and Development

why are UI design and development so uncoordinated? Can teams consistently deliver products that truly meet user needs?

2024-03-17
@ Team
  • #unsorted
Check Box Symbol

TDD is Awesome You Should Try It! (Tutorial With Example)

TDD Test-Driven Development is a development methodology where tests are written before the implementation code.

2024-03-17
@ Technical Discussion
  • #unsorted
Three Star Symbols

3 Virtues From a Good Software Engineer

Patience, communication, and thinking outside the box are the virtues I believe a software engineer should have. Do you agree with this idea?

2024-03-16
@ Non-technical discussion
  • #unsorted
File Check Symbol

2 Ways to Verify if JSON-LD is Working

JSON-LD is a way to embed additional data to describe web content. This article shares my experience and how to verify JSON-LD is interpreted correctly.

2024-03-12
@ Search Engine Optimization
  • #unsorted
Refresh Arrow Symbol

How to Rewrite a Legacy System: The Ship of Theseus

Recently faced with many issues of maintaining legacy code, documenting the dilemmas and solutions in rewriting legacy systems.

2024-02-12
@ Pattern
  • #Refactoring
Communication Symbol

The Dailies: A Good Way to Eliminate Team Learning Debt

Developers' "failures" transferring knowledge are not due to laziness. Instead, [pressures] create a complex tension between performance and learning goals.

2024-02-12
@ Team
  • #Communication
Overlapping Abstract Geometric Line Symbol

What is Monorepo? A straightforward explanation

As the complexity of development increases, the term Monorepo frequently appears, To clarify my understanding of Monorepo, I wrote this post.

2024-02-01
@ Technical Discussion
  • #Concept
UI Symbol

Build Scalable User Interfaces through Componentization

For those with no prior knowledge of web pages, introducing the concept of "UI componentization." Is a piece of a puzzle, a building block, a gear...

2024-01-31
@ User Interface
  • #Component
Label Icon

Build Product From Scratch - Tokens

Design tokens are a way to manage design properties and values for building UI components. It is essential for anyone involved with design systems.

2024-01-29
@ User Interface
  • #unsorted
Checkmark Chat Box Symbol

How To Drive Meetings, Before, During and After a Meeting

Meetings are an art and a vital soft skill for team. Poorly structured meetings can impact individual and team productivity, especially in remote work.

2024-01-28
@ Team
  • #Communication
Color Picker Icon

How to Build Digital Products from Scratch - Color

Recently, the company purchased design-related courses to improve collaboration efficiency through design research. I plan to document my notes and thoughts.

2024-01-23
@ Design
  • #unsorted
Symbol with the number four inside a box

Insights on E2E Testing and BDD After 4 Months at New Job

I wrote nearly a hundred E2E tests and aim to solidify my knowledge while helping my team quickly adapt to the E2E Cypress testing project.

2024-01-21
@ Software Testing
  • #E2E
  • #BDD
Dissatisfied Emoji

Why is CSS so Difficult and Weird to Learn?

Developers have mixed opinions about CSS; some find it simple, others find it hard to master. This article summarizes why CSS is both loved and hated.

2024-01-01
@ CSS
  • #Concept