圖片可以說是 HTML 元素中以不受控出名的元素了，在預設情況下，完全不受父容器影響，以下就來看看有哪些方法讓圖片依照你的想法變化吧。

軟體開發

我要成為切版魔法師 #2 - 讓圖片乖乖聽話的 3 種方法

要改變表單元素的樣式其實相當麻煩，有些樣式還不能更改，這篇就來探討如何把它們改成喜歡的模樣吧。

創作

學習

我要成為切版魔法師 #4 - HTML 表單樣式變變變

一個超簡單就能達到滾動視差的套件 - AOS

職場產業

音樂藝文

來點動態和互動，讓網頁動次動 #1 - 視差滾動與 AOS 套件

JavaScript 的型別可以分為兩類，分別是原始型別與物件型別，這邊主要談的是 ES6 的寫法。值得注意的是，JavaScript 變數本身不帶有型別，值才有。

JavaScript - 談談資料型別

以往寫網頁經常使用到 Google Fonts 裡的 Material Icons 服務，但大多都是直接引入預設設定，最多就是在官方提供的簡易編輯器做一些 icon 樣式填滿、線框的調整而已，仔細看了官方文件之後，才發現原來還有一些設定可以做調整，使用上更加彈性，因此寫了這篇文章記錄下來。

在網頁中加入預設或自定義 icon 通通搞定 - Material Symbols 使用攻略

除了常見的 Material Icons 和 Font Awesome 提供免費圖示資源，現在又有 「icofont」可以引入 icon 到網頁中了！目前看網路上對它的討論較少，這篇主要會來談談它引入到網頁的方式。

科技

網頁的免費圖示資源又多了一個選擇，一起試試看 icofont 吧！

題目：完成解決方案，當第一個參數（String 型別）以第二個參數結尾時（也是 String 型別）返回 true。

國際

#10 Codewars - String ends with? (7 kyu)

在談到閉包前，要先談談範圍鏈，在 ES6 以前，變數透過 var 宣告，當時切分變數的最小單位為「函式」，有以下特性需要留意：內層可以取得外層的變數，但外層無法取得內層變數，在「定義」函式時就決定了範圍鏈，而非執行時

親子與教育

JS 學習筆記 #2 - 閉包 Closure

這篇主要會透過 CDN 引入 Material Icons，並補足官方文件裡只有提到 Filled 類別的引用方式，但沒有提到其他類別，像是 Outlined、Rounded、Sharp、Two tone，另外還會提到如何透過偽元素加入 Material  Icons，現在我們就來看看如何引入吧！


Material Icons CDN 引入全攻略 - 引入各種類別的 Icon

切版有許多眉角需要注意，來探討那些經常導致切版結果與設計稿產生落差的原因。
一、文字的高度本體是 line-height：🔍 文字所佔據的高度不是由font-size決定，而是line-hight。一開始練習切版時，都想著設定好字的尺寸和字重就 ok 了吧？殊不知這是造成切出來的網頁與設計

我要成為切版魔法師 #3 - 揪出網頁切版與設計稿有落差的元兇

正在一點一滴學習程式，相信知識量總有一天會匯聚成大海，目前專門研究前端中。

文科腦程式之旅

目前尚無內容