Skeleton to WordPress: Getting up and Running

http://webdesign.tutsplus.com/tutorials/complete-websites/skeleton-to-wordpress-getting-up-and-running/

videos

• Design a Professional Blog Layout in Photoshop
• Building a Responsive Layout With Skeleton: Starting Out
• Building a Responsive Layout With Skeleton: Navigation
• Building a Responsive Layout With Skeleton: jQuery Plugins
• Building a Responsive Layout With Skeleton: Finishing Off
• Building a Responsive Layout With Skeleton: Widescreen
• Skeleton to WordPress: Getting up and Running

Starting Out

http://youtu.be/QVQ3XXRAKbc

WordPress’ Menu and Widgets

http://youtu.be/SqW8ENg4YA4

<iframe id="PayIFrame"></iframe>


1. src 바꾸기.
$("#PayIFrame").attr("src", "http://www.shop-wiz.com");

2. iframe  내의 문서 객체 접근
iframe 속의 문서에 <div id="target"></div>

$("#PayIFrame").contents().find("#target").html();


3. 부모문서에 접근
$("#parent_id", parent.document)


4. 부모문서의 다른 iframe 접근
$("#parent_id", parent.frames["frame_id"].document)




자동 iframe 길이 체크하기

function setSize(){
    $("#myIframe").height(500);
}

아래가 실제 코드입니다.
var resizeIframe = function (){
    $("#myIframe").load(function(){
        $(this).height($(this).contents().find('body')[0].scrollHeight);
    });
}
$(function(){
    resizeIframe();
});


<iframe src="" width="1000" height="500" frameborder="0" name="myIframe" id="myIframe" scrolling="no"></iframe>    

setSize는 실제 iframe 크기를 초기화 시키는 작업을 합니다.
iframe 내의 문서에서 parent.setSize()를 호출합니다.

만약 서브 도메인인경우는
parent와 child 에 각각 document.domain = 'domain.com'; 을 정의해서 사용하시면 됩니다.

확대 축소
/* 화면 확대 축소 시작 IE 전용 */
var nowZoom = 100; // 현재비율
var maxZoom = 200; // 최대비율(500으로하면 5배 커진다)
var minZoom = 80; // 최소비율

//화면 키운다.
function zoomIn(){
 if(nowZoom < maxZoom){
  nowZoom += 10; //25%씩 커진다.
 }else{
  return;
 }
 document.body.style.zoom = nowZoom + "%";
}

Node.js란 무엇인가? - http://blog.outsider.ne.kr/480

'장고(Django)'로 쉽고 빠른 웹 개발 - http://biohackers.net/wiki/RapidWebDevelopmentByDjango

Play Framework - http://www.playframework.org/documentation/2.0.1/Home

 : Play는 Java코드에서 변경된 사항이 서버 재시작없이 바로 반영된다.

   이는 Play가 컴파일된 class 파일이 아닌 Java소스코드를 직접 읽기 때문에 가능하다. 

   Play는 자체 컨테이너를 내장하고 있는데 현재 Play가 사용하는 컨테이너는 JBossNetty다.

   이전에 아파치 Mini를 사용하다가 WebSocket을 지원하기 위해 변경했다.

   그렇다고 Play로 개발된 웹 애플리케이션을 자체 서버에서만 실행할 수 있는 것은 아니다.

   Tmocat과 같은 일반 서블릿 컨테이너에서도 얼마든지 실행 할 수 있다. 

   * Source code on github : https://github.com/playframework

Navigator Object

The navigator object contains information about the browser.