Photoshop ~ Actions
之前看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
嗚
半夜飆回家
超冷QAQ
回到家開了鐵門發現一樓的門是鎖住的........
這還不是問題~~~鑰匙我知道在哪XD
走上2樓我才想到.............
3樓的門一定是鎖的.....乾
因為每次我媽都會鎖0rz
我又不想打家裡電話
我媽一定會被嚇死
只好去找鑰匙.....
哭哭
找超久的
重點是怎麼找都找不到我要的鑰匙
1樓後門, 11號木門......4樓9號11號的門......3樓廚房.....3樓前鋁門
blablalbalblablal@#%#@%#$^%$#^&
就是沒有我要的3樓9號11號的門
幹XD
好在最後找到一把是11號2樓通3樓門的鑰匙..........
謝天謝地0rzzzzzzzzzzzzzz
不然我真的不想使出大絕招........打電話XD
已經3個禮拜多沒回家了說
剛到家的感覺真的
有種很難解釋的心情QAQ
嗚
Javascript ~ switch grid view, list view
這功能就是讓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
Javascript ~ preload images
當網頁有些互動的動作~~~
可能換張圖之類的
為了避免動作之後才開始讀圖片產生的延遲而預先讀圖片
就是preload~~
這邊的範例是透過javascript
reference http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317
可能換張圖之類的
為了避免動作之後才開始讀圖片產生的延遲而預先讀圖片
就是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
訂閱:
文章 (Atom)