웹 개발자들을 위한 웹 리소스 전문 사이트 - WebStoryMaker http://www.webstorymaker.com Sat, 07 Jan 2012 23:20:12 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 http://creativecommons.org/licenses/by-nc-sa/2.0/http://creativecommons.org/licenses/by-nc-sa/2.0/http://creativecommons.org/images/public/somerights20.gifSome Rights Reservedwebstorymaker/fXTYhttp://feedburner.google.com 사이트 운영 중단하고 트위터로 전송합니다 http://www.webstorymaker.com/2011/10/%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%9a%b4%ec%98%81-%ec%a4%91%eb%8b%a8%ed%95%98%ea%b3%a0-%ed%8a%b8%ec%9c%84%ed%84%b0%eb%a1%9c-%ec%a0%84%ec%86%a1%ed%95%a9%eb%8b%88%eb%8b%a4/ http://www.webstorymaker.com/2011/10/%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%9a%b4%ec%98%81-%ec%a4%91%eb%8b%a8%ed%95%98%ea%b3%a0-%ed%8a%b8%ec%9c%84%ed%84%b0%eb%a1%9c-%ec%a0%84%ec%86%a1%ed%95%a9%eb%8b%88%eb%8b%a4/#comments Wed, 12 Oct 2011 15:35:40 +0000 WebStoryMaker http://www.webstorymaker.com/?p=1285
  • Clicky, 실시간으로 사이트 분석을 하자
  • Mint, 설치형 사이트 분석기
    • ]]>

    사정상 사이트 운영을 중단합니다. 대신 트위터로 리소스들을 전송하고 있습니다. 트위터로 follow 하시면 가치 있는 리소스들을 지속적으로 받아보실 수 있을 것입니다.

    트위터 바로가기

     

     

    연관된 포스트:

    1. Clicky, 실시간으로 사이트 분석을 하자
    2. Mint, 설치형 사이트 분석기

    ]]>     http://www.webstorymaker.com/2011/10/%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%9a%b4%ec%98%81-%ec%a4%91%eb%8b%a8%ed%95%98%ea%b3%a0-%ed%8a%b8%ec%9c%84%ed%84%b0%eb%a1%9c-%ec%a0%84%ec%86%a1%ed%95%a9%eb%8b%88%eb%8b%a4/feed/ 0     오픈소스 스트리트 맵을 사용한 CloudMade http://www.webstorymaker.com/2011/02/%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4-%ec%8a%a4%ed%8a%b8%eb%a6%ac%ed%8a%b8-%eb%a7%b5%ec%9d%84-%ec%82%ac%ec%9a%a9%ed%95%9c-cloudmade/ http://www.webstorymaker.com/2011/02/%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4-%ec%8a%a4%ed%8a%b8%eb%a6%ac%ed%8a%b8-%eb%a7%b5%ec%9d%84-%ec%82%ac%ec%9a%a9%ed%95%9c-cloudmade/#comments Wed, 23 Feb 2011 18:25:35 +0000 WebStoryMaker http://www.webstorymaker.com/2011/02/%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4-%ec%8a%a4%ed%8a%b8%eb%a6%ac%ed%8a%b8-%eb%a7%b5%ec%9d%84-%ec%82%ac%ec%9a%a9%ed%95%9c-cloudmade/
  • Gmap, 구글 맵을 쉽게 연동할 수 있는 jQuery 플러그인
  • Protovis, 자바스크립트와 SVG 를 사용한 그래프 생성기
  • Flowplayer, 오픈소스 플래시 영상 재생기
  • Lava Lamp Effect Menu, jQuery를 사용한 라바 램프 효과의 메뉴 만들기
  • CodeIgniter, 오픈소스 PHP 프레임 워크
    • ]]>

    image

    오픈 스트리트 맵 (사용자가 생성한 오픈 지도)를 사용하는 CloudMade  를 소개합니다. 특정 지역에 따라서 구글보다 상세한 지도를 보여준다는 클라우드 메이드는 사용자에 의해 생성되는 지도 (위키의 개념)를 사용하기 때문에 사용자에 의한 수정이 가능한 지도입니다. CloudMade API 도 구글 못지않은 기능들을 제공하며 또한 다양한 스타일 지도도 지원합니다. 사용자가 이미 생성해 놓은 지도 스타일도 사용이 가능하기 때문에 확장이 용이합니다.

    http://maps.cloudmade.com

    연관된 포스트:

    1. Gmap, 구글 맵을 쉽게 연동할 수 있는 jQuery 플러그인
    2. Protovis, 자바스크립트와 SVG 를 사용한 그래프 생성기
    3. Flowplayer, 오픈소스 플래시 영상 재생기
    4. Lava Lamp Effect Menu, jQuery를 사용한 라바 램프 효과의 메뉴 만들기
    5. CodeIgniter, 오픈소스 PHP 프레임 워크

    ]]>     http://www.webstorymaker.com/2011/02/%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4-%ec%8a%a4%ed%8a%b8%eb%a6%ac%ed%8a%b8-%eb%a7%b5%ec%9d%84-%ec%82%ac%ec%9a%a9%ed%95%9c-cloudmade/feed/ 0     Codrops의 풀 페이지 포토 월 갤러리 http://www.webstorymaker.com/2011/02/codrops%ec%9d%98-%ed%92%80-%ed%8e%98%ec%9d%b4%ec%a7%80-%ed%8f%ac%ed%86%a0-%ec%9b%94-%ea%b0%a4%eb%9f%ac%eb%a6%ac/ http://www.webstorymaker.com/2011/02/codrops%ec%9d%98-%ed%92%80-%ed%8e%98%ec%9d%b4%ec%a7%80-%ed%8f%ac%ed%86%a0-%ec%9b%94-%ea%b0%a4%eb%9f%ac%eb%a6%ac/#comments Fri, 18 Feb 2011 23:51:07 +0000 WebStoryMaker http://www.webstorymaker.com/2011/02/codrops%ec%9d%98-%ed%92%80-%ed%8e%98%ec%9d%b4%ec%a7%80-%ed%8f%ac%ed%86%a0-%ec%9b%94-%ea%b0%a4%eb%9f%ac%eb%a6%ac/
  • Jquery를 사용한 풀사이즈 이미지 갤러리
  • Imagin, 플래시 포토 갤러리
  • dfGallery 2.0, 플래시 갤러리
  • Sliding Login Panel, 슬라이딩 로그인 패널
  • ZenPhoto, 설치형 웹 갤러리
    • ]]>

    image

    Codrops에서 제공하는 jQuery를 사용한 포토 월 갤러리 만드는 방법입니다. 이미지를 한눈에 쉽게 볼수 있도록 월페이퍼를 만들어주며 깔끔한 이미지 트랜지션을 보여주기 때문에 fancy하면서도 사용이 쉬운 갤러리를 만들어줍니다.

    http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/

    연관된 포스트:

    1. Jquery를 사용한 풀사이즈 이미지 갤러리
    2. Imagin, 플래시 포토 갤러리
    3. dfGallery 2.0, 플래시 갤러리
    4. Sliding Login Panel, 슬라이딩 로그인 패널
    5. ZenPhoto, 설치형 웹 갤러리

    ]]>     http://www.webstorymaker.com/2011/02/codrops%ec%9d%98-%ed%92%80-%ed%8e%98%ec%9d%b4%ec%a7%80-%ed%8f%ac%ed%86%a0-%ec%9b%94-%ea%b0%a4%eb%9f%ac%eb%a6%ac/feed/ 1     Jquery를 사용한 풀사이즈 이미지 갤러리 http://www.webstorymaker.com/2011/02/jquery%eb%a5%bc-%ec%82%ac%ec%9a%a9%ed%95%9c-%ed%92%80%ec%82%ac%ec%9d%b4%ec%a6%88-%ec%9d%b4%eb%af%b8%ec%a7%80-%ea%b0%a4%eb%9f%ac%eb%a6%ac/ http://www.webstorymaker.com/2011/02/jquery%eb%a5%bc-%ec%82%ac%ec%9a%a9%ed%95%9c-%ed%92%80%ec%82%ac%ec%9d%b4%ec%a6%88-%ec%9d%b4%eb%af%b8%ec%a7%80-%ea%b0%a4%eb%9f%ac%eb%a6%ac/#comments Sun, 13 Feb 2011 07:40:58 +0000 WebStoryMaker http://www.webstorymaker.com/2011/02/jquery%eb%a5%bc-%ec%82%ac%ec%9a%a9%ed%95%9c-%ed%92%80%ec%82%ac%ec%9d%b4%ec%a6%88-%ec%9d%b4%eb%af%b8%ec%a7%80-%ea%b0%a4%eb%9f%ac%eb%a6%ac/
  • Codrops의 풀 페이지 포토 월 갤러리
  • FullScreen Image Gallery, 풀사이즈 이미지 갤러리
  • Lava Lamp Effect Menu, jQuery를 사용한 라바 램프 효과의 메뉴 만들기
  • dfGallery 2.0, 플래시 갤러리
  • Supersized jQuery Plugin, 풀사이즈 갤러리
    • ]]>

    image

    Codrops에서 jquery를 사용하여 풀페이지 이미지 갤러리를 만드는 방법을 상세하게 기술해놓았습니다. 포트폴리오를 만들고자 하는 분들이나 또는 간단하면서도 화려한 이미지 갤러리를 만들고자 하는 분들에게 매우 유용한 정보가 될것 같습니다.

    http://www.tympanus.net/codrops/2010/09/08/full-page-image-gallery/

    연관된 포스트:

    1. Codrops의 풀 페이지 포토 월 갤러리
    2. FullScreen Image Gallery, 풀사이즈 이미지 갤러리
    3. Lava Lamp Effect Menu, jQuery를 사용한 라바 램프 효과의 메뉴 만들기
    4. dfGallery 2.0, 플래시 갤러리
    5. Supersized jQuery Plugin, 풀사이즈 갤러리

    ]]>     http://www.webstorymaker.com/2011/02/jquery%eb%a5%bc-%ec%82%ac%ec%9a%a9%ed%95%9c-%ed%92%80%ec%82%ac%ec%9d%b4%ec%a6%88-%ec%9d%b4%eb%af%b8%ec%a7%80-%ea%b0%a4%eb%9f%ac%eb%a6%ac/feed/ 0     Newswall, 한눈에 보는 설치형 뉴스리더 http://www.webstorymaker.com/2011/02/newswall-%ed%95%9c%eb%88%88%ec%97%90-%eb%b3%b4%eb%8a%94-%ec%84%a4%ec%b9%98%ed%98%95-%eb%89%b4%ec%8a%a4%eb%a6%ac%eb%8d%94/ http://www.webstorymaker.com/2011/02/newswall-%ed%95%9c%eb%88%88%ec%97%90-%eb%b3%b4%eb%8a%94-%ec%84%a4%ec%b9%98%ed%98%95-%eb%89%b4%ec%8a%a4%eb%a6%ac%eb%8d%94/#comments Fri, 11 Feb 2011 07:47:41 +0000 WebStoryMaker http://www.webstorymaker.com/2011/02/newswall-%ed%95%9c%eb%88%88%ec%97%90-%eb%b3%b4%eb%8a%94-%ec%84%a4%ec%b9%98%ed%98%95-%eb%89%b4%ec%8a%a4%eb%a6%ac%eb%8d%94/
  • Galeriashqip, 가볍고 심플한 설치형 갤러리
  • Rsslounge aggregator, 설치형 RSS 리더기
  • Mint, 설치형 사이트 분석기
  • ClickHeat, 웹 페이지의 클릭율을 분석하자
  • BlogEngine.NET, 닷넷으로 제작된 블로깅 툴
    • ]]>

    image

    뉴스월은 한 눈에 모든 기사를 쉽게 볼 수있게 해주는 설치형 뉴스리더입니다. 인상적인 것은 rss뉴스 뿐만 아니라 이메일도 뉴스월을 통해 볼수 있도록 설계되었습니다. Php기반이며 데이터베이스 없이 설치가 가능한 심플한 어플리케이션입니다.

    http://newswall.mayoco.de/demo_e/index.php

    연관된 포스트:

    1. Galeriashqip, 가볍고 심플한 설치형 갤러리
    2. Rsslounge aggregator, 설치형 RSS 리더기
    3. Mint, 설치형 사이트 분석기
    4. ClickHeat, 웹 페이지의 클릭율을 분석하자
    5. BlogEngine.NET, 닷넷으로 제작된 블로깅 툴

    ]]>     http://www.webstorymaker.com/2011/02/newswall-%ed%95%9c%eb%88%88%ec%97%90-%eb%b3%b4%eb%8a%94-%ec%84%a4%ec%b9%98%ed%98%95-%eb%89%b4%ec%8a%a4%eb%a6%ac%eb%8d%94/feed/ 1     Google Chart Tools, 빠르고 다이나믹한 차트 생성 http://www.webstorymaker.com/2010/07/google-chart-tools-%eb%b9%a0%eb%a5%b4%ea%b3%a0-%eb%8b%a4%ec%9d%b4%eb%82%98%eb%af%b9%ed%95%9c-%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1/ http://www.webstorymaker.com/2010/07/google-chart-tools-%eb%b9%a0%eb%a5%b4%ea%b3%a0-%eb%8b%a4%ec%9d%b4%eb%82%98%eb%af%b9%ed%95%9c-%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1/#comments Sat, 10 Jul 2010 18:39:38 +0000 WebStoryMaker http://www.webstorymaker.com/?p=1249
  • Open Flash Chart 2, 오픈 플래시 차트
  • YUI 2 Chart, 야후 YUI 2 기반의 차트/그래프
  • FusionCharts, 플래시 기반의 웹과 데스크탑을 위한 어플리케이션
  • Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!
  • pChart, PHP 기반의 차트 생성 프레임 워크
    • ]]>

    Google Chart Tools 는 Static 또는 Interactive 한 그래프 및 차트 생성을 위한 API 입니다. 기본적으로 Line, Bar, Pie 등의 차트가 지원이 되며 그 외에도 Map 등 구글 소프트웨어에서 사용되고 있는 다양한 차트 S/W 를 내재하고 있습니다. 한가지 단점으로는 차트에 사용되는 데이터가 구글 서버에 전송이 되어 일시적으로 저장이 된다는 것입니다. 특별하게 노출되지 말아야 할 데이터 사용이 아니고서는 자바스크립트 코드를 사용하여 매우 쉽고 빠르게 작성할 수 있습니다.

    웹사이트 바로가기
    라이센스: 기타

    연관된 포스트:

    1. Open Flash Chart 2, 오픈 플래시 차트
    2. YUI 2 Chart, 야후 YUI 2 기반의 차트/그래프
    3. FusionCharts, 플래시 기반의 웹과 데스크탑을 위한 어플리케이션
    4. Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!
    5. pChart, PHP 기반의 차트 생성 프레임 워크

    ]]>     http://www.webstorymaker.com/2010/07/google-chart-tools-%eb%b9%a0%eb%a5%b4%ea%b3%a0-%eb%8b%a4%ec%9d%b4%eb%82%98%eb%af%b9%ed%95%9c-%ec%b0%a8%ed%8a%b8-%ec%83%9d%ec%84%b1/feed/ 0     xmoovStream, PHP 스트리밍 서버 http://www.webstorymaker.com/2010/03/xmoovstream-php-%ec%8a%a4%ed%8a%b8%eb%a6%ac%eb%b0%8d-%ec%84%9c%eb%b2%84/ http://www.webstorymaker.com/2010/03/xmoovstream-php-%ec%8a%a4%ed%8a%b8%eb%a6%ac%eb%b0%8d-%ec%84%9c%eb%b2%84/#comments Mon, 01 Mar 2010 18:58:43 +0000 WebStoryMaker http://www.webstorymaker.com/?p=724
  • Search And Share, 사이트의 컨텐츠를 쉽게 공유
  • PEAR, PHP 오픈소스 패키지
  • CodeIgniter, 오픈소스 PHP 프레임 워크
  • pChart, PHP 기반의 차트 생성 프레임 워크
  • Symfony, MVC 디자인 패턴의 PHP 프레임 워크
    • ]]>

    Streaming Server

    xmoovStream 서버는 PHP 로 제작된 미디어 컨텐츠의 포스트를 위한  http 스트리밍 서버입니다. 미디어 파일의 액세스에 콘트롤(Control)을 더해주며 한번의 설치로 다른 url 로부터 오는 컨텐츠들 또한 관리할 수 있습니다. 여러 다양한 미디어 포맷을 지원하며 다양한 OS 에서도 사용이 가능합니다. 오픈소스이며 비상업적 용도 한해서만 무료입니다.

    xmoovStream 웹사이트

    라이센스: CC, 상업용 라이센스

    연관된 포스트:

    1. Search And Share, 사이트의 컨텐츠를 쉽게 공유
    2. PEAR, PHP 오픈소스 패키지
    3. CodeIgniter, 오픈소스 PHP 프레임 워크
    4. pChart, PHP 기반의 차트 생성 프레임 워크
    5. Symfony, MVC 디자인 패턴의 PHP 프레임 워크

    ]]>     http://www.webstorymaker.com/2010/03/xmoovstream-php-%ec%8a%a4%ed%8a%b8%eb%a6%ac%eb%b0%8d-%ec%84%9c%eb%b2%84/feed/ 0     Plupload, 업로드를 위한 라이브러리 http://www.webstorymaker.com/2010/02/plupload/ http://www.webstorymaker.com/2010/02/plupload/#comments Thu, 25 Feb 2010 18:51:33 +0000 WebStoryMaker http://www.webstorymaker.com/?p=1116
  • BackPress, 워드프레스의 기초토대가 되는 PHP 라이브러리
  • OpenFaces, AJAX 로 무장한 JSF 라이브러리
  • Search And Share, 사이트의 컨텐츠를 쉽게 공유
  • jQuery, 빠른 개발을 위한 자바스크립트 라이브러리
  • Libchart, PHP 기반의 그래프/차트 생성 라이브러리
    • ]]>

    Pluploader

    위지윅 (WYSIWYG) 에디터를 사용하다 보면 이미지나 파일의 업로드가 자유롭지 못함에 답답함을 느끼신 적이 있으실 것입니다. Plupload 는 이러한 불편을 덜기 위해 HTML 5 Gears, 실버라이트, 플래시, 브라우저플러스 또는 일반적 form 에 특별한 기능들을 부여해 주어 업로드 상태표시, 이미지 사이즈 조절, 또는 한꺼번에 여러 파일을 동시에 올릴 수 있도록 더해줍니다.

    Plupload 웹사이트
    데모
    라이센스: GPLv2

    연관된 포스트:

    1. BackPress, 워드프레스의 기초토대가 되는 PHP 라이브러리
    2. OpenFaces, AJAX 로 무장한 JSF 라이브러리
    3. Search And Share, 사이트의 컨텐츠를 쉽게 공유
    4. jQuery, 빠른 개발을 위한 자바스크립트 라이브러리
    5. Libchart, PHP 기반의 그래프/차트 생성 라이브러리

    ]]>     http://www.webstorymaker.com/2010/02/plupload/feed/ 3     Sypex Dumper 2, 데이터베이스 백업을 손쉽게.. http://www.webstorymaker.com/2010/02/sypex-dumper-2-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4-%eb%b0%b1%ec%97%85%ec%9d%84-%ec%86%90%ec%89%bd%ea%b2%8c/ http://www.webstorymaker.com/2010/02/sypex-dumper-2-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4-%eb%b0%b1%ec%97%85%ec%9d%84-%ec%86%90%ec%89%bd%ea%b2%8c/#comments Wed, 24 Feb 2010 00:59:26 +0000 WebStoryMaker http://www.webstorymaker.com/?p=1200
  • SQL Buddy, 데이터베이스 관리도구
  • Search And Share, 사이트의 컨텐츠를 쉽게 공유
    • ]]>

    sypex dumper 2

    데이터베이스를 사용하는 웹사이트 혹은 웹 어플리케이션을 관리하는 데에 있어 MySQL 데이터베이스 백업은 매우 중요하지 않을 수 없습니다. 자칫 잘못했다가 데이터베이스를 망가뜨리는 경우에는 복구가 불가능하기 때문입니다. Sypex Dumper 2 는 DB를 Dump 하여 백업할 수 있도록 해주며 100 MB 가 넘는 데이터베이스까지 백업할 수 있도록 돕습니다. 또한 Command line 콘솔도 사용이 가능하며 Cron 작업으로 주기적인 업무도 수행을 가능하게 해줍니다.

    Sypex Dumper 2
    라이센스: BSD

    연관된 포스트:

    1. SQL Buddy, 데이터베이스 관리도구
    2. Search And Share, 사이트의 컨텐츠를 쉽게 공유

    ]]>     http://www.webstorymaker.com/2010/02/sypex-dumper-2-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4-%eb%b0%b1%ec%97%85%ec%9d%84-%ec%86%90%ec%89%bd%ea%b2%8c/feed/ 0     jQuery Quicksand Plugin, 정렬을 Mac 처럼 구현하자 http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/ http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/#comments Tue, 23 Feb 2010 21:52:29 +0000 WebStoryMaker http://www.webstorymaker.com/?p=1201
  • Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!
  • Before/After jQuery Plugin
  • Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin
  • Masonry, 레이아웃 정렬을 위한 jQuery 플러그인
  • Feature List, jQuery Plugin 광고패널 만들기
    • ]]>

    jquery quicksand plugin

    Mac 유저들에게 익숙한 셔플 애니메이션을 웹에서도 쉽게 구현할 수 있게 되었습니다. jQuery Quicksand 플러그인은 자바스크립트 애니메이션을 사용하여 아이템을 정렬하거나 필터링 할시에 효과를 줄 수 있도록 해줍니다. 직접 데모를 통해 확인해 보시기 바랍니다.

    jQuery Quicksand Plugin
    라이센스: GPL, MIT

    연관된 포스트:

    1. Google Maps JQuery Plugin, 구글 맵을 쉽게 연동하자!
    2. Before/After jQuery Plugin
    3. Ajax Fancy Captcha, 화려한 캡차 jQuery Plugin
    4. Masonry, 레이아웃 정렬을 위한 jQuery 플러그인
    5. Feature List, jQuery Plugin 광고패널 만들기

    ]]>     http://www.webstorymaker.com/2010/02/jquery-quicksand-plugin-%ec%a0%95%eb%a0%ac%ec%9d%84-mac-%ec%b2%98%eb%9f%bc-%ea%b5%ac%ed%98%84%ed%95%98%ec%9e%90/feed/ 1