http://maps.google.co.kr/

<
크게 보기
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/07/02 14:13 2009/07/02 14:13
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4418

[jQuery] jCarousel - 슬라이드쇼

jCarousel - 슬라이드쇼

http://sorgalla.com/jcarousel/

>

[ 소스 다운로드 ]




Static Examples

Simple carousel
Vertical carousel
Carousel with autoscrolling
Carousel illustrating the callback functions
Carousel with external controls
Carousel with custom start position
Multiple carousels on one page

Dynamic Examples

Carousel with dynamic content loading via JavaScript
Carousel with dynamic content loading via Ajax
Carousel with dynamic content loading via Ajax from a PHP script
Carousel with dynamic content loading via Ajax from the Flickr photo stream
Carousel with dynamic content loading via Ajax from the Flickr API

Special Examples

Circular carousel
Using jCarousel as a Textscroller
Flexible carousel
jCarousel and Thickbox 3
Carousel with custom animation effect




설명 : http://sorgalla.com/projects/jcarousel/

이미지보기 more..

크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/07/01 16:28 2009/07/01 16:28
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4414

http://www.maani.us/

XML / SWF 이용한 챠트, 게이지, 슬라이드쇼,시계,동영상 플레이어
















[ Download Source : Charts ]
[ Download Source : Gauge ]
[ Download Source : SlideShow]


챠트 : http://www.maani.us/xml_charts/

>



Line
Column
Stacked Column
Floating Column
3D Column
Image Column(new)
Stacked 3D Column
Parallel 3D Column
Pie
3D Pie
Image Pie(new)
Donut(new)
Bar
Stacked Bar
Floating Bar
Area
Stacked Area
3D Area(new)
Stacked 3D Area(new)
Candlestick
Scatter
Polar
Bubble(new)

Mixed
Composite
Joined
Custom(new)

Scroll 1(new)
Scroll 2(new)


슬라이드쇼 : http://www.maani.us/xml_slideshow/index.php

>

게이지(Gauge) : http://www.maani.us/gauge/index.php

>
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/07/01 16:06 2009/07/01 16:06
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4413

Ajax 모음 - IBM 에서 발취

[ Download Source - 아래의 예제에 나오는 소스 ]

E4X와 Prototype으로 구현하는 Ajax 스무고개 게임, Part 1 : 스무고개 게임 기반 구조 구현하기

http://www.ibm.com/developerworks/kr/library/x-e4xpart1/index.html

[Download Source] jQuery로 작업하기 Part1


E4X와 Prototype으로 구현하는 Ajax 스무고개 게임, Part 2: 게임을 더 똑똑하게 만들기

http://www.ibm.com/developerworks/kr/library/x-e4xpart2/index.html

[Download Source] jQuery로 작업하기 Part2


Ajax와 XML: HTML 폼에 Ajax 사용하기 - Ajax를 사용하여 입력 폼을 생성하는 법

http://www.ibm.com/developerworks/kr/library/x-ajaxxml9/index.html

[Download Source] HTML폼에 Ajax 사용하기


Ajax와 XML: 채팅(chat)용 Ajax - Ajax와 PHP를 사용하여 채팅 애플리케이션 구현하기

http://www.ibm.com/developerworks/kr/library/x-ajaxxml8/index.html

[Download Source] 채팅(chat)용 Ajax


Ajax와 XML: 미디어용 Ajax - Ajax 기술을 사용하여 영화와 슬라이드 쇼 보여주기

http://www.ibm.com/developerworks/kr/library/x-ajaxxml7/index.html

[Download Source] 미디어용 Ajax


Ajax와 XML: 라이트박스(lightbox)용 Ajax - Ajax 기술을 사용하여 라이트박스, 팝업, 윈도우, 페이더(fader) 만들기

http://www.ibm.com/developerworks/kr/library/x-ajaxxml6/index.html

[Download Source] 라이트박스(lightbox)용 Ajax


Ajax와 XML: Ajax를 사용한 레이팅(rating)과 코멘팅(commenting) - 친화적인 레이팅 및 코멘팅 기능을 Ajax를 사용하여 애플리케이션에 추가하기

http://www.ibm.com/developerworks/kr/library/x-ajaxxml5/index.html

[Download Source] Ajax를 이용한 ratingNcommenting


Ajax와 XML: 최고의 Ajax 배우기 - 최상의 Web 2.0 애플리케이션으로 사용자 경험 향상

http://www.ibm.com/developerworks/kr/library/x-ajaxxml4/index.html

[Download Source] 최고의 Ajax 배우기


Ajax와 XML: 다섯 가지 Ajax 안티 패턴(anti-pattern) - Ajax 코드의 일반적인 함정 피하기

http://www.ibm.com/developerworks/kr/library/x-ajaxxml3/index.html

[Download Source] 다섯가지 Ajax anti-pattern


Ajax와 XML: 다섯 개의 일반적인 Ajax 패턴 - 유용한 Ajax 디자인 패턴들

http://www.ibm.com/developerworks/kr/library/x-ajaxxml2/index.html

[Download Source] 다섯개의 일반적인 Ajax pattern


Ajax와 XML: 다섯 개의 추천할 만한 Ajax 위젯 - 새로운 그래픽 툴로 Ajax와 XML을 사용하여 사이트 품질 높이기

http://www.ibm.com/developerworks/kr/library/x-ajaxxml1/index.html

[Download Source] 다섯개의 추천할만한 Ajax widget
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/07/01 13:58 2009/07/01 13:58
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4412

http://www.stato.kr/home/stato

개인별 시작페이지를 만들 수 있다.

크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/06/29 10:37 2009/06/29 10:37
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4403

짜장면과 개발자 ... 과연?

짜장면을 시켰다.

Situation 1
배달이 왔다. Only 짜장면만.. '단무지는 왜 없죠?'
'단무지 달라고 말 안했잖아요.'

Situation 2
배달이 다시왔다. 역시 이번에도 단무지만 가지고 왔다. 나무젓가락은?
'나무젓가락 달라고 말 안했잖아요'

Situation 3
짜장면을 보니 전에 보다 양이 부족해 보인다. 양이 부족한것 아닌가?
'그런 이야기 하려면 처음부터 곱배기로 주문했어야죠'

Situation 4
짜장면을 비비고 맛을 보니 맛이 함량 미달이다. 이거 맛이 이상한데?
'짜장면 만들 줄 알아? 만들 줄도 모르면 말을 마셈'

Situatiopn 5
그리고 면이 불어서 떡이 진것을 지적했다.
'이거 수타면이거든요. 수타면은 내려칠때 각도가 어쩌구, 반죽이 저쩌구'

Situation 6
아무래도 먹을 수가 없어서 짬뽕으로 다시 재주문 했더니..
'이제까지 만든 짜장소스가 있기 때문에 짬뽕 만드는 것은 불가 하거든요'

Situation 7
'개발자하고 이야기 하는 것이 위의 상황과 같다' 라고 이야기 했더니..
'님하 그거는 개발자가 아니구 코더거든요. 시키는 대로만 하는..'

물론 아키텍트, 개발자, 코더, HTML 짜르는 알바. 날코딩하는 하드코어프로그래머, 스크립터 등등 여러가지 기능과 성격으로 나눠진다. 그런데 일반사람들 눈에는 모두 개발자라고 뭉뚱그려진다. 장교건 하사관이건 병이던 모두 군발이 아닌가.

그리고 짜장면 시키면 단무지하고 나무젓가락 기본으로 오고 서비스로 군만두 정도 바라는게 무리는 아닐 것이다. 그랬으면 좋겠다. 군만두 서비스까지는 안 바라더라도 단무지 정도는 말 안해도 갖다주는..
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/06/29 10:29 2009/06/29 10:29
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4402



[ 다운로드 #1 - 본문 내용 PDF ]

[ 다운로드 #2 - 플로그인 소스 ]
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/06/29 10:21 2009/06/29 10:21
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4401

자바스크립트 Style 객체 모음

this.style.bacgroundColor = 배경색

this.style.backgroundImage = 배경 이미지

this.style.color = 색상

this.style.fontWeight = 폰트의 두께 (normal, bold, bolder, lighter, 100, 200, 300, 400(디폴트), 500 ... )

this.style.textDecoration = 밑줄사용 'underline', 밑줄제거 'none'

this.style.position = 위치, 사용할 수 있는 값은 "절대" 위치값과 "상대" 위치값이다.

this.style.pixelWidth = 가로 길이 (width)

this.style.pixelHeight = 세로 길이 (height)

this.style.pixelLeft = x-y 좌표계를 사용할 경우 요소의 x 위치

this.style.pixelTop = x-y 좌표계를 사용할 경우 요소의 y 위치
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/06/25 09:45 2009/06/25 09:45
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4393

훈스닷넷 - http://www.hoons.kr/

훈스닷넷 - http://www.hoons.kr/

UCC라이트 - http://ucclight.hoons.kr/


[개발툴] 비주얼 스튜디오 - 한글 기준

비주얼 스튜디오 2008 trial 버전 (정품이 없을 경우 Trial 버전을 설치하면 됩니다.)
http://www.microsoft.com/downloads/details.aspx?displaylang=ko&FamilyID=83c3a1ec-ed72-4a79-8961-25635db0192b

비주얼 스튜디오 2008 서비스팩1
http://www.microsoft.com/downloads/details.aspx?displaylang=ko&FamilyID=27673c47-b3b5-4c67-bd99-84e525b5ce61

비주얼 스튜디오 실버라이트 개발툴
http://www.microsoft.com/downloads/details.aspx?FamilyID=c22d6a7b-546f-4407-8ef6-d60c8ee221ed&DisplayLang=ko


[디자인/애니메이션 툴] 익스프레션 블렌드 - 영문판

한글판의 서비스팩1이 아직 나오지 않았기 때문에 블렌드를 설치해야합니다.

익스프레션 블렌드 평가판 - 영문판
http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=5ff08106-b9f4-43cd-abad-4cc9d9c208d7
익스프레션 브렌드 서비스팩1
http://www.microsoft.com/downloads/details.aspx?FamilyId=EB9B5C48-BA2B-4C39-A1C3-135C60BBBE66&displaylang=en

[디자인/애니메이션 툴] 익스프레션 블렌드 - 한글판

한글판의 서비스팩1이 아직 나오지 않았기 때문에 블렌드를 설치해야합니다.

익스프레션 블렌드 평가판 - 한글판
http://www.microsoft.com/downloads/details.aspx?displaylang=ko&FamilyID=5ff08106-b9f4-43cd-abad-4cc9d9c208d7
익스프레션 브렌드 서비스팩1
http://www.microsoft.com/downloads/details.aspx?FamilyId=EB9B5C48-BA2B-4C39-A1C3-135C60BBBE66&displaylang=ko


[한글] 실버라이트 SDK 설명서

http://www.microsoft.com/downloads/details.aspx?displaylang=ko&FamilyID=bce7684a-507b-4fc6-bc99-6933cd690cab
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/06/24 11:21 2009/06/24 11:21
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4389

기본을 알면 디자인이 쉽다. 네비게이션 기본 & 핵심 원칙

EASY - 쉬운 네비게이션을 위한 원칙

1. 학습이 필요한 네비게이션은 피하라.

2. 사용자의 편재 위치를 항상 알 수 있도록 제공하라.

3. 대안을 제시할 수 있는 네비게이션을 제공하라.

: 계속 발전하는 웹 환경에서 새로운 학습이란 꼭 필요한 것입니다. 하지만 불필요하게 어렵게 만들어 사용자들로 하여금
많은 학습을 강요한다면 사용자들에게 외면당할 수 밖에 없습니다. 쉬운 네비게이션을 위한 원칙을 지켜 정황과 다양항 대안등을
제공해 주어 사용자들이 쉽게 사용할 수 있는 웹 사이트를 제작할 수 있기를 바랍니다.

Intuition - 직관적인 네비게이션을 위한 원칙

1. 네비게이션은 분명한 시각적 메시지를 제공하라.

2. 명확한 레이블을 제공하는 네비게이션을 제공하라.

3. 모든 페이지 내의 링크를 링크로 지각할 수 있도록 구성하라.

: 불필요한 설명과 복잡한 배치로 인해 네비게이션을 어렵게 만들어서는 안 됩니다.
어떻게 제공하는가, 내용물은 무엇인가 등에 대한 필수적인 사항이 네비게이션으로 표현될 수 있어야 합니다.
네비게이션의 확실한 시작적인 표시를 통해 직관적인 네비게이션을 위한 원칙을 지켜
사용하기쉬운 웹 사이트를 제작 할 수 있기를 바랍니다.

Consistency - 일관성 있는 네비게이션을 위한 원칙

1. 전체 사이트의 네비게이션이 일관성을 유지할 수 있도록 설계하라.

2. 다른 사이트들이 지키고 있는 네비게이션 원칙을 지켜라.

3. 네비게이션의 리에아웃을 조직적으로 설계하라.

: 일관성이란 하나의 웹 사이트상에서 또는 여러 가지 웹 사이트에서 지켜지고 있어
학습 없이도 쉽게 사용할 수 있는 법칙을 말합니다. 네비게이션의 일관성이 지켜지면 반복에 의한
학습 효과로 인해 심리적 모델 추출이 가능하고 일관성이 지켜지지 않으면 사용자를 혼란스럽게 할 것입니다.
일관성 있는 네비게이션을 위한 원칙을 지켜 사용자들에게 익숙하고 쉽게 사용할 수 있는 웹 사이트를
제작할 수 있기를 바랍니다.

Economy - 경제적인 네비게이션을 위한 원칙

1. 네비게이션의 구성 요소를 명료하게 표현하라.

2. 가장 중요한 요소를 강조하여 네비게이션을 설계하라.

3. 정보를 단계적으로 볼 수 있도록 네비게이션을 설계하라.

: 경제성의 개념은 '간결성','명료성' 등의 원리와 함께 다양한 정보를 한 화면 속에 보여 주면서
여러 가지 컨텐츠들의 내용과 구성을 쉽게 알아볼 수 있도록 하는 원리입니다.
경제적인 네비게이션을 위한 원칙을 지켜 사용자들이 최소한의 노력으로 바로 원하는 정보를 찾을 수 있도록
도움을 주는 웹사이트를 제작할 수 있기를 바랍니다.

Suitability - 사이트의 타겟에 적합한 네비게이션을 위한 원칙

1. 사용자의 연령에 적합한 네비게이션을 선택하라.

2. 사용자의 성별 등에 적합한 네비게이션을 선택하라.

3. 사용자의 예상 사용 시간에 적합한 네비게이션을 선택하라.

: 적합성이란 사용자의 연령, 성별, 예상 사용시간 등 다양한 타겟에 맞게 사이트의 컨셉을 제공해 주는 것을 말합니다.
사이트 메인 타겟의 인구 통계학적인 분석이 필요하며, 타겟이 되는 주 사용자들의 흥미를 유발할 수 있는 모든 방법이 동원되어
사용자들의 감성을 만족시켰을 때 잘 만들어진 사이트라고 말할 수 있을 것입니다. 사이트의 타겟에 적합한 네비게이션을 위한 원칙을 지켜
타겟 사용자들의 감성에 적합한 웹 사이트를 제작할 수 있기를 바랍니다.

Structure - 사이트 구조에 적합한 네비게이션을 위한 원칙

1. 계열 구조에 따른 네비게이션을 설계하라.

2. 계층 구조에 따른 네비게이션을 설계하라.

3. 그리드 구조에 따른 네비게이션을 설계하라.

4. 네트워크 구조에 따른 네비게이션을 설계하라.

: 현재 우리가 흔히 접하는 네비게이션 구조는 계열 구조, 계층 구조, 그리드 구조, 네트워크 구조로 구분할 수 있습니다.
컨텐츠의 성격에 따라 정보를 보여주는 방법, 즉 구조가 결정되면 각 정보간의 이동을 위한 네비게이션 설계에도 영향을 미치게 됩니다.
사이트 구조에 적합한 네비게이션을 위한 원칙을 지켜 사이트 구조에 필요한 네비게이션을 설계하여 웹사이트를 제작할 수 있기를 바랍니다.

Purpose - 사이트의 목적과 기능에 적합한 네비게이션을 위한 원칙

1. 사이트의 목적과 기능에 따라 유용한 네비게이션을 설계하라.

2. 사이트의 목적과 기능에 따라 즐길 수 있는 네비게이션을 설계하라.

3. 사용자의 목적과 행동을 지원하는 네비게이션을 설계하라.

: 웹 사이트의 목적과 기능에 따라 사용자 인터페이스 및 네비게이션 디자인이 달라져야 합니다.
사이트의 목적에 맞는 최적의 인터페이스 및 네비게이션 디자인을 통하여 웹 사이트의 주요 목적과 전달하는 내용을
효과적으로 부각시킬 수 있으며, 또한 사용자가 쉽게 이해하고 편리하게 사용할 수 있도록 사이트를 개발해야 합니다.
사이트의 목적과 기능에 적합한 네비게이션을 위한 원칙을 지켜 사용자들이 사용하기 편하고 쉬운 네비게이션을 제작할 수 있기를 바랍니다.

Estimate - 사용자들이 예측 가능한 네비게이션을 위한 원칙

1. 피드백을 주는 네비게이션을 설계하라.

2. 발생할 수 있는 오류를 예상하여 안정성 있는 네비게이션을 설계하라.

3. 사용자의 실수를 미리 예측하여 네비게이션을 설계하라.

: 웹 페이지와의 상호작용에서 피드백을 제공해 주어 사용자들에게 앞으로의 상황을 예측할 수 있게 해주는 원칙을 예측성이라고 말합니다.
이러한 피드백의 제곡은 자신이 가고자 했던 페이지가 원래 가고자 했던 페이지인지를 확인시켜 주면서,
앞으로 가야 할 방향을 예측할 수 있게 해 줍니다. 예측 가능한 네비게이션을 위한 원칙을 지켜 사용자들에게 안정성 있는
웹 사이트를 제공할 수 있기를 바랍니다.

Interest - 흥미 요소가 있는 네비게이션을 위한 원칙

1. 친근감 있는 요소를 적용하여 사용자들의 접근성을 높여라.

2. 멀티미디어의 활용으로 네비게이션의 흥미를 배가시켜라.

3. 적절한 메타포를 사용하여 네비게이션을 구성하라.

: 흥미성이란 사이트의 인터페이스와 네비게이션 구조에 친근감 있고 재미있는 요소를 제공하여
사용자로 하여금 흥미를 느낄 수 있게 해주는 디자인의 원리입니다.
흥미 요소가 있는 네비게이션을 위한 원칙을 지켜 사용자들에게 즐거운을 제공해주는 웹 사이트를 제작할 수 있기를 바랍니다.

※ 메타포(metaphor) - 어떤 것이 마치 다른 것인 것처럼 표현되거나 보이는 비유적인 표현이나 만들어진 환경에 대한 비유

Style - 스타일이 적용된 네비게이션을 위한 원칙

1. 적절한 디자인 스타일을 적용하여 변별성, 기억도, 선호도를 증대시켜라.

2. 전체 디자인 스타일과 일관성 있는 스타일을 유지하라.

3. 기능에 맞는 적절한 디자인을 선택하라.

: 디자이너의 역량이 100% 활용되는 사이트는 거의 없을 것입니다. 클라이언ㅌ의 취향과 그때 그때의 유행에 따라 많은 변수가 있을텐데요.
그럼에도 불구하고 사용성과 창조성을 조화롭게 잘 표현해 낼 수 있는 능력이 디자이너가 갖추어야 할 능력이 아닌가 생각됩니다.
스티알이 적용된 네비게이션을 위한 원틱을 지켜 사용자들을 만족시킬 수 있는 웹 사이트를 제작할 수 있기를 바랍니다.


[내용 다운로드]
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/06/24 10:48 2009/06/24 10:48
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4387

« Previous : 1 : ... 33 : 34 : 35 : 36 : 37 : 38 : 39 : 40 : 41 : ... 101 : Next »

블로그 이미지

- 홍반장

Archives

Recent Trackbacks

Calendar

«   2024/11   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Statistics Graph

Site Stats

Total hits:
239982
Today:
634
Yesterday:
712