For A While

검색 :
RSS 구독 : 글 / 댓글 / 트랙백 / 글+트랙백

순수 CSS 으로 만든 트위터 고래

2010/06/30 01:49, 글쓴이 While

사용자 삽입 이미지

사용자 삽입 이미지

위는 트위터의 실제 over capital 시 나오는 고래 이미지, 밑에는 css 로 만든 고래이미지입니다.

거기다가 애니메이션까지 붙였습니다.

 

사용자 삽입 이미지

IE에선 이렇게 표현이 됩니다.

 

확인은 아래에서 가능합니다.

http://www.subcide.com/articles/pure-c ··· whale%2F

 

개인적으로, 제작자의 홈페이지 http://www.subcide.com/ 에서 볼 수 있는 포트폴리오들이 저에겐 상당히 도움이 되었습니다.

2010/06/30 01:49 2010/06/30 01:49

맨 위로

CSS3과 HTML5를 이용하는 ajax Sencha

2010/06/30 01:34, 글쓴이 While

유명한 자바스크립트 Ajax 프레임워크 ExtJs 에서 jQTouch 와 Raphaël를 합친 모바일용 프레임워크 Sencha 를 개발하고 있습니다. extjs.com 으로 접속시 sencha.com으로 리다이렉트 됩니다. 센챠? 이름이 뭔가 이상하지 않나요? 일본어단어라고 합니다.

 

아이폰/아이패드/안드로이드 기반으로 개발되고 webkit 을 지원하는 브라우저라면 컴퓨터에서도 확인 할 수 있습니다. 웹킷 애니메이션과 html5, css3을 이용해서 이런 엄청난 웹페이지를 구현할수 있다는것에 몇달전부터 예제를 볼때마다 깜짝깜짝 놀라고 있습니다. 아래는 Sencha 로 만들어진 데모중에 하나로, 카드게임입니다.

 

사용자 삽입 이미지

http://touchsolitaire.mobi/

2010/06/30 01:34 2010/06/30 01:34

맨 위로

CSS3에서 웹폰트

2010/02/16 06:56, 글쓴이 While

IE에서만 되던 웹폰트가 CSS3에서는 공식적으로 지원합니다. ttf 도 가능합니다.
2010/02/16 06:56 2010/02/16 06:56

맨 위로

Zen-coding, HTML / CSS 코딩을 훨씬 빠르게

2010/02/16 05:11, 글쓴이 While

이 동영상 한번만보면 사용법을 웬만하면 다 익힐 것 같다.

문제는 CSS3을 지원하지 않는 IE 때문에 두세번 코딩해야 될거라는건데, cssQuery 도 있고.. 이제 IE6에서 퍼포먼스를 지키면서 코딩하진 않을꺼니까 별 상관은 없겠지.

내가 쓰는 에디터 SciTE 도 곧 지원 예정에 있다. 빨리 지원이 들어갔으면!

http://code.google.com/p/zen-coding/

일단 Komodo Edit 에다가 넣어서 써볼 생각.

2010/02/16 05:11 2010/02/16 05:11

맨 위로