offset - 等同於排版時的margin-left,可用來調整Grid的位置。
範例介紹:
pull&push - 若是要有左右交換的情境時,使用的方式會是利用pull&push
範例介紹
chlntng129 發表在 痞客邦 留言(0) 人氣(938)
chlntng129 發表在 痞客邦 留言(0) 人氣(663)
上禮拜去上Muki老師的RWD時,老師整理出網站類型的版型,不外乎就是以下五種。
來紀錄一下。
1. Mostly Fluid - 最常見的RWD版型排列方式,範例codepen - http://codepen.io/bradfrost/full/Iardn
2. Column Drop - 三欄式(多欄)的樣式。
4. Tiny Tweaks - 為直版式(一頁樣式)。
5. Off Canvas - 有側邊資料滑動式。最著名的就是FB的樣式
以上資料均為Muki課程資料,僅作紀錄用。
chlntng129 發表在 痞客邦 留言(0) 人氣(486)
記得一開始搜尋RWD相關的資料時,大家的第一步都是說META 標籤的Viewport。
那我也來計錄一下META標籤應該怎樣使用。
Viewport
chlntng129 發表在 痞客邦 留言(0) 人氣(502)

今天作業時,遇到了一個需要轉存108張的圖層文字。
原本要使用批次轉存的方式,可是想想卻覺得好像無法使用批次轉存,因為108個圖層在同一個檔案中。
所以,今天嘗試了新的方式,即在PS的檔案 --> 程式碼 --> 將圖層轉換成圖片
chlntng129 發表在 痞客邦 留言(0) 人氣(11,907)

接觸網頁設計已經兩三年了,一直有聽到sass scss 之類的撰寫css的工具。
去年底總算安裝環境使用它了。
但是,一開始的接觸真的是很不好的回憶,第一、二個總是一半就放棄又用回純css的語法。
chlntng129 發表在 痞客邦 留言(0) 人氣(146)
先計錄一下。別人分享的Loading樣式。
http://www.cnblogs.com/lhb25/p/loading-spinners-animated-with-css3.html
chlntng129 發表在 痞客邦 留言(0) 人氣(97)
從前遇到這樣的換圖樣式,都會使用DW內建的方式,就讓程式碼又臭又長。
學習了JQUERY後,使用Jq的hover 短短的幾行,就可以完成了。
chlntng129 發表在 痞客邦 留言(0) 人氣(5,453)

最近製作網站上,越看捲軸越不順眼。
看到了FB的前台顯示功能,滑進區塊中有捲軸的才會顯示,移出就又消失了。
於是,就開始尋找套件,對!就是套件(因為不會自己寫咩)
chlntng129 發表在 痞客邦 留言(0) 人氣(920)