web sprit

display 의 inline-block 속성을 사용할때 가끔 크로스브라우징에 문제가 발생하곤 합니다.지금부터 그런 문제들의 대한 해결방안을 설명해 드리겠습니다. IE6 ~ 7 문제익스플로서의 낮은 버전의 브라우저에서 생기는 문제로inline태그에 inline-block 속성을 사용 : 이상없음block태그에 inline-block 속성을 사용 : inline-block을 block 속성으로 인식하는 버그12/* 해결방법 */.className{*display:inline; *zoom:1;}cs FF2 문제display:-moz-inline-stack 을 사용하여 해결.(이것보다 더 의미에 맞는 속성은 display:-moz-inline-box 속성 이나 -moz-inline-box 속성을 사용할 경우 ..

퍼블리셔라는 일을 시작한지 많은 시간이 지났지만 당연스레 생각했던 CSS Reset에 관해 좀더 심도있게 알아보려 합니다. 처음에 들어와서 누군가가 사용하던것에 이미 익숙해져있는 나로서 새로운 나만의 reset css를 만들어 보겠습니다. 우선 아래 참고할만한 사이트를 나열 하였습니다. 1. CSS Reset 종류1-1. Eric Meyer's CSS Reset1-2. html5doctor.com Reset1-3. Normalize.css 1.0 - GitHub (참고사이트 : http://webdir.tistory.com/455)1-4. Yahoo! (YUI 3) Reset CSS1-5. DAUM(Darum) Reset CSS(PC, Mobile reset css 제공) 2. 정리 CSS Reset위 ..

select 폼을 꾸며주는 jQuery Selectric 플러그인 일반적으로 select는 css로 원하는 디자인을 꾸며줄 수 없습니다.플러그인을 이용하여 보다 쉽고 tab 접근성에도 유용한 플러그인을 소개하려 합니다.http://lcdsantos.github.io/jQuery-Selectric/index.html 위 URL을 들어가면 Selectric 플러그인 홈페이지가 나옵니다. 자세한 내용을 확인하려면 홈페이지를 참조하여 주시기 바랍니다.첨부파일을 첨부하며 첨부파일의 내용은 아래와 같습니다.* head태그 안에 추가 123456789 $(function(){ $('.tric_01').selectric(); });Colored by Color Scriptercs * html 추가12345678 Sel..

가상요소인 before 와 after 선택자 입니다.:before는 선택자의 앞에 속성값을 설정할때 사용하고,:after는 선택자의 위에 속성값을 설정할때 사용합니다. 위 선택자의 사용 방법은 아래와 같습니다. css2에서 사용예시 div:before{}div:after{} css3에서 사용예시div::before{}div::after{} :와 ::차이::는 css3에서 가상클래스와 가상요소를 구분하기위해 도입 되었습니다. :와 ::브라우저 지원여부:before, :after는 ie8+, FF, chrome, opera+, safari4.0+ ::before, ::after는 ie9+, FF1.5(1.8)+, chrome, opera7+, safari4.0+ 사용방법:before, :after는 주로 c..

이번 설명은 윈도우에서 IIS를 설치해보고 ASP를 실행하여 로컬에서 확인할 수 있는 방법을 설명하려 합니다. ^^ 서버 관련하여 초보라 설명이 미흡할 수 있습니다. 오류사항이 있다면 들어오시는 분들의 많은 지적 바랍니다. 우선 저의 OS는 Window10 PRO 입니다. 참고 하세요. 우선 IIS란 Internet Information Services 의 줄임말로 OS 버젼중 홈에디션(Home Edition)의 경우 지원하지 않으니 주의바랍니다. IIS는 Window7 이상 프로페셔널(Professional) 버젼 이상에서 손쉽게 설치할 수 있습니다. 1. IIS 설치 제어판의 보기 기준이 큰아이콘에서 프로그램 및 기능으로 들어갑니다.들어가면 왼쪽 메뉴에 Windows 기능 켜기/끄기를 클릭! 그러면 ..

변경 방법은 아래의 순으로 들어가 변경이 가능 합니다. 제어판 > 디스플레이 > 텍스트 크기만 변경 해당 선택사항을 선택하여 텍스트 사이즈를 조정하면 됩니다.

CSS의 outline 속성은 border 속성과 비슷한 방식으로 작성할 수 있습니다.outline은 border의 바깥 외곽선을 말하며 어느 부분을 두드러지게 보이기 위해 사용합니다.border와의 또다른 차이점은 border는 레이아웃의 넓이에 영향을 주고 구조가 흐트러질 수 있지만 outline은 레이아웃 구조에 관여되지 않습니다. 한번에 작성하는 예는 아래와 같습니다.outline:2px solid #000; outline 속성을 세분화하여 css를 나열한다면 아래와 같은 속성들을 사용할 수 있습니다.위에서 속성값들은 아래와 같은 값을 나타내고 있습니다. outline-color = #000ex) outline-color:#000; outline-style =solidex) outline-styl..

colorzilladownload statusbarhtml validatorie tabjavascript debuggerjsonviewweb developerColorZillafirebugawesome screenshot

서울 seoul 부산 busan 대구 daegu 인천 incheon 광주 gwangju 대전 daejeon 울산 ulsan 경기도 kyonggi - Do 강원도 gangwon - Do 충청북도 chungbuk - Do 충청남도 chungnam - Do 전라북도 jeonbuk - Do 전라남도 jeonnam - Do 제주도 jeju - Do 경상북도 gyeongbuk - Do 경상남도 gyeongnam - Do 용인시 yong-in (City) 성남시 seongnam (City) 강릉시 gangrung (City) 청주시 cheongju (City)

Fotorama 플러그인은 누구나 손쉽게 사용할 수 있는이미지 롤링 플러그인 이다.특히 모바일 롤링 대응이 아주 잘 되어있다. http://www.fotorama.io/ 위 링크로 들어가면 Fotorama의 사용 방법그리고 옵션등을 확인 할 수 있다. 사용방법은 아래와 같이 소스를 구성한다. 1234567891011 Colored by Color Scriptercs 주로 내가 사용하는 옵션이다. 그리고 아래와 같은 경우는 이미지에 링크를 걸고 싶을떄 사용할 수 있는 방법이다.적극 추천한다. 123456789101112131415161718192021222324252627 .fotorama__html{position:relative !important;} .fotorama__html div{height:1..