Stitches: HTML5 sprite sheet maker

Stitches is an easy to use HTML5 sprite sheet generator. Just drag and drop images onto the app and it will generate both the sprite sheet and necessary CSS.

HTML5 Sprite Sheet Generator 

Stitches

Stitches is an HTML5 sprite sheet generator. The current version is 1.3.5. Documentation is availablehere.

Implementation

After dependencies, Stitches requires a stylesheet, a script, and an HTML element to get the job done:

<link rel="stylesheet" href="css/stitches-1.3.5.min.css">

<script data-main="js/stitches.js" src="js/stitches-1.3.5.min.js"></script>

The sprite sheet generator is automatically created in elements that have the stitches class:

<div class="stitches"></div>

If you choose, any images that are a part of the initial markup will be loaded onto the canvas:

<div class="stitches">
    <img src="img/test/github.png" data-name="github"/>
    <img src="img/test/gmail.png" data-name="gmail"/>
    <img src="img/test/linkedin.png" data-name="linkedin"/>
    <img src="img/test/stackoverflow.png" data-name="stackoverflow"/>
    <img src="img/test/tumblr.png" data-name="tumblr"/>
    <img src="img/test/twitter.png" data-name="twitter"/>
</div>

말이 없다고 침묵이라 말할 순 없다
입맞춤 하나로
절절한 사랑 꽃피고

아름다운 낙원의 새소리 듣는다
손끝으로 전해지는 목소리
저렁저렁 울리는 심장소리

그대 목소리를 듣는다


- 최연식의 시집《허름한 보폭 사이의 흔적》에
               실린 시 <수화> 중에서 -


* 음성으로 듣는 목소리가 아닙니다.
손끝으로, 심장으로 전달되는 목소리입니다.
침묵 속에 입술로 전해지는 사랑의 언어입니다.
오늘도 그 목소리에 단잠을 이룹니다.
그대 목소리가 그립습니다.
그대 목소리를 듣습니다.

어차피 레이스는 길다,핀란드 슬로우 라이프

어차피 레이스는 길다 국내도서 저자 : 나영석 출판 : 문학동네 2012.12.03 상세보기

핀란드 슬로우 라이프 국내도서 저자 : 나유리(Yuri Na),미셸 램블린(Michel Lamblin) 출판 : 미래의창 2014.06.02 상세보기

나영석 피디가 쓴 에세이

Alicia Keys - If I Ain't Got You

XTM 절대남자 시즌3 130522 방송분 체지방 3배속 태우는 법!