Bootstrap 4 的 Grid 應用介紹
HTML/CSS
  • 日期：
  • 留言數：0

Bootstrap 4 的 Grid 應用介紹

Bootstrap 4 從去年釋出 BETA 版後，到現在幾乎所有功能都齊全了，官方也釋出了詳細的 BETA...
HTML/CSS
  • 日期：
  • 留言數：0

CSS Flexbox 介紹與解析

老實說我到現在都還沒開始用 flex 做網站，最大的原因就是 IE 相容問題，不過這也不能當作不學習的原因，畢...

inline element 與 padding 的二三事
HTML/CSS
  • 日期：
  • 留言數：3

inline element 與 padding 的二三事

前兩天在台大上課時，剛好提到display的各種形態，然後很嗨森的告訴同學，如果你設定任一元素(element...

SASS, LESS 退散，原生 CSS 可以使用變數啦！
HTML/CSS
  • 日期：
  • 留言數：2

SASS, LESS 退散，原生 CSS 可以使用變數啦！

今天要跟大家分享一個新的 CSS 語法：變數。而且這個變數是原生的 CSS 就有的語法，不是其他預處理器例如...

讓 WordPress 的 RSS Feed 也能讀到自訂的文章類型 (post type)
WordPress
  • 日期：
  • 留言數：0

讓 WordPress 的 RSS Feed 也能讀到自訂的文章類型 (post type)

如果你有使用 WordPress 的自訂文章類型 (custom post type)，應該會發現預設的 RS...

用 Bootstrap 3 製作高度相同的 div (column)
HTML/CSS
  • 日期：
  • 留言數：0

用 Bootstrap 3 製作高度相同的 div (column)

排版網頁時，常常會碰到的一個需求，就是希望左右欄位的高度可以相同。而讓欄位的高度相同已經不是什麼新奇的事了，所...

jQuery Ajax API 實作以及 Template 介紹
JavaScript
  • 日期：
  • 留言數：0

jQuery Ajax API 實作以及 Template 介紹

前陣子在上前端基礎課，有教大家怎麼利用 jQuery AJAX 實現簡單的 CRUD 效果，後來覺得這對初學者...

WooCommerce 系列教學 (3/3)：串接第三方金流
WordPress
  • 日期：
  • 留言數：9

WooCommerce 系列教學 (3/3)：串接第三方金流

WooCommerce 系列教學，預計分為三篇，請參考以下目錄： 安裝與使用 商品上架流程 串接第三方金流(以...

WooCommerce 系列教學 (2/3)：商品上架流程
WordPress
  • 日期：
  • 留言數：5

WooCommerce 系列教學 (2/3)：商品上架流程

WooCommerce 系列教學，預計分為三篇，請參考以下目錄： 安裝與使用 商品上架流程(本篇) 串接第三方...

WooCommerce 系列教學 (1/3)：安裝與使用
WordPress
  • 日期：
  • 留言數：15

WooCommerce 系列教學 (1/3)：安裝與使用

很久以前寫過一篇 WooCommerce 的商品上架流程，但因為圖片都失效了，所以一直把「重寫」這件事情放在心上，但因為有段時間沒碰 WooCommerce...
HTML/CSS
  • 日期：
  • 留言數：1

從 CSS sprite 進化到 SVG sprite

很久沒寫文章了，今天想跟大家分享 CSS sprite、Web icon font，以及 SVG sprite...

初探 Sass Maps 與使用介紹
HTML/CSS
  • 日期：
  • 留言數：0

初探 Sass Maps 與使用介紹

Sass Maps 是 Sass 3.3 版的新東西，我們可以利用它更有效的管理我們的變數；如果再搭配 if/...