WebDong Logo WebDong
  • 首頁 首頁
  • 文章 文章
  • 工具 工具
  • 短文 短文
  • 全站搜尋

  • 請選擇語言

    • English
    • 简体中文
    • 繁體中文
  • #112

    最奇特的面試經驗

  • #111

    Linux Snap (VSCode) 無法輸入中文字

  • #110

    TypeScript 驗證型別是否完全相同的思考(Freshness 概念)

  • #109

    使用 Details 與 Summary 製作原生手風琴 (含收合動畫!)

  • #108

    最佳化網頁資產載入 (preload, prefetch, dns-prefetch, preconnect)

  • #107

    TypeScript 是個 Linter 嗎?怎麼看待 TS?

  • #106

    紀載大量 Code Smell (代碼異味)模式的網站 - Code Smells Catalog

  • #105

    為什麼應該用 pnpm?

  • #104

    針對開發者提供客製化新聞提要與社群 - Daily.dev

  • #103

    為什麼要在 Vite 專案設定使用絕對路徑 import

  • #102

    DOM 過大對網頁的影響

  • #101

    Print QR Codes - 簡單快速生成 QR Code 供輸出用

  • #100

    最近翻 Tailwind 文件發現 4.0 版網站風格大改,變得很 Vercel 感?

  • #99

    如何保持習慣動力?

  • #98

    瀏覽器輸入 URL 搜尋後發生了什麼事?

  • #97

    如何架構一個超讚的前端專案於 2025 年

  • #96

    網頁東東 Threads 訂閱人數突破千人!

  • #95

    學會新概念 Backend for Frontend (BFF)

  • #94

    撰寫自動化發布語意化版本 TypeScript NPM 套件

  • #93

    線上檔案結構 ASCII 圖生成器

  • #92

    Git Pre-Commit Hook 是好是壞?

  • #91

    網頁色彩對比度怎麼規範?

  • #90

    什麼是 ARIA - Accessible Rich Internet Applications?

  • #89

    什麼是無障礙網頁?

  • #88

    怎麼讓外網連結本地網站與伺服器?

  • #87

    開發者寫作三要素:清晰、個性、一致性

  • #86

    為什麼 TypeScript 中 Object.keys 接受任何物件都只返回 string[] 型別?

  • #85

    借助 GPT-4o 用不到 0.1 美元在 2 天內翻譯了 168 篇部落格短文

  • #84

    即拿即用的數位花園模板 —— Quartz

  • #83

    測試代碼應該與被測試系統有相同程度的抽象

  • #82

    網頁黏性卷軸滑動 —— scroll-snap-type

  • #81

    如何直接修改專案依賴套件原始碼(node_modules)?

  • #80

    為什麼瀏覽器 Tab 按下去會顯示藍藍的外框?

  • #79

    最有效率提升網頁速度的方式是改善內容,網站加載時間 -50% 也不是夢

  • #78

    Editor.js 打造類似 Notion 的區塊編輯器體驗

  • #77

    我的部落格 About Page 沒有用處,所以把它砍了

  • #76

    前端怎麼看 SEO?

  • #75

    瀏覽器縮放與顯示誤差

  • #74

    Intersection Observer 真實案例:自動更新目錄

  • #73

    用二維角度思考網頁布局

  • #72

    開發者生產力迷思:估算 = 終點

  • #71

    開發者生產力迷思:故事點 = 生產力

  • #70

    開發者生產力迷思:低缺陷 = 生產力

  • #69

    開發者生產力迷思:程式行數 = 生產力

  • #68

    開發者生產力迷思:工作時數 = 生產力

  • #67

    如何管理通用工具函式 (Utility Function)

  • #66

    把 AI 放上 CI - PR Agent

  • #65

    CSS blur() 在 Safari 上要留意的效能問題

  • #64

    往返快取(bfcache)造成前後頁面狀態問題

  • #63

    什麼是桶文件(Barrel File)模式?

  • #62

    了解網頁元件化的未來:Web Components

  • #61

    如果不知道自己在幹嘛,那大概也沒人知道。

  • #60

    為什麼要替軟體進行測試?

  • #59

    了解 ES6 JavaScript 當中的內建資料結構: Map

  • #58

    前端最有感的的快捷鍵

  • #57

    為什麼專案時間預估這麼難?

  • #56

    管理 Tailwind 當中的變數可以這樣做

  • #55

    具體來說可以怎麼建立與管理數位產品的 UI 變數

  • #54

    不要告訴使用者「查看更多」

  • #53

    如何透過 CSS Grid 讓元素跳脫容器

  • #52

    生成假資料可以用 TestDataHub

  • #51

    為什麼前端生態整體體驗邁向 😐

  • #50

    CSS 屬性的最大值

  • #49

    替文件增添互動性避免枯燥

    替文件增添互動性避免枯燥規劃網站時有些細節或偏門的需求很容易會被遺忘,直到發現問題時總是太晚,舉例來說:

    • 多語系
    • 頁面 Meta 資料
    • 完整 UI 元件狀態
    • ……

    所以會寫成清單方便快速核對或讓新人上手,但這樣的文件常常寫好看過幾次就沒人去翻 😅,誰喜歡沒事翻文件!

    所以與其在進行 A 行為時「建議」找 A 文件查核一下,或許製作個 SOP 清單,沒有廢話,照著「要求」流程走下去,或許成就感和準確性會更高。Checklist Design🔗 網站有許多不錯的 SOP 文件,像是元件、頁面或設計的最佳實踐都找得到。

  • #48

    在 .gitattributes 設置 Linguist 改變專案語言統計

  • #47

    用正確的方式製作深色模式(或任何網站風格🌞)

  • #46

    前端與開發環境多樣性

  • #45

    Cypress 與 jQuery

  • #44

    關於 Low-code / No-code

  • #43

    我透過網頁升學的故事

  • #42

    「優雅降級」與「漸進增強」差異在哪?

  • #41

    好奇不同種類色盲眼中的網站是長什麼樣子?

  • #40

    解決問題的技巧

  • #39

    已經 2024 了,會需要學 Sass 嗎?

  • #38

    什麼事情在你的工作領域是 common sense 但別人知道了卻很訝異

  • #37

    iOS Home Indicator 安全區域 CSS 處理

  • #36

    發現特別是技術類作者會把文章放置在不只一個地方

  • #35

    那個酷酷的網頁背景是怎麼做到的?

  • #34

    為什麼要保持套件版本更新?

  • #33

    你還記得瀏覽器引擎前綴 (Vendor Prefix) 嗎?

  • #32

    Git 如何管理大型檔案?

  • #31

    XML 和 AJAX

  • #30

    重新思考如何建構 RWD 網頁,透過 CSS Container Queries

  • #29

    聽名稱就感覺生產力 UP UP 的字體 —— Commit Mono

  • #28

    近期發現不錯的免費英文網頁開發教學平台 —— Egghead.io

  • #27

    為什麼會有 _ 在數字當中?

  • #26

    如何從 Git 歷史中徹底移除機密文件?

  • #25

    軟體園藝家 Software Gardener

  • #24

    一直以為 PowerShell 就是藍藍的 cmd

  • #23

    分享一個我自己在預覽 GitHub 專案時常用的訣竅 —— 點

  • #22

    追蹤瀏覽器版本支援程度 —— Can I Use 網站

  • #21

    Chromium 開發者工具 —— Layers

  • #20

    可視化 JSON 資料 - JSON Crack

  • #19

    不知道不同團隊是如何鞏固與紀錄開發制度的?

  • #18

    處理金錢、單位、時間的轉換原生 JavaScript 就辦得到

  • #17

    關於純手工

  • #16

    想要快速視覺化網頁元素之間的邊界可以怎麼做?

  • #15

    資料庫圖示的來由

  • #14

    想要及時編輯預覽網頁內容可以怎麼做?

  • #13

    你能說明設計系統與元件庫在網頁領域中的差異嗎?

  • #12

    舉例 Radix、Headless UI,為什麼無樣式元件這麼熱門?

  • #11

    關於寫作

  • #10

    建構正確的網頁 UI 不應該是個麻煩的問題

  • #9

    AI 取代人類的恐懼

  • #8

    如何驗證客戶端資料的正確性

  • #7

    關於經營部落格

  • #6

    製作了部落格想要額外添加文章搜尋功能該怎麼辦?

  • #5

    推薦免費網頁圖片編輯器 —— Photopea

  • #4

    你有多久沒有升級專案的套件版本了呢?

  • #3

    與朋友的 TDD 觀念閒談

  • #2

    你會如何解這個下拉式選單樣式問題呢?

  • #1

    使用 Iconify 在網頁中加入各式各樣的圖示

WebDong Logo WebDong

親切簡單描述如何建構網頁

歡迎分享網頁東東,內容引用請遵循 CC BY-NC 4.0 如應用於商業用途請告知 email
社群管道
  • Threads
  • GitHub
  • RSS
頁面導覽
  • 首頁
  • 文章
  • 工具
  • 短文