認識 MUKI

MUKIwu (Front-end Designer)
  • 拾木空間創辦人
  • 拾木文具創辦人
  • 資深網站前端設計師
  • 資深技術部落客
  • 網站授課講師
  • 大學約聘講師
  • 作家與譯者

喜愛推廣與學習 HTML, CSS 與 jQuery,興趣是在跨界與自我挑戰中成長,從事過設計、前端、行銷與專案管理等工作;對社群經營與開箱文章撰寫,亦有一定的經驗與水準。

2015 年成立了拾木空間公司,以及拾木文具子品牌,業務包含:網站設計與規劃、企業包班授課、網站顧問諮詢、文具開箱推廣 .... 等等,詳細的內容與聯絡方式,請參考我們的服務項目

拾木文具為台灣最大的文具討論社群,如果您有任何文具商品想要推廣與合作,也歡迎與我接洽。有任何產品的開發需求也歡迎加入我們的行列

擅長技能:Web Design, HTML, CSS


我的部落格

  • 拾木空間正式成立

  • 網站重新改版,再出發

  • omegaM 佈景主題設計中

  • MUKI space* 開站

MUKI space* 在 2008 年的愚人節開站,原本的初衷,只是單純記錄自己的生活跟學習筆記。

但,畢竟從小就是做個人網站起家的,所以很喜歡設計自己的 WordPress 網站,因為 WordPress 的文件與資源非常齊全,所以持續不斷的學習與記錄,不知不覺網站就偏向技術部落格的型態。

部落格兜兜轉轉的開了那麼多年,想過不同的經營模式,最後還是決定回歸初衷,做自己喜歡的設計與主題。在這個個人的小小世界裡,我不想在乎現在流行什麼?或是大家在排斥什麼?
我相信對 MUKI space* 而言,可以做出自己就是最棒的設計,他一定也是這麼想的 :)。

2015 年,佈景 omegaM plus 再進化,決定打破舊有部落格的窠臼,回到我喜歡的個人網站風格,這就是我,這就是我的 MUKI space*!


演講與企業授課經歷

  • 成功大學電腦網路愛好社 WordPress Workshop

  • 中華電信學院企業講師

  • 廣州前端開發者大會

  • 1111 人力銀行企業講師

  • 世新大學企業講師

  • 台北科技大學企業講師

  • Wordpress x Design thinking

主題: Wordpress 網頁架設 講者: 吳姿穎

Wordpress 入門容易,架站快速,為世界上許多網誌、內容網站、購物車之架站選擇。 本次工作坊對象為具備 html/css 基本觀念的學生,計畫邀請具有豐富前端與 Wordpress 開發經驗的 MUKI Wu 吳姿穎,讓參與學員藉實作的方式了解 Wordpress 的佈景主題架構及語法運用,培養內容網頁架站能力。

受邀擔任中華電信企業講師,課程以 RWD 概念與實作為主。以下為針對中華電信客製化的課程內容:

  • 了解流動式排版的組成
  • Bootstrap 介紹與應用
  • CSS media query 應用
  • RWD 網頁排版解析
  • RWD 規劃與經驗分享
  • 開發者工具使用與除錯

應邀參加廣州的前端研討會,也是生平第一次去大陸啊,而且還是一個人搭飛機來回呢,很棒的體驗(笑)

在廣州也聽到了非常多厲害的分享,完全不輸給臺灣呢,在語言相通的情況下,非常開心能有這次機會參與不一樣的前端開發者大會。

這次分享的主題是 RWD 的經驗分享,此外因為有手帳寫真這樣大型網站的製作經驗,所以也將該網站納入這次的主題,跟大家分享實作注意的事情。

受邀擔任 1111 人力銀行的企業講師,課程以 RWD 概念與實作為主。開會了解學員狀況外,以下為針對 1111 人力銀行客製化的課程內容:

  • RWD 基本認識,通用規範與規劃經驗分享
  • Bootstrap Grid 入門與了解
  • RWD 動態元件應用與實作
  • 多種 RWD 版型設計應用
  • transform 動畫原理介紹
  • RWD 總結與注意事項

於世新大學教授學生認識與製作 Wireframe,以便畢業後可以跟企業接軌,認識到科技業工作的流程與分工。

除了授課講解流程外,也讓同學分組做出網站的 wireframe,並在課後簡單的講評。透過這樣的實務練習,可以讓學生更快進入狀況。

從 2013 年開始,2014 年也陸續在世新開了同樣的課程,2015 年暫時休息 :P

在台北科技大學,主要是教授 WordPress CMS 系統,根據學生資歷與門檻,又可分為以下兩大課程:

  • WordPress 基礎建置:認識與操作 WordPress 部落格
  • WordPress woo commerce 購物網站建立與使用

從 2013 年開始,2014 年也陸續在北科開了以上課程,2015 年暫時休息 :P

第一次接觸台灣的技術研討會,就是第一天第一個演講的,完全沒有對照組可參考。

當然,在完全沒做功課的情況下,講的真的非、常、差。但也因為這次的經驗,讓我開始踏入台灣各個技術研討會的圈子裡。

最後奉上 當天演講的影片


著作與譯作

  • 神奇的手帳整理魔法 (暢銷修訂版)

  • WordPress 網站拉皮術(譯)

  • 神奇的手帳整理魔法

  • WordPress 七天速成班(譯)

  • WordPress 部落格架站十堂課 3.0

  • WordPress 博客建設與經營 (簡體)

  • 親手打造部落格的家 WordPress 架站、管理、經營

負責章節:整本書含拍攝

  • Part1 讓一本好手帳 改變你,創造成功行動!
  • Part2 學習的超記憶 考試一百分!筆記整理術
  • Part3 上班族衝衝衝 職人的文具手帳,超活用
  • Part4 旅行的大充電 帶著手帳文具,自由行
  • Part5 創意效率高手 文具術達人的進階心法
  • 增加之前被刪減的章節
  • 增加 MUKI 2015 年手帳規劃大全
  • 增加萬用手冊各品牌介紹與使用

「獨家」:手帳寫真獨家授權,免費線上完整版

負責章節:翻譯整本書籍

  • Ch1 什麼是響應式網頁設計?
  • Ch2 建立基本的WordPress佈景主題
  • Ch3 讓你的主題自適應:基礎篇
  • Ch4 讓你的主題自適應:核心功能
  • Ch5 自適應佈景主題設計:部落格功能
  • Ch6 使用自適應佈景主題架構
  • Ch7 技術與教學
  • Appendix 相關資源

負責章節:整本書含拍攝

  • Part1 讓一本好手帳 改變你,創造成功行動!
  • Part2 學習的超記憶 考試一百分!筆記整理術
  • Part3 上班族衝衝衝 職人的文具手帳,超活用
  • Part4 旅行的大充電 帶著手帳文具,自由行
  • Part5 創意效率高手 文具術達人的進階心法

「獨家」:手帳寫真獨家授權,免費線上完整版

負責章節:翻譯整本書籍

  • Chapter 1-WordPress簡介
  • Chapter 2-域名和虛擬主機
  • Chapter 3-規劃的網站
  • Chapter 4-安裝WORDPRESS
  • Chapter 5-WordPress預設主題介紹「Twenty Twelve」
  • Chapter 6-利用網站進行銷售
  • Chapter 7-找尋佈景主題
  • Chapter 8-推薦主題
  • Chapter 9-增加訪客量
  • Chapter 10-需要知道的技巧
  • Appendix A-網路資源
  • Appendic B-詞彙

負責章節:

  • 第六課 - 出眾的板面特效美技
  • 部落格美化時應該有的基本觀念、為什麼選擇兼顧實用與美觀的jQuery
(此書已絕版)

負責章節:

  • Chapter 6 基本的WordPress使用
  • Chapter 7 不可不知的WordPress 進階功能
  • Chapter 8 改造你的Wordpress 佈景主題
  • Chapter 9 運用css讓你的主題排版更流暢
  • Chapter 10 使用外掛擴充Wordpress功能
  • Chapter 11 絢爛的特效讓Wordpress與眾不同
  • Chapter 12 瞭解部落格受歡迎的程度
  • Chapter 13 推廣你的部落格
  • Chapter 14 SEO的重要性
  • Chapter 15 當部落格開始賺進第一桶金
  • Chapter 16 和社交網站的整合
(此書已絕版)

負責章節:

  • Chapter 6 基本的WordPress使用
  • Chapter 7 不可不知的WordPress 進階功能
  • Chapter 8 改造你的Wordpress 佈景主題
  • Chapter 9 運用css讓你的主題排版更流暢
  • Chapter 10 使用外掛擴充Wordpress功能
  • Chapter 11 絢爛的特效讓Wordpress與眾不同
  • Chapter 12 瞭解部落格受歡迎的程度
  • Chapter 13 推廣你的部落格
  • Chapter 14 SEO的重要性
  • Chapter 15 當部落格開始賺進第一桶金
  • Chapter 16 和社交網站的整合