MagnifyMa : CSS 돋보기
[IT] Ajaxian 2010/06/17 08:50 |
http://www.flickr.com/photos/andercismo/2349098787/
Jack Prosser가 재밌는 CSS 돋보기를 만들었습니다.
주요 컨셉은 CSS의 radius를 사용해서 동그라미 모양의 뷰 영역을 만드는 것입니다. 이 영역은 현재 페이지와 똑같은 컨텐트를 가진 iframe을 포함합니다. CSS3를 사용해서 iframe 내부의 컨텐트를 2배 확대해서, 작은 컨텐트를 읽기 편하게 만들었습니다. 이 돋보기는 간단한 키보드 조합으로 보이고/감추고 축소/확대를 할 수 있습니다. 앞으로는 구글 크롬이나 Firefox 확장기능을 만들 생각입니다. 확장기능은 iframe을 사용하지 않고, 페이지 컨텐트에 캔버스를 사용할 생각입니다. 물론, 페이지 컨텐트가 업데이트되면 캔버스도 업데이트 될 것입니다.실제 동작을 보세요:
'[IT] Ajaxian' 카테고리의 다른 글
| CSS만으로 아이폰 아이콘 만들기 (2) | 2010/06/29 |
|---|---|
| 파이어폭스, 플러그인 오류 보호를 도입하다. (2) | 2010/06/25 |
| HTML5를 배우고 싶다면? HTML5Rocks.com! (3) | 2010/06/24 |
| MagnifyMa : CSS 돋보기 (3) | 2010/06/17 |
| CSS calc() (3) | 2010/06/16 |
| IE6를 퇴출시키는 치사한 방법 - amelie() (0) | 2010/06/07 |
| 배열과 객체에 SQL 질의를 하는 두 가지 방법 (1) | 2010/06/05 |
| ShowSlow : 페이지 속도를 모니터링하는 도구 (0) | 2010/06/04 |
| CSS3와 Canvas로 어항만들기 (2) | 2010/06/03 |
Posted by 행복한고니