iT邦幫忙

鐵人檔案

2013 iT 邦幫忙鐵人賽
回列表

CSS沒有極限 系列

CSS不斷的進化及改變,在過去所遇到的問題、解決方式現在都有著不同的解決方法。在接觸網頁設計一年多,不斷的學習CSS技術,到頭來發現這項技術是沒有極限的,每天都出現新的效果、語法,但這也是CSS迷人之處,在這30天中,將分享這一年中所研究的CSS。

鐵人鍊成 | 共 41 篇文章 | 80 人訂閱 訂閱系列文 RSS系列文
DAY 35

CSS3 垂直文字書寫

html最早都是應用於拉丁文上,而拉丁文主要是水平由左到右的書寫方式,而到了其他的語系國家,文字也只能用水平由左到右的書寫方式;而漢字是屬於垂直書寫由右到左的書...

2013-10-20 ‧ 由 卡斯伯 分享
DAY 36

達標好文 淺談CSS Grid system

相信許多設計師或是工程師都有用過bootstrap,他是一套Css framework,裡面提供相當大量的樣式讓使用者可以撰寫較少的CSS就可以獲得不錯的效果。...

2013-10-21 ‧ 由 卡斯伯 分享
DAY 37

達標好文 CSS - 伸縮自如的Flex box

Flexbox是css3的新的排版方式,過去排版主要是利用table、box、inline、float、position等等做排版,而這些都不是設計為了豐富的網...

2013-10-22 ‧ 由 卡斯伯 分享
DAY 38

CSS - 伸縮自如的Flex box (2)

從上一篇可以了解到,flex和過去的比較起來,是相當具有彈性的,不只能像百分比一樣,還可以與固定像素配合,有效提升排版的豐富性。今天要介紹它更多樣的屬性值。 c...

2013-10-23 ‧ 由 卡斯伯 分享
DAY 39

CSS - display: box 與 display: flex

CSS範例:[http://ashareaday.wcc.tw/#2013-10-24 ](http://ashareaday.wcc.tw/#2013-10-...

2013-10-24 ‧ 由 卡斯伯 分享
DAY 40

CSS - Flex的排版方式

css 範例:http://ashareaday.wcc.tw/#2013-10-25 flex是用來排版的CSS屬性,在本章就用所了解的flex來排版看看,並...

2013-10-25 ‧ 由 卡斯伯 分享
DAY 41

CSS - Flex的對齊

今天參加了MOPCON,所以來介紹簡單一點的。承前篇,Flex是為了改善過去的CSS2排版模式所衍生出的新語法,本章則要介紹他的對齊方式。 CSS範例:http...

2013-10-26 ‧ 由 卡斯伯 分享
DAY 42

CSS - 利用jQuery套用Class(超簡單!)

CSS是專門處理網頁的樣式,在互動的部分都會使用javascript,雖然本網站之前的許多互動範例是純CSS,但會有相容性上的問題,而要簡易方式去寫互動的元件,...

2013-10-27 ‧ 由 卡斯伯 分享
DAY 43

CSS - 利用jQuery套用Class(2)

承上篇,學會jQuery可以用較少的程式碼控制本身的元件(真的是write less, do more),而本篇要分享給大家的是利用jquery控制其他物件,如...

2013-10-28 ‧ 由 卡斯伯 分享
DAY 44

CSS - pure CSS 星球公轉(3D)

CSS效果:http://ashareaday.wcc.tw/#2013-10-29 (建議chrome) 有些時候技術光學習還不夠,必須想一些作品來實作,而這...

2013-10-29 ‧ 由 卡斯伯 分享