用Vue.js做快速換色與整理的便利貼牆吧！（上）（直播筆記）
需要發想靈感、紀錄個人代辦清單，或和他人討論嗎？製作一個能夠自由編輯、增刪、變色、拖曳編排的便利貼牆網頁，多個願望一次滿足。上集我們使用Pug、Sass及Vue.js刻出便利貼的基本功能。
繼續閱讀
教學Tutorial
使用Vue.js建立一個sass色票卡視覺化網頁（直播筆記）
寫網頁的時候，單看sass變數的程式碼，會不知道色碼是不是合適的嗎？老闆帶你一小時就能利用Vue.js快速建立好視覺化色票卡小工具。文章會從一開始雛型的設計稿發想，一步步教你如何完成工具。
繼續閱讀
【p5.js創作教學】Aqua Planet 水色星球 – 來製作發光碰撞的行星吧！（直播筆記）
利用p5.js程式一步步創作出會發光的水色星球粒子，並且增加弧形軌跡、連線、外圍刻度尺規等細節，讓整件作品完整且耐人尋味。
繼續閱讀
【p5.js創作教學】來畫一個瘋狂的龍捲風吧！（直播筆記）
身為台灣人可能沒親眼看過龍捲風，但也大概它知道長甚麼樣子，威力又有多強大。今天我們要利用p5.js來完成瘋狂的龍捲風捲起乳牛與房屋的一張動態圖片。
繼續閱讀
用p5.js玩創作，讓小機器人動起來！哲宇的互動藝術體驗（直播筆記）
Creative Coding並沒有你想像中的複雜，本篇文章將循序漸進地帶領你用p5.js慢慢畫出會動的機器人，並使用時間參數及亂數大量複製，加上與滑鼠的互動，成為一幅可愛的互動藝術作品。再加碼收錄老闆於直播時的Q&A，邀請你一同進入互動藝術創作程式的世界。
繼續閱讀
來用可怕的三角函數做網頁吧! -Part 2科幻時鐘（直播筆記）
上一篇中，老闆利用三角函數幫 DOM 做 CSS 的絕對定位，這次我們雖然也是使用三角函數，但是改使用 canvas 在網頁上繪圖，製作科幻效果的時鐘。
繼續閱讀
來用可怕的三角函數做網頁吧! – Part 1 衛星繞月球（直播筆記）
在這篇文章中，會先詳細介紹三角函數的計…
跟貓借一隻手：召喚效率小幫手－變數（互動藝術創作分享教學）
在前一篇文章中，我們透過逐一設定每顆氣…
JS及網頁的模板好夥伴：Canvas sketch入門
哈嚕，我是陳柏文，目前在陽明交通大學人…
讓我們來快速寫個漂浮感的輪播吧！動態網頁程式教學（直播筆記）
相信大家對於輪播一定不陌生吧，在各大官…