본문 바로가기

반응형

CSS3

(2)
CSS로 버튼을 만들어 주는 사이트 가끔은 버튼을 아주 빨리 만들어서 블로그나 사이트에 배치해야 할 때가 있습니다. 만들기는 어렵기도 하고 귀찮기도 해서 남이 만들어 놓은 코드가 있다면 복사해서 붙여넣기 하면 되니까 이럴때 사용하기 위해서 포스팅합니다. 물론 저도 아주 잘 이용하고 있습니다. CSS3로 버튼을 만들어 주기 때문에 일부 버전이 낮은 IE등에서는 제대로 나타나지 않을 수도 있습니다.티스토리나 구글의 블로거를 사용하다 보면 버튼 사용할 일이 꽤 있더군요. 사용법은 티스토리는 스킨에 등록해서 사용하시던지 아니면 개별 페이지에만 사용하시던지 하시면 됩니다. 구글 블로거는 스킨의 ~ 사이에 등록해 놓고 개별 페이지의 "HTML로 작성" 부분으로 가서 class를 사용하면 됩니다. 예를 들면 naver 1. http://www.best..
Html5, CSS3 등의 브라우저 지원여부를 확인하는 사이트 CaniUse.com 웹브라우저별로 새로운 HTML, CSS의 태그나 명령어들이 유효하게 작동하는지를 알려주는 곳이 있습니다. 바로 CaniUse.com 사이트입니다. Caniuse 닷컴에서는 위의 그림처럼 검색어로 "box-shadow"를 치면 실시간으로 아래쪽에 브라우저별 및 버전별로 지원여부를 즉각적으로 보여줍니다. 위의 그림은 IE8과 Opera Mini에서는 "box-shadow" 속성을 지원하지 않는군요. 명령어 단위로 검색해서 확인할 수도 있고 Html 또는 CSS, SVG, Java api 등의 모든 명령어나 속성 메소드 등을 한번에 확인 할 수도 있습니다. 일명 캔아이유스 닷컴 http://caniuse.com 가기

반응형