Loading...
All Posts By

Dez

技術筆記

Webpack 新手入門:模組打包工具的用途及 Webpack 工作方式的基本觀念

Webpack 是什麼?Webpack 是一個「模組打包工具」(module bundler)。你可能又會接著問,那什麼是模組?什麼是打包?這篇文章我們會由淺入深地理解這些問題,並了解 Webpack 的用途及它的基本觀念。

Posted on 
Jul 27, 2020
  by
Dez
Read More
技術筆記

Sass/SCSS 基本語法介紹,搞懂CSS 預處理器

現今較為主流的 CSS 預處理器有三種,分別是 Sass/SCSS、Less、Stylus,其中的 Sass/SCSS 是目前最多人使用也相對較成熟的選擇。CSS preprocessor(CSS 預處理器)可以說是 CSS 語法的擴充,CSS 預處理器中新增了變數、混入、繼承、嵌套等寫法,讓開發者可以更有結構地撰寫簡潔、清晰且好維護的 CSS 程式碼。

Posted on 
Nov 13, 2019
  by
Dez
Read More
技術筆記

RWD教學入門:響應式網頁設計的實作方法

RWD(Responsive Web Design)中文翻作「響應式網站設計」,是一種為了讓網頁在各種尺寸的裝置下,畫面都能呈現合適比例的設計原則。本文將嘗試用簡單的方式,由淺入深來介紹 RWD。並介紹RWD實作工具像是Flexbox、Grid、或使用 CSS 框架實作 RWD,例如 Bootstrap。

Posted on 
Sep 12, 2019
  by
Dez
Read More