삶의 모든 순간을 즐겨라!

----------------------------------------------------------------------------------------------- 출처: http://danahae.cafe24.com/blog/ ----------------------------------------------------------------------------------------------- 모바일 viewport 관련 넓이가 320px 일때 아래 viewport를 사용 <meta content=”user-scalable=no, initial-scale=1.0, maximum-scale=1..

------------------------------------------------------------------------------------------------ 출처: http://daena.thoth.kr/?mid=blog&document_srl=4950395 ------------------------------------------------------------------------------------------------ 출처: http://mobilepp.tistory.com/52 HTML 5 의 많은 기능 중 웹 페이지가 단순 문서 표현을 넘어 응용프로그램과 같..

----------------------------------------------------------------------------------------------- 출처: http://webdevmobile.com/xe/22241 ----------------------------------------------------------------------------------------------- HTML5 개요와 기술적 특징 근래 HTML5에 대한 관심이 뜨겁다. 웹이 더 이상 문서 공유나 문서 표현만을 위한 것이 아니라 하나..

----------------------------------------------------------------------------------------------- 출처: http://j-anne.tistory.com/entry/CSS-Visual-Effect-Transition ----------------------------------------------------------------------------------------------- webkit 계열의 브라우저에서 사용 가능 Transition: 애니메이션이 가능한 CSS 속성들을 변경하였을 경우에 ..

<iframe src="http://test.co.kr/a.pdf " wdith="가로길이" height="세로길이"></iframe> Adobe Reader의 웹브라우저 플러그인은 PDF 파일 전체를 다운로드하지 않고 일부만 먼저 다운로드하여 보여주는 기능이 있다. 이것은 HTTP 1.1 규격의 Byterange Request를 이용하여 파일의 특정 영역만 다운로드할 수 있기 때문인데, ..

------------------------------------------------------------------------------------------------- 출처: http://firejune.com/1302&stag=DNS ------------------------------------------------------------------------------------------------- 웹 사이트 성능 최적화 에반젤리스트(Evangelist)로 활동 중인 YDN(Yahoo! Developer Network)의 Steve Souders씨가 작성한 15개의 웹 사..

http://www.homejjang.com/07/background-attachment.php 입니다. background-attachment 속성을 사용하면 문서가 스크롤될때 배경이미지의 스크롤여부를 지정할 수 있습니다. 이 속성을 사용하지 않으면 기본적으로 문서와 함께 스크롤이 됩니다. background-attachment : fixed 로 지정하면 문서는 스크롤되지만 배경이미지는 스크..

http://www.homejjang.com/07/size_unit.php 입니다. font-size 속성을 사용할때 앞의 예제에서는 픽셀(px)과 포인트(pt)를 사용하였습니다. 이외에도 다양한 단위를 사용하여 글자의 크기를 지정할 수 있습니다. 글자의 크기를 지정하는 단위에는 절대단위와 상대단위로 나눌 수 있습니다. 절대단위 상대단위 pt (포인..

http://www.homejjang.com/07/border.php 입니다. border 속성을 이용하면 컨텐츠의 경계선을 지정할 수 있습니다. <p style="border:1px gray solid;">border 속성을 이용하면 컨텐츠의 경계선을 지정할 수 있습니다.</p> 위와 같이 지정하면 1px의 gray 색상을 가진 경계선이 표시됩니다. border 속성을 이용하면 컨텐츠의 ..

http://www.homejjang.com/07/list.php 입니다. list-style-type 속성을 사용하면 리스트의 marker 스타일을 지정할 수 있습니다. <ul> <li style="list-style-type: disc">disc 타입의 리스트 <li style="list-style-type: circle">circle 타입의 리스트 <li style="list-style-type: square">square 타입의 리스트 <li style="list-style-type: none"..