스티커 위젯이 iOS7 업그레이드와 함께 새롭게 개선되었습니다. 무슨 용도인지는 설명하기 보다는 눈으로 보는게 빠르겠죠?
스티커 위젯 V1은 진짜 별 기능도 없이 꽤 인기를 끄는 위젯이었습니다. 그에 비해 V2는 뭐가 달라졌는지 개선 사항을 알아보도록 하곘습니다.
파일개수가 감소
별도 CSS 파일을 제거함으로써 파일 개수를 줄였습니다. (기본 이미지로 "콩"이 들어있습니다.)
<!doctype html>
<html lang="en">
<!-- Sticker Widget Version 2 by Estoque - http://est0que.tistory.com/ -->
<head>
<meta charset="UTF-8">
<title>Sticker Widget Version 2 by Estoque - http://est0que.tistory.com/</title>
<style type="text/css">
body{
background-color: transparent;
position: absolute;
margin: 0;
padding: 0;
width: 59px;
height: 60px;
font-family: Helvetica;
zoom:0.5;
}
@-webkit-keyframes fadein{
0% {opacity : 1;}
50% {opacity : 1;}
100% {opacity : 1;}}
#Sticker{
position: absolute;
top: 0px;
right: 0px;
down: 0px;
left: 0px;
z-index: 200;
opacity: 0.0;
-webkit-animation: fadein 3s linear 1 normal;
-webkit-animation-fill-mode: forwards;
}
</style>
</head>
<body>
<img id="Sticker" src="PIC.jpg"></img>
</body>
</html>
코드의 간소화
코드를 간단하게 다듬 었습니다. 그래서 수정할 껀덕지도 없지만 척 보면 수정이 가능합니다.
기능과 사용방법은 이전 버전과 동일합니다.
주요기능
- 사진은 원본크기로 강제 로드 됩니다.
- 오른쪽 맨위의 손톱만한 영역(60x60)만 터치가 되므로 투명 레이어를 올리거나 불투명 레이어 아래에 아이콘을 깔아도 정상 인식이 됩니다.
- 움짤/안움짤 관계 없이 다 불러옵니다.
- 레이어 처럼 여러장을 겹쳐서 쌓을수도 있습니다.
사용방법
아무 사진이나 가져와서 이름을 "PIC.jpg"로 바꿉니다. 확장자 까지 다 바꿔줘야 합니다. gif 이미지를 jpg로 확장자를 바꿔도 인식 잘 합니다.
다운로드
Sticker V2.zip스크린샷
뽀너스. 스티커 위젯을 최고로 젖절하게 활용하는법
