Creating Dark Mode (or Any Website Style) the Right Way 🌞

#99

How to Maintain Motivation?
#98

What Happens After Entering a URL in the Browser?
#97

How to Structure an Awesome Frontend Project in 2025
#96

WebDong Threads Subscriber Number is Over a Thousand!
#95

Learn the New Concept of Backend for Frontend (BFF)
#94

Auto Publish TypeScript Package with Semver to NPM
#93

Online File Structure ASCII Generator
#92

Are Git Pre-Commit Hooks Good or Bad?
#91

Guideline for Color Contrast in Web
#90

What is an Accessible Web Page?
#89

How to publish local website and server
#88

Three Essentials of Developer Writing: Clarity, Personality, Consistency
#87

Why does Object.keys in TypeScript return only string[] type for any object?
#86

Translated 168 Blog Posts in 2 Days for Less Than $0.1 Using GPT-4o
#85

Digital Garden Template — Quartz
#84

The level of abstraction in test code should match that of the system being tested
#83

Web Sticky Scroll Snapping —— scroll-snap-type
#82

How to Directly Modify Project Dependency Package Source Code (node_modules)?
#81

Why does a blue outline appear when pressing a browser tab?
#80

The most efficient way to improve webpage speed is to enhance content, reducing website loading time by 50% is not a dream
#79

Creates a Block Editor Experience Similar to Notion - Editor.js
#78

My Blog's About Page Was Useless, So I Removed It
#77

What is ARIA - Accessible Rich Internet Applications?
#76

Frontend and SEO
#75

Browser Zoom cause Display Errors
#74

Intersection Observer Real Case: Automatic Toc Update
#73

Thinking About Web Layouts from a Two-Dimensional Perspective
#72

Developer Productivity Myth: Estimation = Endpoint
#71

Developer Productivity Myth: Story Points = Productivity
#70

Developer Productivity Myth: Low Defects = Productivity
#69

Developer Productivity Myth: Lines of Code = Productivity
#68

Developer Productivity Myths: Work Hours = Productivity
#67

How to Manage Utility Functions
#66

Put AI on CI - PR Agent
#65

CSS blur() Performance Issues in Safari
#64

The bfcache Causes Issues Between Pages
#63

What is the Barrel File pattern?
#62

Future of the Web - Native Web Components
#61

If you don't know what you're doing, probably no one else does.
#60

Why Should Software Be Tested?
#59

Understanding Built-in Data Structures in ES6 JavaScript: Map
#58

The Most Noticeable Shortcuts in Frontend
#57

Why is it so difficult to estimate project time?
#56

Organize Tailwind and UI variable
#55

How to Establish and Manage UI Variables in Digital Products
#54

Do Not Tell Users "Read More"
#53

How to Escape a Container with CSS Grid
#52

Generate Fake Data with TestDataHub
#51

Why the Overall Experience of the Frontend Ecosystem is Moving Towards 😐
#50

CSS Property Maximum Value
#49

Avoid boring documentation, Add interactivity to it
#48

Set Linguist in .gitattributes to Change Project Language Statistics
#47
Creating Dark Mode (or Any Website Style) the Right Way 🌞
Adding dark mode inevitably introduce additional design, development, and maintenance costs. However, if you can create website styles correctly from the beginning, many problems can be effectively avoided. The summarized practical approaches can be divided into two categories:
1. Specify colors for different styles
2. Define different styles for colors
If you always directly use Tailwind’s Darkmode feature or are struggling with how to apply skins to your website, the following newly written articles are worth referencing.
- The UX behind dark mode can be referenced: The Cost of Adding Dark Mode🔗
- Complete article: Creating Dark Mode (or Any Website Style) the Right Way🔗
#46

Frontend Environment Diversity
#45

Cypress and jQuery
#44

About Low-code / No-code
#43

Story Between Me and Web Design
#42

What is the difference between "Graceful Degradation" and "Progressive Enhancement"?
#41

What Do Websites Look Like to Different Types of Colorblind Eyes?
#40

Tips for Solving Problems
#39

Is it necessary to learn Sass in 2024?
#38

What is common sense in your field of work that surprises others when they find out
#37

iOS Home Indicator safe area
#36

Technical authors place their articles in more than one location
#35

How to Achieve That Cool Web Background?
#34

Why Keep Package Versions Updated?
#33

Do You Remember Browser Vendor Prefixes?
#32

How to manage large files in Git?
#31

XML and AJAX
#30

Rethinking How to Build RWD Web Pages with CSS Container Queries
#29

The font that improves your coding productivity — Commit Mono
#28

Great Web Development Teaching Platform — Egghead.io
#27

Why are there _ in numbers?
#26

How to Completely Remove Sensitive Files from Git History?
#25

Software Gardener
#24

I always thought PowerShell was just the blue cmd
#23

Share a tip I often use when previewing GitHub projects — Dot
#22

Tracking Browser Version Support — Can I Use Website
#21

Chromium Developer Tools — Layers
#20

Visualizing JSON Data - JSON Crack
#19

How do different teams consolidate and document development practices?
#18

Handling Currency, Units, and Time Conversions with Native JavaScript
#17

About Handmade
#16

How to quickly visualize the boundaries between web elements?
#15

The Origin of the Database Icon
#14

How to Edit Web Page Content in Real Time?
#13

Can you explain the difference between design systems and component libraries in the web domain?
#12

Why are unstyled components so popular? Radix and Headless UI as examples
#11

About writing
#10

Building a Correct Web UI Should Not Be a Troublesome Issue
#9

The fear of being replaced by AI
#8

How can we validate the correctness of client-side data?
#7

About Running a Blog
#6

How to add search functionality to a blog by using pagefind?
#5

Free Web Image Editors - Photopea
#4

How long has it been since you upgraded the package versions of your project?
#3

Chatting About TDD Concepts with Friends
#2

How would you solve this dropdown menu styling issue?
#1

Add Various Icons to Web Pages Using Iconify

How to Maintain Motivation?

What Happens After Entering a URL in the Browser?

How to Structure an Awesome Frontend Project in 2025

WebDong Threads Subscriber Number is Over a Thousand!

Learn the New Concept of Backend for Frontend (BFF)

Auto Publish TypeScript Package with Semver to NPM

Online File Structure ASCII Generator

Are Git Pre-Commit Hooks Good or Bad?

Guideline for Color Contrast in Web

What is an Accessible Web Page?

How to publish local website and server

Three Essentials of Developer Writing: Clarity, Personality, Consistency

Why does Object.keys in TypeScript return only string[] type for any object?

Translated 168 Blog Posts in 2 Days for Less Than $0.1 Using GPT-4o

Digital Garden Template — Quartz

The level of abstraction in test code should match that of the system being tested

Web Sticky Scroll Snapping —— scroll-snap-type

How to Directly Modify Project Dependency Package Source Code (node_modules)?

Why does a blue outline appear when pressing a browser tab?

The most efficient way to improve webpage speed is to enhance content, reducing website loading time by 50% is not a dream

Creates a Block Editor Experience Similar to Notion - Editor.js

My Blog's About Page Was Useless, So I Removed It

What is ARIA - Accessible Rich Internet Applications?

Frontend and SEO

Browser Zoom cause Display Errors

Intersection Observer Real Case: Automatic Toc Update

Thinking About Web Layouts from a Two-Dimensional Perspective

Developer Productivity Myth: Estimation = Endpoint

Developer Productivity Myth: Story Points = Productivity

Developer Productivity Myth: Low Defects = Productivity

Developer Productivity Myth: Lines of Code = Productivity

Developer Productivity Myths: Work Hours = Productivity

How to Manage Utility Functions

Put AI on CI - PR Agent

CSS blur() Performance Issues in Safari

The bfcache Causes Issues Between Pages

What is the Barrel File pattern?

Future of the Web - Native Web Components

If you don't know what you're doing, probably no one else does.

Why Should Software Be Tested?

Understanding Built-in Data Structures in ES6 JavaScript: Map

The Most Noticeable Shortcuts in Frontend

Why is it so difficult to estimate project time?

Organize Tailwind and UI variable

How to Establish and Manage UI Variables in Digital Products

Do Not Tell Users "Read More"

How to Escape a Container with CSS Grid

Generate Fake Data with TestDataHub

Why the Overall Experience of the Frontend Ecosystem is Moving Towards 😐

CSS Property Maximum Value

Avoid boring documentation, Add interactivity to it

Set Linguist in .gitattributes to Change Project Language Statistics

Creating Dark Mode (or Any Website Style) the Right Way 🌞

Frontend Environment Diversity

Cypress and jQuery

About Low-code / No-code

Story Between Me and Web Design

What is the difference between "Graceful Degradation" and "Progressive Enhancement"?

What Do Websites Look Like to Different Types of Colorblind Eyes?

Tips for Solving Problems

Is it necessary to learn Sass in 2024?

What is common sense in your field of work that surprises others when they find out

iOS Home Indicator safe area

Technical authors place their articles in more than one location

How to Achieve That Cool Web Background?

Why Keep Package Versions Updated?

Do You Remember Browser Vendor Prefixes?

How to manage large files in Git?

XML and AJAX

Rethinking How to Build RWD Web Pages with CSS Container Queries

The font that improves your coding productivity — Commit Mono

Great Web Development Teaching Platform — Egghead.io

Why are there _ in numbers?

How to Completely Remove Sensitive Files from Git History?

Software Gardener

I always thought PowerShell was just the blue cmd

Share a tip I often use when previewing GitHub projects — Dot

Tracking Browser Version Support — Can I Use Website

Chromium Developer Tools — Layers

Visualizing JSON Data - JSON Crack