http://typing.io/ - 웹에서 개발 타이핑 연습하기. 

Practice typing the awkward characters in code.

* 메인화면 - 구글 계정으로 로그인하기

* 로그인 하면 각 개발언어와 예제 소스가 버튼모양으로 선택을 기다리고 있다.

* jQuery 선택해서 들어간 후 열심히 타이핑 하면 된다. 빨간 화살표가 나오면 빽스페이스( <- )로 삭제한다. 

  다 입력하면 멋들어진 결과가 나오니 열심히 오타없이 빨리 입력해보기 바란다.

PHP: How to easily provide JSON and JSONP

http://www.geekality.net/2010/06/27/php-how-to-easily-provide-json-and-jsonp/

핀트레스트 같은 효과?!  욱마트 wookmark.com

http://www.wookmark.com/jquery-plugin

10개의 신선하고 유용한 jQuery 플러그인

http://webdesignledger.com/freebies/10-fresh-and-useful-jquery-plugins-2

There are many reasons why you can say jQuery has enormous popularity. Some might say it’s because of its excellent cross browser compatibility, while others will argue that the small footprint is responsible for jQuery’s widespread adoption. While these are valid points, no one can deny that all of the great plugins built by a very passionate community is a big reason as well. So for this post we’ve gathered some of the latest jQuery plugins to be released. In this list you will find some very useful ones that will help you with things like layout, typography, and more.

Jquery Transit

Super-smooth CSS3 transformations and transitions for jQuery — v0.1.3

Pageslide

A jQuery plugin which slides a webpage over to reveal an additional interaction pane.

stellar.js

Parallax has never been easier.

Get turn.js

Is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.

jQuery Scroll Path

Glisse.js

Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You’ll like the transitions between two pictures entirely assumed by CSS3.

The Wookmark jQuery plugin

The Wookmark plugin detects the size of the window and automatically organizes the boxes into columns. Resize your browser to see the layout adjust. Note how the columns are approximately of equal height.

SlabText

A jquery plugin for producing big, bold and responsive headlines.

Morris.js

Making good-looking graphs shouldn’t be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.

HiddenPosition

Position any element to any element, even if they are hidden

Related Posts

Here's some other articles that you will definitely find useful.

12 Fresh and Free UI PSDs

11 Free Online Books for Web Designers

10 Excellent New Free Fonts

8 Beautiful New Free Fonts

15 High Quality PSD’s that You’ll Actually Use

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'; 을 정의해서 사용하시면 됩니다.