gonalalla

보호되어 있는 글입니다.

보호되어 있는 글입니다.

반응형, 모바일에서 자주 사용되는 메뉴바.이미지 처리 없이 css 애니메이션과 jquery로 간단히 처리하기. 우선 아래 결과물. jquery click 이벤트 시 addClass() 와 removeClass()를 따로 실행할 필요 없이 toggleClass() 로 묶어서 처리.

IE가 문제. 아직도 IE6을 사용하는 유저도 있는 마당이니. 크로스 브라우징과, 성능 속도 문제가 신경쓰인다. 1. html5 미지원 브라우저 2. css3 미지원 브라우저 3. 반응형 미디어쿼리 해석 불가 브라우저 해당 기능이 지원되지 않는 구형 브라우저에서 새로운 기능을 제공하기 위한 플러그인을 사용해서 브라우저가 달라도 같은 결과물을 내기 위한 방법을 Shim, fallback, polyfill 이라 한다. What is a Polyfill? 참조 "poly" - 여러가지 방법 "fill" - 브라우저의 공백을 메운다는 의미. 폴리필이란, 브라우저들 간의 지원 공백을 다양한 방법으로 메우는 것. 크로스브라우징을 위한 폴리필 - Modernizr : Modernizr에서 제공하는 폴리필 목록을 참고..

DTD(Document Type Declaration): 문서형정의 - 현재의 문서가 어떤 형식에 맞추어 제작되었는지를 설명한다. 모든 웹 문서는 문서형정의(DTD)를 선언함으로 브라우저에서 표기되며 HTML5, XHTML, HTML의 세가지 유형으로 나뉜다. 정의한 유형에 따라 마크업 된 문서의 요소와 속성 등을 처리하는 기준이 되며, 웹표준과 접근성 향상을 위해 HTML 문서의 가장 첫번째 행에 공백없이 선언 해야 한다. 생략시에는 웹문서가 비표준모드로 랜더링 되어 크로스 브라우징에 어려움을 겪을 수 있다. HTML5 DOCTYPE 선언HTML5는 SGML(Standard Generalized Markup Language)에 기반을 두지 않아 DTD 참조가 불필요 하며, 다음과 같이 간단히 선언할 수..