VoidNoble IT Zone

:

......

1. Flexible Grid2. Flexible Images3. Mddia Queries 1. Flexible GridGoodbye pixel, hello Em and %From PX to EM 2. Flexible Images 3. Media Queries

타 부서로부터 어느날 결제관련 페이지 오류 리포팅이 들어왔는데 페이지를 열고 크롬 개발콘솔에 나타나는것을 보니 https:// 페이지인 결제관련 페이지의 헤더에 붙여져 있는 jQuery를 CDN으로 끌어다 쓰고 있었는데 주소가 http://로 되어 있어서 모든 스크립트가 오류를 내 뿜으며 작동하지 않는 문제가 바로 보였으며 아래와 같은 해결책을 찾게 되었습니다. 해결책#1: Google Analytics 삽입 스크립트의 경우 이런 처리를 기본적으로 제공해 주고 있었는데 아래와 같은 형식 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscr..

http://www.resrc.it/ 클라우드를 통한 이미지 리사이징http://codepen.io/timrwood/pen/yjtvs CSS로 이미지 Crophttp://juliankussman.com/scaling/ 응답형 풀사이즈 상단 이미지 구현 페이지

공감플러그인이란? (클릭) 아래의 소스에서 {주소},{제목},{이름}을 각각 적용하여야 합니다. 한글이 들어가는 경우 javascript 기준 encodeURIComponent 같은 utf-8 escape() 를 적용해야 합니다.

+ HTML5의 모든 것 (한글) http://channy.creation.net/blog/776 + 웹개발자를 위한 30가지 매우 유용한 HTML5 강좌, 기술, 예제들 +

http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/ 핵심은 아래의 코드 중 if IE 활용

이렇게 정석으로 하지 않고 으로 하면 Firefox 에서는 그 아래 태그가 주석처리된다. IE는 둘 다 정상 주석으로 본다. 이것때문에 한시간 넘게 삽질…

http://www.smashingmagazine.com/2009/04/11/20-beautiful-free-and-commercial-joomla-templates/