본문 바로가기

2014/11

CSS3 체크박스 및 input 관련 CSS 샘풀 제공 사이트 CSS3의 체크박스, 라디오 버튼 등의 많은 샘플을 제공하며, 해당 샘플에 CSS 정보를 바로 받아서 사용가능하다. http://www.csscheckbox.com/ 더보기
CSS 정리 Div 안에서 이미지 사이즈, 위치 조절 모바일이나 아님 PC웹에서 필요할 경우... 그러나 특히 모바일일 경우...스마트폰 단말기의 화면 크기가 워낙 다양해서 사이즈가 좀 큰 이미지 같은 경우엔 화면을 넘어가는 경우가 있습니다.사실은 많습니다.이럴경우 가장 이상적인게 화면 사이즈에 따라 이미지의 크기가 달라지는것이 되겠죠.다음과 같은 CSS로 해결할 수 있습니다. 이렇게 코딩하고 브라우져에서 확인할 때 브라우져 폭을 늘였다 줄였다 하면 늘였을 경우엔 이미지가 커지나 원래 크기 이상으로는 커지지 않습니다. 또 줄이면 화면을 벗어나지 않고 화면 폭에 맞춰서 이미지가 작아져 보이게 됩니다. 바깥쪽을 감싸고 있는 div tag에 "line-height: 100px" 부분이 있는데 값은 "height" 속성과 같이 맞춰줍니다. 만약 line-heigh.. 더보기
HTTP와 HTTPS를 구분해서 이미지, CSS, Javascript 로딩하기 다른 브라우저에서는 별 문제 없는데 IE에서는 스키마가 https 로 된 홈페이지에서 http로 이미지나 CSS, Javascript등의 리소스를 로딩하면 경고가 발생한다. 그래서 현재 주소에 따라 리소스의 주소를 적을때 https인지 http인지 잘 구분해서 적어줘야 한다. 사실 나는 별로 납득가지 않는데, 일반적으로 암호화 대상이 되는 데이터는 HTML에 거의 다 들어있고, 혹은 폼을 통해 전송하는 데이터에 들어있지 화면을 꾸미는 이미지, CSS, ... 등(이하 리소스 resource)에 들어있는게 아니기 때문이다. 따라서 경고를 안 내는게 맞는 것 같다. 아무튼 이런 상황에서 HTTPS인 페이지와 HTTP인 페이지별로 따로 모든 리소스의 경로를 구분해서 줘야 할까? 당연히 그럴필요 없어서 글 쓴다.. 더보기
웹 개발자를 위한 필수 브라우저 툴 출처 : http://www.kimdirector.co.kr/bbs/view.php?id=webdesign&no=289 웹디자이너와 웹 개발자 또는 웹퍼블리셔들에게 도움이 되는 내용일 것 같습니다. 해외에서 많이 사용하고 있는 사례이기는 하지만, 국내에서의 웹 디자이너와 개발자에게도 필요한 툴이 있을 것 같기도 합니다. 아래에 소개하고 있는 대부부의 툴이 구글 크롬과 익스플로러, 파이어폭스의 확장형 툴들입니다. 물론 오픈형 소스이기도 하구요. 저도 몇가지 사용하고 있는 툴이 있어서 기분이 좋습니다. 다 사용할 필요는 없겠지만, 나름대로 쓸만한 툴들도 눈에 들어오네요. 웹사이트 제작이나 개발을 하다보면 생각지도 못한 부분에서 확장형 툴들이 도움이 되기도 합니다. 저의 경우에는 구글 크롬이 기본 브라우저도 .. 더보기
mvc4 -> mvc5, razor 2.0 -> 3.0 전환시 오류 해결 1. nuget 으로 mvc 나 razor를 업그레이드 하고 나면 아래와 같은 에러가 뜬다... 이는 참조 모듈은 변경되었으나 web.config 에 과거 버전이 기재되어 있기 때문이다.1) razor 업그레이드 한 경우2) mvc 를 업그래이드한 경우Expression of type 'System.Web.Mvc.MvcWebRazorHostFactory' cannot be used for return type 'System.Web.WebPages.Razor.WebRazorHostFactory'해결 방법 : Views 폴더 안에 있는 web.config 에 있는 버전을 일괄 변경한다.위의 경우 2.0.0.0 으로 된 razor 버전을 일괄 3.0.0.0 으로 변경하였고, 두번째 Mvc 관련 오류도 web... 더보기
C# ASP.NET MVC4 핫링크 방지 ( Hotlink Protection ) 웹서버 구축시 골치 거리중 하나가 바로 핫링크(Hotlink) 입니다. 이미지나 동영상 같은 미디어 파일의 링크를 따서 외부 사이트에 걸어놓는 거죠. 이로인해 엄청난 양의 불필요한 트래픽이 발생할 수 있습니다. MVC4에서는 web.config 수정을 통해 이를 방지 할수 있습니다. 방법은 간단합니다. web.config 파일에 아래의 rule을 추가해주면, 해당 url에서 오는 요청이 아닌 것들은 rewrite에 지정된 이미지로 교체 해서 전송됩니다. 이 이미지는 저용량의 불펌금지!!! 같은 이미지로 설정해두면 좋겠죠. view plaincopy to clipboardprint?// mydomain에서 오는 요청이 아닌 것은 noimage.jpg로 전송 출처 : http://www.gamedevfore.. 더보기

티스토리툴바