<< 괜찮은 Java 사이트들 | Home | 구글 빈트 서프(Vint Cerf)박사와 KT 최두환 사장의 대담 >>

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

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; }

[참조사이트]
Tags : ,



Add a comment Send a TrackBack