CSS, HTML, Vue.js, 基礎, 教學Tutorial Vue.js入門:英文2000字互動遊戲網頁 你多久沒鍛鍊英文了呢?這次直播使用HTML(Pug)CSS(Sass)以及Javascript(Vue.js)來完成一個練習2000字英文單字的小互動遊戲網頁,難度適中,尤其適合剛開始學習Vue.js的新手,無論是跟著步驟逐步操作,或是聽老闆的影片都能快速完成。繼續閱讀2021 年 8 月 26 日
CSS, HTML, Vue.js, 基礎, 教學Tutorial Vue.js入門:製作iOS風格的動態月曆與待辦清單網頁 手機裡的動態月曆.只消一指就可以增加或是刪除行程,有想過要怎麼在網頁上實現嗎?老闆利用簡單的動態網頁範例和步驟解說,帶你一步步踏進Vue.js的世界。繼續閱讀2021 年 8 月 16 日
CSS, HTML, Vue.js, 基礎, 教學Tutorial Vue.js入門:完成懷舊的井字圈叉遊戲動態網頁 小時候都玩過圈圈叉叉的遊戲,隨手畫個井字就可以與玩伴鬥智,這次我們要利用Pug、Sass及Vue.js製作出這款動態小遊戲網頁啦!繼續閱讀2021 年 8 月 10 日
Animation, CSS, HTML, Vue.js, 基礎, 教學Tutorial 利用Pug(HTML)、Sass(CSS)及Vue.js製作動態時間軸年表(直播筆記) 不論個人或是品牌,都需要讓網站造訪者快速暸解你的歷史發展,時間軸年表是一個常見且好用的表示方法。利用Pug(HTML)、Sass(CSS)及Vue.js製作出一個屬於你的動態時間軸年表吧!繼續閱讀2021 年 8 月 4 日
XR, 靈感Inspiration AR/VR/MR/XR這麼多RRRR,簡單搞懂你也可以快速成為科技人 本篇文章以簡短篇幅解釋AR、VR、MR、XR這四個R的實境科技的不同以及相關案例,除了提供簡單的區分方式,從此不會再搞混之外,也希望藉此鼓勵多加嘗試不同的作品體驗。繼續閱讀2021 年 7 月 29 日
D3.js, Data visualization, 教學Tutorial 用D3.js製作視覺化的日常作息方塊圖(直播筆記) D3.js工具可以把大筆的資料視覺化呈現於網頁上,本篇文章利用淺顯易懂的解說,一步步寫出如同Google日曆般的日常生活作息方塊圖。繼續閱讀2021 年 7 月 23 日
p5.js, 教學Tutorial 【p5.js創作教學】Quantum Unstable 量子不穩定 – 發光糾纏的量子系統 利用p5.js製作出變形的同心圓動態,沒有特別的創作點子時就隨意調整、利用不同的變數增加變化,終究會等到那個靈光一閃,增加許多畫龍點睛的細節,打造出科技HUD風格的量子系統作品《量子不穩定Quantum Unstable》繼續閱讀2021 年 7 月 19 日
Vue.js, 教學Tutorial, 進階 用Vue.js做快速換色與整理的便利貼牆吧!(下)(直播筆記) 需要發想靈感、紀錄個人代辦清單,或和他人討論嗎?製作一個能夠自由編輯、增刪、變色、拖曳編排的便利貼牆網頁,多個願望一次滿足。下集將便利貼牆美化、功能變得更完善,更連結firebase即時資料庫,再多張便利貼也不怕。繼續閱讀2021 年 7 月 9 日
HTML, Vue.js, 教學Tutorial, 進階 用Vue.js做快速換色與整理的便利貼牆吧!(上)(直播筆記) 需要發想靈感、紀錄個人代辦清單,或和他人討論嗎?製作一個能夠自由編輯、增刪、變色、拖曳編排的便利貼牆網頁,多個願望一次滿足。上集我們使用Pug、Sass及Vue.js刻出便利貼的基本功能。繼續閱讀2021 年 7 月 5 日