Copy and Paste Symbol

Boring UI is Good UX: Why Do Websites Look Similar Now?

Why do most websites look similar today, even in experience? Guides readers through web development history to conclude that "boring UI is good UX."

2024-04-25
@ User Experience
  • #unsorted
Icon of a card with an exclamation mark

Building UI Without Burden

As a front-end engineer, my recent work experience has shown me that many development issues still revolve around the appearance.

2024-04-21
@ User Interface
  • #unsorted
Robot Icon

Future-Proof Your Career in the Age of AI

AI will not leave our lives; it will only become more common, impacting our lives. What can humans do that AI cannot? What will future jobs look like?

2024-04-15
@ AI
  • #unsorted
Performance Check Icon

Chcek Website Performance with Lighthouse CI in 3 Steps

Manual testing has issues like unstable results and is time-consuming. Let’s try using Lighthouse CI for automated performance checks!

2024-04-14
@ Web Performance
  • #Lighthouse
Article Search Icon

How to Add Search to Any Kind of Static Site Using Pagefind

Give your site a custom search powered by WebAssembly. With the release of Pagefind 1.0, I replaced my custom fuse.js search with Pagefind.

2024-04-13
@ Technical Discussion
  • #unsorted
Heart Symbol

What is Shadcn UI? Why is it so popular?

Recently, I used Shadcn for Vue to build web UI. It's a customizable component library based on Tailwind, allowing quick creation of web interfaces.

2024-04-01
@ User Interface
  • #unsorted
A hand manipulating a touchpad symbol

Design Forms Correctly, Essential UX for User Input

Forms are the most common website elements and the bridge to users. This post summarizes essential form UX and why design choices matter.

2024-03-31
@ User Experience
  • #unsorted
Warning Symbol

How to Handle TypeScript Error?

JavaScript has try...catch syntax for capturing errors. How can we ensure the type of errors thrown in TypeScript?

2024-03-30
@ TypeScript
  • #unsorted
Container Loading Exclamation Mark Symbol

Type Safety at Runtime with Zod

Zod is a schema declaration and validation library led by TypeScript. The purpose of Zod is to easily write runtime data validation.

2024-03-30
@ TypeScript
  • #Zod
Two people communicating symbol

Describing Consensus: Goals, Problems, Solutions

Recently reading about Goals, Problem, Solutions in Stay SasSy made me realize this is how I break down problems at work!

2024-03-28
@ Team
  • #Communication
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