前端三分鐘

不會寫程式也可以架設網站甚至賺錢?! 隨著科技的進步，答案是可以的。 近年來各種軟體都轉換成服務的形式 (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......

隨著 CSS 開始越來越複雜，由於 CSS 語法受限而發展出了 CSS Pre-/Post-processors (預處理和後處理) 來拓展和優化寫法。 什麼是 Preprocessor (預處理器)CSS 預處理器是個能透過該預處理器語法，產生純 CSS 的程式。 CSS 預處理器主要有 Sass/SCSS、Stylus、Less 三種。 處理器會加入 CSS 所沒有的......

本篇文章將提到怎麼透過 BEM、SMACSS、OOCSS、Atomic CSS 的特性來: 縮短開發時間 減少需維護的程式碼 結構與樣式 CSS 選擇器和規則們就像女孩化妝桌上的化妝品們，桌上總是放著各個種類，數也數不清大罐小罐擠的噴的擦的，在沒有預備知識和整理規劃的情況下，若要一個男孩子短時間搞清楚簡直是天方夜譚。 當交接新專案的時候看到幾千行的樣式檔大概也是這樣的心情，一般專案在未規......

CSS 層疊樣式表CSS (Cascading Style Sheets) 層疊樣式表，不像 HTML 一樣是標記語言，也不是標準的程式語言，但在 SCSS、CSS in JS、CSS Module 的出現後也可以用程式語言和架構的角度來看待。 CSS 就像是女孩子的各種化妝品，將臉上的各個部位進行妝點，網站透過 CSS 易容術後通常會是煥然一新的樣貌。 CSS 主要會透過 DOM 的選擇器......