鐵人檔案
我是一個剛踏入前端不久的新手，在接觸新的觀念及技術時，常常會有"wow~原來是這樣啊" 的感覺，希望可以透過這30天，透過教學重整頭緒，把那些曾經我覺得很疑惑，到後來 wow~ 的事情記錄下來跟大家分享。
抉擇從來不難，難在下定決心執行 開始之前，說說自己 踏入前端可能從來不在以前的自己想像中，也不會是長期規劃後的結果。大約兩個半月前，我還在前公司擔任 IE 工程...
工欲善其事，必先利其器，來準備一下你的工具吧 剛開始學習的時候，除了需要瞭解最重要的程式語法外，還必須知道一些工具，讓你啓程。 首先最最最重要的就是編輯器了！！...
古人有云：「先謀定而後動，則無往而不勝」動手前，先想一想，你要切的版是什麼樣子的？ 好，那麼，假設你看了一些文件，也試著打開記事本(我一開始真的是用記事本，之後...
讓我們來打開神祕小盒子，一探究竟。 在排版時，我們習慣將每一個區塊看成一個盒子來進行排版，排版結果由盒子性質及大小決定，而盒子大小受盒子相關屬性及計算方式影響，...
打開每一個網頁，百分之 99.999999999 一定會有 header ，那我們就來切一個吧! 在切版的學習過程中，就是一直找東西來切，切久了就會從各種狀況中...
常常聽到響應式網頁，但是怎麼做呢？ 響應式設計(Responsive web design)指的是使網頁內容在不同裝置下，都可以呈現出適切的內容。在說明如何設定...
考慮 RWD 網站中，一定要來一個美味的漢堡！ 第一次聽到前輩跟我說可以在手機面板時考慮把選單切成漢堡，我心裡真的只有那好吃香香的漢堡啊~就是這個啊~ 所以~...
陰影在很多版型中都會出現，那麼它到底如何設定的呢？ 陰影可以讓畫面上的靜態元素看起來更立體，或是也能利用陰影增加與使用者之間的互動性。首先我們來看看它可以被設定...
利用僞元素爲你的頁面在添加點東西吧 初接觸僞元素時，覺得有點不直覺，但後續發現它真的滿好用的，很值得好好瞭解它。那麼~什麼是僞元素呢？其中的 " 僞...
在網頁中常常會需要各式各樣的圖片，如何讓它按照你的想像，好好呈現在網頁上呢？ 讓圖片呈現在網頁上，一般我們會想到使用 img 標籤。我們先試試看最單純的一張圖片...
