前端三分鐘

API 重要的是訊息交換，在意的是傳入和傳出，就像談戀愛的時候，要知道對方問了什麼問題可能是對你有好感，而又該怎麼應對。 API 在系統設計上通常是為了讓團隊合作而產生的，接下來這篇文章會從 API 系統設計流程和設計方法兩方面來切入。 API 系統設計流程在 API 系統設計流程上粗分主要有三個階段: API 規格文件撰寫 內部審查 早期使用回饋與 Beta 測試 撰寫規格文件就好像彼......

在這系列的前幾篇文章著重在個體，探討了網頁端是怎麼由 HTML 組成以及透過 CSS 長成什麼樣子，這篇文章會來介紹前後端溝通的重要觀念 API。 什麼是 APIAPI (Application Programming Interface)，中文是應用程式介面，介面是用於程式間溝通的抽象概念。 溝通，重要的是訊息的交換 以男女交往來說重要的溝通是 丟球: 會不會丟球，不會丟球對方就不知......

前幾年在小編當工程師時常常逛 Github，發現有些人會利用這個空間來開部落格，於是稍微研究後就決定動手做一個，也就是大家現在所看到的前端三分鐘。 在另外一篇文章小編介紹過想架站不會寫網頁，那就用 WordPress 吧，這篇文章就來推薦對於網站技術略懂略懂的工程師們另外一個架站選擇 Hexo。 同樣的以男女交往首先還是外在的條件、談吐等等要超過可交往的門檻，而 Hexo 的佈景主題跟外掛系......

不會寫程式也可以架設網站甚至賺錢?! 隨著科技的進步，答案是可以的。 近年來各種軟體都轉換成服務的形式 (SaaS)，透過網路就可以存取和使用並達到預期結果。 那不太會認識女孩子也可以交到女朋友嗎?! 就讓我們來看下去。 什麼是 WordPressWordPress 是以 PHP 和 MySQL 為平台的自由開源的部落格軟體和內容管理系統，並且擁有相當豐富的模板系統、外掛程式可以直接使用。 ......

什麼是 LinkTreeLinkTree 是一頁傳送門，透過 IG 的個人檔案連結來做相關行銷與各平台的串聯。 透過 LinkTree 整合 Facebook、Line、Youtube、TG、網站和或棟訊息等等。 透過這個免費的服務就可以輕鬆製作，想要交個女朋友首先要讓很多女生可以認識你。 所以就讓我們來看看該怎麼製作個人的靜態的 LinkTree 頁面吧。 什麼是 LinkFreeLink......

亂寫 CSS 有比亂化妝好嗎? 如果說 CSS 是主掌網頁外表的一個角色，亂寫 CSS 就相當於亂化妝的概念。 CSS 在撰寫上，整體來說是圍繞在處理特異性 Specificity。 小編接下來在這篇文章會開箱 9 種不是特別推薦的 CSS 寫法。 CSS 命名問題首先是來探討萬年難解的命名問題，跟午餐、晚餐吃什麼是同等困難的事情? CSS in JS 某些程度上就是為了解決這個問題而存在的......

什麼是 CSS in JSCSS in JS 解決了 CSS 命名的問題。 由於 component-based 的概念興起元件開發成為顯學，CSS in JS 提供了將樣式寫在元件中解決方案，也讓 CSS 需要從寫程式語言的角度去進行架構設計。 CSS in JS 不僅降低了維護難度也加速了開發速度，減少檔案切換和減少 class 命名錯誤等等問題，常見的 library 像是 css m......

小編曾介紹過 CSS 的設計模式，這篇就讓小編開箱那些年小編曾體驗過的 CSS 主流框架: Tailwind CSS PureCSS Bootstrap animate.css 大家在寫 CSS 的過程，應該都會經歷幾個階段: 都不太會寫，先找個大家常用的套件 => 你寫的網站好 Bootstrap 開始用一些原生的寫法，寫著寫著就變成龐然大物幾千行的程式碼 開始把 C......