John's code place

KISS - Keep It Simple and Stupid.

十個步驟搞懂CSS Position

| Comments

十個步驟搞懂CSS Position
範例1: 若要子元素參考父元素的中間, 則父元素要設position: relative, 子元素要設position: absolute並且left: 50% (其餘子元素會往左上縮)
範例2: 若要子元素參考父元素的左邊, 則子元素要設float: left (其餘子元素會往左上縮)

不囉唆直接看圖:
http://www.barelyfitz.com/screencast/html-training/css/positioning/
<div id=”div-before”><p>紫色</p></div>
 <div id=”div-1”>
  <p>黑色</p>
  <div id=”div-1a”><p>紅色</p></div>
  <div id=”div-1b”><p>綠色</p></div>
  <div id=”div-1c”><p>藍色</p></div>
 </div>
<div id=”div-after”>靛色</p></div>

頂尖設計公司進行Brain Storming的七條規則

| Comments

“The Best way to get a good idea is to get a lot of ideas.”
要得到好的點子,首先要獲得很多點子。
「七條原則」:
1、暫緩評論(Defer Judgment)
2、異想天開(Encourage Wild Ideas)
3、借「題」發揮(Build on Ideas of Others)
4、不要離題(Stay Focused on Topic)
5、一次一人發揮(One Conversation at a Time)
6、圖文並茂(Be Visual)
7、多多益善(Go for Quantity)

技術日誌開始啦!

| Comments

我的技術日誌開張了, 今後要繼續加油啦!
常用的Octopress指令:
發表文章: rake new_post[“title”]
預覽文章: rake preview
佈署到github: 1.rake generate, 2.git add ., 3.git ci -m “message”, 4.rake deploy