CANNY的私藏地圖

網站上線之後，嘗試在Google搜尋，才發現還有好多事要做喔!
 

(繼續閱讀...)

Canny 發表在 痞客邦 留言(1) 人氣()

Canny 發表在 痞客邦 留言(0) 人氣()

之前公司要向中華電信租用虛擬主機的時候，我想說我公司電腦是用WINDOWS系統，就租用了WINDOWS，後來才知道要用LINUX才能使用PHP，還好做這樣的更改是不用再收取費用的。
要怎樣才能知道主機有沒有支援PHP呢? 可以先寫個簡單的測試頁面放在主機上

(繼續閱讀...)

Canny 發表在 痞客邦 留言(0) 人氣()

這裡是視覺設計師臨危受命，利用三個月時間自學，完成公司形象官網的一些筆記，主要是怕自己之後又忘記了，也分享給同是網站設計的新手，由於是剛接觸網頁設計的小白，很多程式碼都是Google+ChatGPT拼湊來的，所以不要問我原理阿!

另外，以下所分享的程式碼均有整合Bootstrap框架
網路上分享的hover圖片顯示不少，但是因為我使用Bootstrap框架中的卡片(card)文件，要避免圖片放大後超出卡片範圍，所以花了一些時間才做出一個稍微滿意的作法，另外是在圖片放大縮小的絲滑度上比較難掌控，而透明度的變化，相對來說簡單很多
程式碼在此 http://codepen.io/Canny-Huang/pen/rNgaqXz
特別想說明一個 Bootstrap 的類別，lh-* 這個行高通用類別，它可以改變文字段落的行高。上圖右一就是使用了 lh-sm 這個類別。
另外，Bootstrap好像沒有讓文字左右貼齊的類別(上圖左一)，所以使用CSS新增了 text-align: justify; text-justify: inter-word; 的程式碼

(繼續閱讀...)

Canny 發表在 痞客邦 留言(0) 人氣()

這裡是視覺設計師臨危受命，利用三個月時間自學，完成公司形象官網的一些筆記，主要是怕自己之後又忘記了，也分享給同是網站設計的新手，由於是剛接觸網頁設計的小白，很多程式碼都是Google+ChatGPT拼湊來的，所以不要問我原理阿!
另外，以下所分享的程式碼均有整合Bootstrap框架
網頁上想要多點變化，不想要方方正正的色塊或圖片，可以怎麼做呢?
首先到這個CSS clip-path maker網站http://bennettfeely.com/clippy/ ，拖拉出想要的形狀後，複製code
我試了兩種方式
第一種是在CSS屬性中設定background-image
程式碼在此 http://codepen.io/Canny-Huang/pen/YzMqRZX

(繼續閱讀...)

Canny 發表在 痞客邦 留言(0) 人氣()

這趟泰國9天旅行.扣除星期一到五要上夏令營.
星期六抵達曼谷後.星期天還有一天空檔

(繼續閱讀...)

Canny 發表在 痞客邦 留言(0) 人氣()

星期五下午夏令營課程結束之後.我們就包車前往Pattaya
這次包車是用以下這個網站預定的.

(繼續閱讀...)

Canny 發表在 痞客邦 留言(0) 人氣()

由於這次兒子上課的夏令營位於曼谷的Thong lo區.
所以我們選擇的三間飯店也都位於此區.這樣也好.

(繼續閱讀...)

Canny 發表在 痞客邦 留言(0) 人氣()

之前就聽朋友說可以帶孩子到長灘島上夏令營.媽媽就可以在飯店放鬆耍廢.
這對職業婦女來說.是多奢侈的享受呀!

(繼續閱讀...)

Canny 發表在 痞客邦 留言(0) 人氣()

Stark喜歡探險活寶.所以這次的萬聖節遊行.就來打扮成阿寶吧!

衣服我是買現成的.找類似的顏色即可.白色襪子也是不可或缺的!
衣服上的老皮.是買絨布娃娃縫上去的.不過我有先把棉花取出.
有棉花是鼓鼓的很可愛.可是太重了.我怕小孩不舒服.....
當初製作的時候沒有拍照留底.只好事後用示意圖了.希望大家看得懂!

(繼續閱讀...)

Canny 發表在 痞客邦 留言(0) 人氣()

Canny 發表在 痞客邦 留言(0) 人氣()

清明假期.難得到台中一遊.姐姐帶我們走路到家附近的小店吃午餐.門面就很漂亮
 

(繼續閱讀...)

Canny 發表在 痞客邦 留言(0) 人氣()