鐵人檔案
「勇者...勇者...」耳邊傳來睿智長者的輕語
「我...我這是在哪？」勇者感到不解
「我剛剛不是才在Monospace喝著有獸醫把關牛乳，怎麼現在出現在這裏？」
看著四周環繞者一堆張牙舞抓、蓄勢待發的iT鐵人，勇者不禁嘎了一下冷筍，將褲頭往上勒緊了些
「歡迎來到第九屆iT鐵人賽！」台上穿著制服的女性機器人立刻吸引了大家的目光
「那可是全球限量的機器人呢！」
「據說那是iT邦老闆的私人珍藏呢！」
女性機器人的出現讓台下引起一陣不小的騷動
「你們將要挑戰自我，參加一項為期30天的鐵人競賽，勇往直前吧！鐵人們」
我叫Jason
剛接觸網頁前端30天
未來的三十天請多多指教
隨著響亮的哨音，iT鐵人們開跑了。Hello，大家好，我是Jason。這是我的第一篇文，如果有寫錯的地方、或比喻失真的情形，可以直接跟我說，謝謝。
Sublime Text and Visual Studio Code 在邁向前端的路上，相信很多人一開始並不知道有這兩個軟體，有些人買了教學影片、有些人買了參...
Emmet的介紹與使用～好Emmet，不用嗎？ 前一篇提到，我們要用VS code跟前端進行第一次接觸了，一開始遇到html，想必沒有人提醒的新手一開始都是一個...
DevTools，前端不可或缺的小夥伴！） 開發人員工具DevTools，前端不可或缺的小夥伴！ 昨天帶大家做了一遍emmet，今天我們要來學習使用開發人員工...
如果說html是骨架，那CSS就像是外皮，首先我們先在css資料夾下建立一個style.css，然後在html檔的內加入下列，就可以讓html導入在css資料夾...
當我們把裡面的資料填上，將進入還記得第一次進入body寫的是hello world，但是這次，我們可以開始模仿一些網站的樣式，這叫做切版。 那些太艱深的網頁我們...
還記得昨天說到用position:absolute;時，寫在越後面的element會排列在越上面，今天要來講float，就不得不先讓大家了解一下z-index了...
首先，我們先上圖吧！ 看到這個畫面是不是很懷念？曾經在畢業影片製作的時候，不斷地輸出影片。把資料夾裡面用的滿滿是影片，一直排序，排序出只有自己懂的名稱。 而在我...
緊接著我們繼續介紹分支branch首先先上圖！ 可以看到除了藍色的master，還有一個紅色的分支。（理論上會是兩條分開的線，只是我把他merge回去了。）創...
由於前兩天已經介紹了git，今天就把github一起介紹了吧！由於現在開始和別人一起合作，所以不能只有自己用git自己玩。因此在學到git的時候也會接觸到git...
