iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

前端路上那些重要與不重要的小事 系列

參加鐵人賽是希望能記錄一下一直以來的經驗,也訓練自己練習持續寫文的能力,所以文章是寫給自己看的成份居多,如果也能幫助到剛進入網頁設計的新手們就更好囉。

鐵人鍊成 | 共 30 篇文章 | 116 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第一屆鐵人賽
DAY 21

達標好文 Day21:小事之 CSS Reset 與 CSS normalize

為什麼會想介紹 CSS Reset 與 CSS normalize ? 因為在很久很久以前(喂~)。咳!重來。 在 W3C 制訂 HTML 與 CSS 規格時,...

DAY 22

Day22:小事之 Media Query

Media Queries 中文翻為『媒體查詢』,作用在偵測輸出裝置,它是由一個媒體類型(media type)與零到多個用於檢查特定條件的媒體功能(media...

DAY 23

Day23:小事之 CSS hacks

在各家瀏覽器開始出現的時候,除了不同瀏覽器與 IE 各版本間的不相容需要使用 reset.css 或 normalize.css 來進行最初的調整之外,最讓人頭...

DAY 24

Day24:小事之 CSS 偽類 與 偽元素

先來個比較表 . 符號 . . 作用 偽類 : 不是元素 不會出現在 DOM tree 用於定義元素的特殊狀態 偽元素 :: 是元素 會出現在...

DAY 25

Day25:小事之 CSS 偽元素 與 content Property

W3C 寫道:content 屬性與 ::before 和 ::after 一起使用在文檔中生成內容。 因此,使用 ::before 和 ::after 一定要...

DAY 26

Day26:小事之 多重背景與漸層背景 CSS3 Gradients

多重背景與漸層背景是 CSS3 才開始有的背景屬性 瀏覽器適用前綴 Google Chrome 與 Apple Safari 使用 -webkit- Mozil...

DAY 27

Day27:小事之 Transition 與 Animation

CSS3 中有兩個用來做動畫的屬性,一個是 Transition,另一個是 Animation 差異比較 CSS3 差異 Transition 在...

DAY 28

Day28:小事之 jQuery 選擇器

jQuery 是一個快數、小巧、功能豐富的 JavaScript Open Source library,主要是用來操作 DOM ,包含快速選取一個或多個來做一...

DAY 29

Day29:小事之 jQuery 寫法與 jQuery plugin

前一篇講了所有的選擇器,今天來說明一下 jQuery 基本的寫法,與幾個好用的 plugin。 寫法 $('CSS Selector').要做的事(); 例...

DAY 30

Day30:小事之 心得、目錄與推薦

心得與感謝 感謝這次一起參加鐵人賽的好想工作室夥伴,真的覺得有跟你們一起參加才能寫完三十天。 還要謝謝在這裡與在FB替我加油打氣的大家。 也謝謝 Amos 跟我...