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