Photoshop ~ Actions

Photobucket

之前看Nori介紹過這功能

可是當下也不當一回事

後來排網站版面切圖要一直duplicate layer再trim再存成一張圖

一直重複這動作

才想到photoshop有這功能0rz

好在小芸跟我講這功能在哪邊用lol

再Actions視窗裡面

其實只要簡單按recording再做動作就好了= =

做好你要的動作再按暫停~

之後只要選好圖層再選你要的Action按播放就一次做好~~~

超方便XD

機車XD

10度左右的低溫

半夜飆回家

超冷QAQ


回到家開了鐵門發現一樓的門是鎖住的........

這還不是問題~~~鑰匙我知道在哪XD

走上2樓我才想到.............

3樓的門一定是鎖的.....乾

因為每次我媽都會鎖0rz


我又不想打家裡電話

我媽一定會被嚇死

只好去找鑰匙.....

哭哭

找超久的

重點是怎麼找都找不到我要的鑰匙

1樓後門, 11號木門......4樓9號11號的門......3樓廚房.....3樓前鋁門

blablalbalblablal@#%#@%#$^%$#^&

就是沒有我要的3樓9號11號的門

幹XD

好在最後找到一把是11號2樓通3樓門的鑰匙..........

謝天謝地0rzzzzzzzzzzzzzz

不然我真的不想使出大絕招........打電話XD


已經3個禮拜多沒回家了說

剛到家的感覺真的

有種很難解釋的心情QAQ

嗚

concept sketch~

Photobucket

Javascript ~ switch grid view, list view

Photobucket

Photobucket

這功能就是讓user可以這樣看又那樣看XD

list或grid view

我這邊做的是直接在網頁上改變顯示方式

做法是張睪提供的方法

就是先寫好兩種view的css

然後寫個修改最上層element的class的程式

我是這樣寫XD

function switchView(v){

switch(v){
case 'list':
$("#items").removeClass('grid list');
$("#items").addClass('list');

break;
case 'grid':
$("#items").removeClass('grid list');
$("#items").addClass('grid');

break;
}
//$("#items").toggleClass('list grid');

}


css大概的樣子

div.list div.productTitle{
position:absolute;

left:203px;
top:25px;
}

div.grid div.productTitle{
position:absolute;

left:13px;
top:208px;
}

div.grid div.productItem{
width:221px;
height:308px;
margin-left:35px;
position:relative;
margin-bottom:30px;
float:left;
background:#FFF;

border:solid 1px #c5c5c5;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border-radius:10px;
}
div.list div.productItem{
width:741px;
height:210px;
margin-left:8px;
position:relative;
margin-bottom:20px;
}


個人蠻推薦這種方法的~~~~~cool~~~

感謝張睪提供的方法XD

2013 Mercedes-Benz SL

沒標AMG三個字就很有AMG的味道了耶~~~

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

Photobucket

http://www.autoblog.com/2012/02/03/first-mercedes-benz-sl63-amg-in-america-to-be-auctioned-off-at-b/

Javascript ~ preload images

當網頁有些互動的動作~~~

可能換張圖之類的

為了避免動作之後才開始讀圖片產生的延遲而預先讀圖片

就是preload~~

這邊的範例是透過javascript

if (document.images)
{
preload_image_object = new Image();
// set image url
image_url = new Array();
image_url[0] = 'img/tvwall_phantom.png';
image_url[1] = 'img/tvwall_phantom2.png';
image_url[2] = 'img/tvwall_phantom3.png';
image_url[3] = 'img/tvwall_phantom4.png';
image_url[4] = 'img/tvwall_phantom5.png';

var i = 0;
for(i=0; i<=5; i++)
preload_image_object.src = image_url[i];
}



reference http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317