Play Ground

CSS Image Replacement(IR기법) 의미가 포함되어 있는 image를 배경으로 표현하고, 그에 상응하는 내용을 text로 전경에 기입하는 방법으로, 시각이 있는 사용자는 이미지로 처리된 화면을 볼 수 있지만 "화면 낭독기를 사용하는 시각 장애인, CSS제거 및 인쇄"시에는 문자에 접근하거나 문자를 볼 수 있는 형태로 설계 하는 기법을 말한다 첫번째 h1#technique-one { width: 250px; height: 25px; background-image: url(logo.gif)} h1#technique-one span{display: none;} CSS-Tricks 두번째 h1.technique-two {width: 2350px; height: 75px; background: ur..

1.CSS Reset 2.IE6 CSS Bugs and Fixes Explained 3.Block and Inline Elements Explained 4.100% Height using CSS, Fixed Footer 5.CSS Rounded Corners 6.Float and Clear: A Comparison of CSS Clearing Techniques 1. CSS Reset - 크게 7가지로 정리해 볼 수 있을거 같습니다. 1. The CSS Reset 모든 엘레멘트에 margin값과 padding값을 초기화 시켜 줍니다. html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, d..

1. AddyWaddy jQuery Tag Cloud 2. IndyArmy jQuery Awesome Cloud 3. Tag Clouds – Styling and Adding Sort Options 4. DynaCloud – dynamic tag cloud with jQuery 5. jQuery Rotating 3D Tag Cloud 6. jCloud Tag Cloud Plugin 7. jQCloud Word Clouds 8. Prataes jQuery Tag Cloud 9. jQuery Tag Cloud Plugin 10. TagCanvas – HTML5 Canvas Tag Cloud 참고 : http://www.websanova.com

각종 글자 애니메이션 jquery 소스모음 (http://www.giuliandrimba.com/labs/lettering-animate/) jquery 소스천국 사이트 (http://www.htmldrive.net)

흔히들 을 사용하곤 한다.이렇게 사용할 경우 최상단으로 이동하기 때문에 페이지 위치가 바뀌어 버린다.이같은 오류를 해결할 수 있는 방법에는 3가지가 있다. 1. 2. 3.

퀵메뉴1퀵메뉴2퀵메뉴3퀵메뉴4 구글링하다가 찾은 퀵메뉴 소스인데출처를 모르겠다ㅠㅠㅠ

물론 저 위의 소스보다 더 좋고 간편한 소스가 있겠지만 초보자인 내 머리에서 나오는 소스는 저 정도밖에 못짜겠다ㅠㅠ

웹표준(Web Standard)이란? '웹에서 표준적으로 사용되는 기술이나 규칙'을 의미하며, 이는 특정 브라우저에서만 사용되는 비 표준화된 기술은 배제하고 W3C의 토론을 통해 나온 권고안(recomendation)을 사용하는 것을 말하며, 웹 문서의 구조와 표현, 그리고 동작을 구분해서 사용하는 것을 뜻한다. 원칙 1. 인식의 용이성(Perceivable): 모든 콘텐츠는 사용자가 인식할 수 있어야 한다. 1.1 (대체 텍스트) 텍스트 아닌 콘텐츠에는 대체 텍스트를 제공해야 한다. 1.1.1(적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다. 1.2(멀티미디어 대체 수단) 동영상, 음성 등 멀티미디어 콘텐츠를 이해할 수 있도록 대체 수단을..

default.css /* reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}fieldset,img{border:0 none;}dl,ul,ol,menu,li {list-style:none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a{text-decoration:none}legend, caption{font-size:0;..

이름 내용 header 상단(header)에 사용 article 내용(content)에 사용 footer 하단(footer)에 사용 nav 네비게이션이나 메뉴에 사용 section 내용을 나눌 때 사용 aside 사이드바에 사용 figure 특정한 요소의 제목에 사용