前情提要 昨天 Day17 我們已經讓食物可以隨機產生，食物還會炫砲的發光，蛇也可以順利吃到食物，而且吃到之後身體會變長，速度會變快。 但是讓蛇這樣一直吃下去，...
今天分享的是檔案的分類和檔案的大小。 有秩序的分類跟縮小檔案容量雖然都是小事情， 可是隨著專案時間拉長，內容增加的時候就越顯重要。 今天分享的是檔案的分類和檔案...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...
前言 終於到了這次鐵人賽最後一個遊戲，經歷一番東挑西選及天人交戰之後，最後選定了這個遊戲，記憶方塊(Memory Blocks)。 這個遊戲也是很經典的童年回憶...
大綱 上一篇把環境都建立完成後，今天要來做客製化，但在這之前，先來說明一下為什麼要客製化，以及為什麼會把客製化放在前面。 由於這一次的挑戰是以設計師角度去做，因...
塞這主題是為了完整性但我其實沒什麼資格來介紹這兩大topic就是所以只會從工程師的觀點來講連假偷懶一點吧 ＵＩ是 user interface所以通常是與客戶接...
「電力需量控制系統」是啥？IT 界的人知道嗎？應該是「電控」的世界吧！ 幾億的經費誰不眼紅，管他原來熟悉哪一領域，大家各顯神通。 雖然系統規格中有個「監視網頁」...
情境 當我們內容超出頁面的時候，我們會設置滾動條。上個單元中，我們介紹了使用 auto 來設置，避免不需要的時候還出現滾動條： .card { overfl...
選擇器學不好，要飯要到老（誤）我認為學好CSS選擇器對於網站效率有很大幫助，當然這點我也還在學習當中。 以下是紀錄CSS的選擇器，文章若有謬誤還請不吝指正m(_...
字體如果沒有授權問題，是否能夠直接嵌入於網頁之中呢？（請注意：大部分中文字體都會有授權的問題） 當然是可以的，英文網站中許多都會使用自訂的字體，但中文字體可就沒...
上星期趁比較有點時間，趕快把網頁更新了一下，自覺很有效率而沾沾自喜，沒想到上星期五下午研習的時候，資訊組長宣佈了學校網頁即將改版，也就是說，整個網站的架構要換新...
愛美是人的天性，版面漂漂亮亮不用說，原始碼當然也要整整齊齊，除了（程式）看著心情好比較不會找你麻煩（喂）以外，除錯也比較容易。 愛美是人的天性，版面漂漂亮亮不用...
在真正動手做網站前，我想記錄並釐清一些觀念， 或許不是相當完善，也希望訪客們能給予指教。 在真正動手做網站前，我想記錄並釐清一些觀念， 或許不是相當完善，也希望...
簡介 今天會講一下在設計前要怎麼建立環境，畢竟在設計前還是要先備好畫布嘛，但畫布的尺寸要怎麼挑選呢？所以下面會簡單講一下怎麼根據瀏覽器的尺寸和Bootstrap...
開始 今天我做好了網站的搜尋引擎，跟部份的頁面排版，正在做的是管理員的管理介面。 程式碼 我網頁排版是用Bootstrap套的，目前我先將區塊畫出來，也後再補色...
定義玩基本要素如文字、色彩、空間等等後，就可以開始定義常用的「元件」，而每一種應用程式、環境都具有固定會不斷出現的 UI 元件，如桌面系統的應用程式會有固定的導...
http://www.carce.cc/goodcar 這是一個有趣的網頁 聽說目前爆紅 成本相當低(據說是NTB2000) 效果聽說很好 參考看看囉
到目前為止，我們伸縮自如的圈圈叉叉遊戲已經很像樣了，但是目前判斷勝負的工作還是需要玩家自己來判斷。我們希望電腦可以幫助我們判斷勝負，這樣就不用自己在那邊算自己是...
團隊開發網站分工：前臺、後臺、美編、資料庫、SEO、廣告AE、使用者經驗分析… 我就一個人開發網站，美編平面找他人協助，剩下全部包辦，所以我主攻「網站資料庫應用...
前情提要 昨天我們做了下列這些功能 可以產生題目 generateLevelData() 可以循序播放題目音訊 playLevelSound(levelDat...
開始執行設計時，除了要明確了解目標外，另一重點則是需要大量的想法及設計參考，假設需要製作遊戲類型的網站，那麼就需要先了解該類型的風格、配色、變化性等等，缺少這些...
所謂的三思而後行是指在寫之前要考慮一些小事，像是瀏覽器的支援度或是避免Html的錯誤。 所謂的三思而後行是指在寫之前要考慮一些小事，像是瀏覽器的支援度或是避免H...
網站架設 網站架設其實就是這三步驟: 網域註冊 ➞ 網頁設計 ➞ 主機空間租用，網站架設看似簡單，但其實每個步驟都需經歷各種怎麼做才有助於網站經營的考量.......
記憶方塊是結合視覺和聽覺的記憶遊戲，今天我們要來做音樂的播放以及對錯的判斷。 產生題目 首先，我們要來產生題目並且播放題目，記得在 Day22 的時候我們有說明...
前情提要 今天我們要來實作記憶方塊的主畫面區塊，在昨天的努力之下，我們已經把區塊都規劃好了，接下來就是要把我們的方塊畫上去。 由於前兩個遊戲 Tic-Tac-T...
開發、設計時我們會盡可能站在用戶的導向做思考，當中也會腦補許多行為，如： 字要小才會顯得精緻 輪播 Banner 很吸睛，最新消息放在上面大家都會看 說明要拆...
情境 我們先前也提到一些圖片處理的相關防禦性 CSS，例如關於圖片比例的 object-fit 等等。這些屬性能夠幫助我們在圖片容器改變的時候，防止圖片的比例變...
本文將教授如何使用程式製作一個簡單的點名網頁。透過這個點名系統，你可以方便地管理你的學生出席狀況，並且隨時查詢歷史出席紀錄。我們將使用 Google Apps...
前言 今天來討論前端RWD的套件、表格的套件、圖表的套件分別有哪些好用的、可以當作參考。目前js相關的前端套件非常多，使用者可以依據自己的需求進行選擇，有些為擴...
http://7club.ithome.com.tw/article/10037030/1 http://7club.ithome.com.tw/article...
Taiming
tpodomoto
iamya
烙詩
Mike Fang
iknowlab
卡斯伯
yakelu
Luis-Chen
JYHsu
iThome鐵人賽
看影片追技術