핀트레스트 같은 효과?!  욱마트 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'; 을 정의해서 사용하시면 됩니다.

확대 축소
/* 화면 확대 축소 시작 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.