UX를 편리하게 하기 위한 7 CSS 팁

http://mimul.com/pebble/default/2009/10/26/1256566020000.html

7 Quick CSS Enhancements for Better User Experience

1. Change Text Highlight Color
 - Firefox, Opera, and Safari에서만 됨
::selection { background:#c3effd; color:#000; /* Safari and Opera */ }
::-moz-selection { background:#c3effd; color:#000; /* Firefox */ }

2. Prevent Firefox Scrollbar Jump

 - Firefox용
html { overflow-y:scroll; }

3. Rounded-Corner Elements
input { -moz-border-radius:10px; -webkit-border-radius:10px; }

4. Print Page Breaks
.page-break { page-break-before:always; }

5. Attribute-Specific Icons
a[href$='.pdf'] { padding:0 20px 0 0; background:transparent 
url(/graphics/icons/pdf.gif) no-repeat center right; }

6. CSS Pointer Cursors
input[type=submit],label,select,.pointer { cursor:pointer; }

7. display:block Links
#navigation li a { display:block; }

[참조사이트]

'Development > Design' 카테고리의 다른 글

폰트 - 헤움 글꼴  (0) 2011.06.30
Windows Phone 7 Designing  (0) 2010.04.09
REMIX08 RIA, UX의 세계  (0) 2008.06.16
Affter Effect 정말 배워보고 싶은 비쥬얼  (3) 2007.12.22
45 Excellent Blog Designs  (0) 2007.08.29