leehye1204 webhailey

Font Awesome의 사용법 아이콘 폰트를 사용하게끔 여러 라이브러리를 모아 놓은 사이트입니다. 쉽고 간편하게 아이콘모양을 사용하기 유용합니다. Font-Awesome의 장점 Html Font 속성이 모두 사용이 가능합니다. Font-Awesome은 이미지가 아닌 폰트이기 때문에 HTML의 Font-style을 적용할 수 있습니다. 간단하게 소스 몇줄만 추가해주면 크기도 늘릴 수 있고 색상도 변경할 수 있습니다. CSS를 적용시킬 수 있습니다. Font-Awesome에는 Css를 적용시켜 웹사이트만의 고유한 스타일로 응용할 수 있습니다. 일반적으로 크기나 색상 그림자효과와 같은것을 Css로 통일시켜 사용합니다. Font-Awesome 사용법 https://fontawesome.com사이트에 접속합니다..

벤더 프리픽스 (vender prefix) 가장 많이 사용되는 웹 브라우저에는 익스플로러, 크롬, 파이어폭스, 사파리, 오페라 등이 있습니다. 벤더 프리픽스(vendor prefix)란 이러한 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알려주기 위해 사용하는 접두사(prefix)를 의미합니다. 즉 아직 CSS 권고안에 포함되지 못한 기능이나, CSS 권고안에는 포함되어 있지만 아직 완벽하게 제정된 상태가 아닌 기능을 사용하고자 할 때 벤더 프리픽스를 사용하게 됩니다. 그렇게 하면 해당 기능이 포함되어 있지 않은 이전 버전의 웹 브라우저에서도 그 기능을 사용할 수 있게 됩니다. 인터넷 익스프롤러 : -ms- 사파리, 크롬 : -webkit- 파이어폭스..

IE 조건부 주석 조건부 주석은 IE10 미만에서만 작동하는 조건문으로, 이를 이용하여 IE 브라우저별로 어떤 기능이나 파일, 디자인등을 삽입하는 용도로 자주 사용된다. *기호 ! : 아니다(not) - 예) [if !ie] ie가 아니라면 lt : 작다(less than) - 예) [if lt ie 9] ie9 보다 작다면 lte : 작거나 같다(less than equal) - 예) [if lte ie 8] ie8 보다 작거나 같다면 gt : 크다(greater than) - 예) [if gt ie 6] ie6 보다 크다면 gte : 크거나 같다(greater than equal) - 예) [if gte ie 7] ie7 보다 크거나 같다. () : 우선처리 & : 그리고(and) - 예) [if (..

HTML5shiv 자바스크립트로서, 새로운 HTML5 섹셔닝 요소를 이전 버전의 IE6~9, Safari 4.x(iPhone 3.x)와 Firefox 3.x 에서도 작동하도록 해주는 라이브러리이다. 기본적인 createElement() 기술과 IE6~8에서 기술 적용을 위해 document.createElement와 document.createDocumentFragment를 monkeypatches와 함께 포함하고 있다. 또한 IE6-9, Safari 4.x and FF 3.x에 대한 기본적인 스타일링을 제공한다. html5shiv를 다운 받은 후, dist 폴더에서 사용할 파일을 선택한 후 head부분에 아래와 같이 적용한다. 출처 : http://webdir.tistory.com/81

파비콘 파비콘은 웹페이지에 접속했을때, 상단 탭에 보여지는 아이콘을 일컫는다. 이 아이콘은 즐겨찾기에 웹페이지를 등록할때도 사용된다. 웹사이트를 대표하는 로고(logo)의 개념과 비슷하며, 사이트의 성격을 드러내기도 한다. IE에서는 rel="shortcut icon"처럼 rel 속성에 두가지 값을 모두 입력하면 IE6~10까지 이상없이 작동되고, 그 밖의 다른 브라우저는 rel="icon"처럼 icon 값만 입력해도 작동된다. type 속성의 값은 IE에서만 ICO 파일에 대한 서버의 MIME 값에 영향을 받고 다른 브라우저는 이 속성을 무시한다. 결국 type 속성은 무엇이든 값이 될 수 있고 없어도 된다. ICO 파일을 사용할 경우 아래와 같은 크기 정도는 포함하는 것을 추천한다. 크기 용도 16X..

웹 문서에 대한 여러 가지 정보를 제공합니다. 메타 데이터 설명 charset 웹 페이지 언어 설정 author 웹 페이지 만든 사람 description 웹 페이지에 대한 설명 keywords 웹 페이지에 대한 키워드 applcation name 웹 페이지에 관련된 웹 응용 프로그램의 이름 generator 웹 페이지를 만든 소프트웨어의 이름

이미지 가이드 프로젝트 종류에 따른 이미지 타입표 종류 PC Web Mobile Web Mobile App GIF 기본 사용가능 X JPG 컬러 수 많거나 운영성 이미지일 때 운영성 이미지 일 때 X PNG-8 X 기본 반투명효과 없고 컬러가 적을 때 PNG-24 반투명효과가 있을 때에만 사용 컬러 수 많거나 반투명효과가 있을 때 기본 이미지 스프라이트 O O X PC Web 기본 포맷은 GIF를 사용한다. JPG는 인물이나 실사 이미지와 같이, 색 변화 및 그라데이션이 풍부한 경우 및 운영성 이미지에 주로 사용한다. JPG로 저장 시 압축률 관리 일반 저장 시(File->Save) : 압축률 10/12 이상으로 저장할 것. Save for web 기준 : Original 혹은 JPG Quality 90..

컨텐츠 영역을 보이지 않게 하는 방법 display:none; -- dispaly:block (영역 사라짐) visibility:hidden; --bisibility:visible (영역 유지) opacity:0; -- opacity:1; (영역 유지) width:0; height:0; overflow:hidden; (IR)