위는 트위터의 실제 over capital 시 나오는 고래 이미지, 밑에는 css 로 만든 고래이미지입니다. 거기다가 애니메이션까지 붙였습니다. IE에선 이렇게 표현이 됩니다. 확인은 아래에서 가능합니다. http://www.subcide.com/articles/pure-css-twitter-fail-whale/ 개인적으로, 제작자의 홈페이지 http://www.subcide.com/ 에서 볼 수 있는 포트폴리오들이 저에겐 상당히 도움이 되었습니다.
순수 CSS 으로 만든 트위터 고래 While이 에 작성.
CSS3과 HTML5를 이용하는 ajax Sencha While이 에 작성.
유명한 자바스크립트 Ajax 프레임워크 ExtJs 에서 jQTouch 와 Raphaël를 합친 모바일용 프레임워크 Sencha 를 개발하고 있습니다. extjs.com 으로 접속시 sencha.com으로 리다이렉트 됩니다. 센챠? 이름이 뭔가 이상하지 않나요? 일본어단어라고 합니다. 아이폰/아이패드/안드로이드 기반으로 개발되고 webkit 을 지원하는 브라우저라면 컴퓨터에서도 확인 할 수 있습니다. 웹킷 애니메이션과 html5, css3을 이용해서 이런 엄청난 웹페이지를 구현할수 있다는것에 몇달전부터 예제를 볼때마다 깜짝깜짝 놀라고…
CSS3에서 웹폰트 While이 에 작성.
http://www.w3.org/TR/css3-webfonts/#font-descriptions IE에서만 되던 웹폰트가 CSS3에서는 공식적으로 지원합니다. ttf 도 가능합니다.
webkit 의 CSS 애니메이션 While이 에 작성.
http://webkit.org/blog/138/css-animation/ webkit 을 기반으로 만들어진 브라우저(사파리, 크롬 등)에서 사용 가능한 CSS 애니메이션에 대한 글입니다.
Zen-coding, HTML / CSS 코딩을 훨씬 빠르게 While이 에 작성.
이 동영상 한번만보면 사용법을 웬만하면 다 익힐 것 같다. 문제는 CSS3을 지원하지 않는 IE 때문에 두세번 코딩해야 될거라는건데, cssQuery 도 있고.. 이제 IE6에서 퍼포먼스를 지키면서 코딩하진 않을꺼니까 별 상관은 없겠지. 내가 쓰는 에디터 SciTE 도 곧 지원 예정에 있다. 빨리 지원이 들어갔으면! http://code.google.com/p/zen-coding/ 일단 Komodo Edit 에다가 넣어서 써볼 생각.