-
Script.aculo.us 1.7 베타의 모프효과
자바스크립트 이펙트의 대명사 스크립타큘러스(Scriptaculous)는 1.7 베타에 추가되는 모프(Morph)와 트랜스폼(Transform) 이펙트의 데모를 시연했습니다. 현재 테스트 파일이 정식으로 배포된 상태는 아니지만 테스트 소...
Category: 자료 - 웹개발, Reactions: 2, Views: 47,039, Author: 파이어준
-
Prototype의 마우스휠 Event 확장 컨트롤러
Monnerjahn씨는 마우스의 휠을 Prototype의 Event.observe로 확장코드를 개발하고 공개했습니다. 좌측의 사각형 엘리먼트에 마우스를 올리고 휠을 사용해 보세요.(마우스 오버하는 순간 스크롤바가 비활성화 됩니다.) 이 이...
Category: 자료 - 웹개발, Reactions: 6, Views: 57,582, Author: 파이어준
-
Ajax 기반 웹사이트 구축에 필요한 UI 디자인
이번 프로젝트를 진행하면서 가장 답답했던 것은 Ajax 기반 웹사이트를 구축할 때 필요한 요소에 대해 이해하지 못하고 접근했다는 것이다. 보통 웹사이트에 비해 오히려 불편하거나 오해를 사는 요인이 증가했으...
Category: 정보 - 웹2.0, Reactions: 4, Views: 60,858, Author: 파이어준
-
올라로그 프리-베타서비스 시작합니다.
지난 12일 약 6개월간 열과 성을 다해 작업한 프로젝트가 드디어 세상에 얼굴을 디밀었습니다. 관심있는 분이라면 한번씩 둘러봐 주시고 사정없는 채찍질 부탁드립니다. 부분 Ajax가 남용에 가깝게 사용되고 있으며...
Category: 정보 - 웹2.0, Reactions: 41, Views: 119,099, Author: 파이어준
-
태터툴즈 클래식 - 대량 스팸 트랙백 차단하기
최근에 날라드는 스팸 트랙백들 살펴보면, 패턴을 이용한 차단을 피하기 위해 서로 다른 내용의 동일 스팸 트랙백을 생성하며, 하나의 URL에서 다량으로 수집한 트랙백 주소에 단 시간내에 무작위로 발사하도록 되...
Category: 자료 - 블로그, Reactions: 7, Views: 57,914, Author: 파이어준
-
Ajax 요청시 뒤로가기(백버튼) 문제 해결하기
최근 블로그에 Ajax를 반영하면서 맞닥드린 난관은 브라우저의 뒤로가기, 앞으로가기 그리고 새로고침 버튼입니다. Ajax로 불러들인 문서는 페이지를 로드하지 않고 필요한 부분만 가지고 오기 때문에 브라우저의...
Category: 자료 - 웹개발, Reactions: 8, Views: 104,605, Author: 파이어준
-
대량 노드생성시 발생하는 랙현상 줄이기
Ajax가 성행하면서 자바스크립트로 DOM을 직접 다뤄야 하는 일이 잦아졌다. 만약 자바스크립트를 이용해 노드를 대량으로 생산해야하는 임무가 주어졌다면 어떻게 처리하는 것이 효과적일까? 실제로 이와 비슷한 ...
Category: 자료 - 웹개발, Reactions: 11, Views: 51,295, Author: 파이어준
-
클래식과 Ajax의 만남 - 태터툴즈 하이브리드
느닷없이 필(?)받아서 시작한 '태터툴즈 하이브리드 프로젝트'의 작업내역을 공개합니다. 중간 중간 코어 라이브러리의 일부분을 소개하기도 했지만 이번기회에 큰 그림으로 정리해 볼까 합니다. 약 5개월 ...
Category: 자료 - 블로그, Reactions: 14, Views: 43,637, Author: 파이어준
-
alert을 override하는 자바스크립트 메시지
우리는 그동안 '띵~' 하면서 뜨는 대화상자(자바스크립트 Alert)를 지겹도록 보아왔다. 보다 인간다운 컴퓨터 인터페이스 디자인을 연구하는 회사인 Humanized에 따르면, 대부분의 사용자들이 팝업되는 대화상...
Category: 자료 - 웹개발, Reactions: 10, Views: 68,835, Author: 파이어준
-
Prototype 1.5.0 rc1의 간단한 DOM 셀렉터
Scriptaculous 1.6.4를 통해 비공식으로 배포된 프로토타입(Prototype) 1.5.0 rc1에는 많은 변화가 있다. 그중에서도 진보된 이벤트 처리와 DOM(Document Object Model) 셀렉터에 대해 알아보자. 이벤트 처리 Event.observe에 bindAsEventLi...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,346, Author: 파이어준
-
애드센스 달고 1년, 총 수입 공개
애드센스 광고를 시작한지가 딱, 1년이 되는 날입니다. 기념할 겸해서 그동안의 리포트를 공개합니다. 곧 두번째 지불을 앞두고 있지요. 저의 경우, 한달평균 1.6만원이니 년, 19만원 수준의 블로그 운영수익이 보...
Category: 정보 - 웹2.0, Reactions: 16, Views: 32,732, Author: 파이어준
-
검색엔진 키워드 하이라이트
자바스크립트로 만들어진 검색엔진 키워드 하이라트입니다. UTF-8 유니코드를 지원하는 검색엔진에서 링크되어 온 경우 방문객이 키워드를 알아보기 쉽도록 리퍼러를 분석하여 하이라이트(강조)합니다. 외국 사이...
Category: 자료 - 웹개발, Reactions: 2, Views: 61,139, Author: 파이어준
-
자바스크립트(Prototype) 코드 스피드 벤치마킹
그동안 Prototype 자바스크립트 프레임웍의 사용법을 익히느라 필요이상으로 무리하게 사용해 왔습니다. 간단하게 크로스-브라우저가 보장되며 코드를 아름답게(?) 만들 수 있다는 장점 때문이였는데요. 개발하기 ...
Category: 자료 - 웹개발, Reactions: 14, Views: 71,143, Author: 파이어준
-
자바스크립트로 마우스 휠 제어하기
최근 Ajax의 활용범위가 확대되면서 슬라이더, 드래그앤 드롭, 소트에이블, 백그라운드 업로더, 드래그 선택영역, 오토 컴플리케이션 등 부수적인 웹 인터페이스가 자바스크립트로 속속들이 구현되고 있다. 마우스...
Category: 자료 - 웹개발, Reactions: 0, Views: 55,150, Author: 파이어준
-
겁나게 쉬운 자바스크립트 사운드 API
Javascript Sound Kit은 플래시8의 사운드 오브젝트 액션스크립트를 이용하여 자바스크립트에서 사운드를 제어할 수 있도록해주는 사운드 API이다. 이것을 이용하면 자바스크립트 이벤트 또는 Ajax 이벤트에 사운드를 효...
Category: 자료 - 웹개발, Reactions: 0, Views: 55,924, Author: 파이어준
-
이미지 로딩 프로그레스-바
이 곳의 상단에 적용되어 있는 프로그레스 바입니다. 자바스크립트의 양이 많이지면서 CPU의 처리과정이 다소 길어짐에 따라 진행상황을 시각적으로 표시하기 위해 만들어 보았습니다. 이 처리과정 중에서도 아래...
Category: 자료 - 웹개발, Reactions: 0, Views: 43,093, Author: 파이어준
-
블로그 메타사이트의 태그링크 자바스크립트 버전
올초에 PHP로 만들어 공개했던 태그에 블로그 메타 사이트의 태그링크 달기의 자바스크립트 버전입니다. 요즘은 서버측 리소스 낭비를 조금이라도 덜기위해 PHP로 구현해 놓았던 것 중 자바스크립트로 가능한 것들...
Category: 자료 - 웹개발, Reactions: 3, Views: 50,768, Author: 파이어준
-
사이트링크의 썸네일 이미지 팝업
사이트의 썸네일 이미지(미리보기 이미지)를 생성해주는 엔진을 이용한 링크의 썸네일 팝업 스크립트입니다. 외부로 링크되는 곳의 사이트 모양을 미리 볼 수 있어 여럼으로 편리합니다. 지정한 영역에 해당하는...
Category: 자료 - 웹개발, Reactions: 4, Views: 44,620, Author: 파이어준
-
마우스오버 타임아웃 다이나믹 컨텐츠
새로 리뉴얼된 야후의 탑 라이트 박스에서 아이디어를 얻어 마우스오버, 아웃에 타임아웃을 적용하여 뚝딱 만들어 본 컨텐츠 쇼/하이드 자바스크립트입니다. Prototype과 Scriptaculous 라이브러리가 사용되었습니다. ...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,030, Author: 파이어준
-
자바스크립트로 댓글에 패비콘 표시하기
태터툴즈 1.0.x에는 방명록 또는 댓글 등에 패비콘을 표시하는 플러그인이 있다. 이 플러그인과 동일한 기능을 가진 자바스크립트 버전을 만들어 보았다. IE 및 파이어폭스 등에서 작동하며, 서버측 리소스를 차지...
Category: 자료 - 웹개발, Reactions: 3, Views: 36,961, Author: 파이어준
-
script.aculo.us 응용 - 이미지 리플랙터
우리는 멋진 이미지 효과메 항상 목말라한다. 그쵸? wollzelle에서 공개한 리플랙션(반사효과)효과는 script.aculo.us의 build.js를 이용하여 가능하게 한다. 투명도를 기반으로 드로잉 되기 때문에 배경색 또는 배경 이미...
Category: 자료 - 웹개발, Reactions: 3, Views: 39,839, Author: 파이어준
-
Prototype 중급 - Form의 심플한 Ajax 전송
Form을 이용하여 서버에 자료전송할 때 Ajax를 통해서 필요한 자료만 서버에 보내세요. 빠르고 다이네믹한 웹을 구현해 줄 것입니다. 이 곳에는 프로토타입 자바스크립트 라이브러리(Prototype JavaScript Library를 사용하...
Category: 자료 - 웹개발, Reactions: 16, Views: 63,253, Author: 파이어준
-
1차 블로그 업데이트를 마칩니다.
짧은기간 안에 만족할 정도로 목표가 달성되어서 1차 업데이트의 막을 내립니다. 종전과 달라진 부분은 방문객의 사용빈도가 낮은 사이드 컨텐츠와 전광판을 제거하였습니다. 이번 업데이트는 대부분 기반 작업...
Category: 정보 - 웹2.0, Reactions: 1, Views: 36,528, Author: 파이어준
-
블로그 업데이트를 진행중 입니다.
계속 미루어 오던 블로그 리뉴얼 작업에 착수합니다. 우선, 웹 접근성을 높이기위한 기초작업을 실시합니다. 이것은 앞으로 있을 여러가지 Features의 걸림돌을 제거하는 작업입니다. 진행되는 동안 페이지가 비정...
Category: 정보 - 웹2.0, Reactions: 0, Views: 32,347, Author: 파이어준
-
태터툴즈 클래식, 키워드 버그 바로잡기
간만에 올리는 태터툴즈 클래식 스킬입니다. 클래식에 머무는 이유 중 하나는 키워드기능 때문입니다. 이것은 개인 지식정보 솔루션이라고나 할까요? 클래식의 키워드기능에는 종속된 된 키워드일 경우, 비정상...
Category: 자료 - 블로그, Reactions: 2, Views: 32,019, Author: 파이어준
-
범블로거 트랙백 스패머 퇴치운동
최근들어 스팸 트랙백이 극성이다. 금주에 지운 스팸만 수십건에 달한다. 주로 달라붙는 스팸은 카지노, 비아그라, 겜블링, 가이스(씨x!), 포르노 따위로 대부분 짧막한 내용과 함께 외국 사이트로 링크가 걸려있...
Category: 정보 - 웹2.0, Reactions: 20, Views: 70,831, Author: 파이어준
-
FloatPhoto version 0.77a 로그
Fluxiom에 충격을 먹고 많은 부분을 뜯어고쳤습니다. 버전 0.6x 에서 0.7x까지 많은 변화가 있었어요. UI를 직관적이면서도 사용하기 편리한 구조로 전면 개편하였습니다. IE에서 overflow 구현하느라 한번 미칠뻔했지요...
Category: 자료 - 웹개발, Reactions: 9, Views: 49,624, Author: 파이어준
-
Prototype 고급 - 소팅 테이블
이 예제는 Prototype 자바스크립트 라이브러리(1.5.0_pre1)를 활용하여 테이블의 열을 정렬하는 것입니다. 헤더의 컬럼을 클릭하면 순차적으로 정열되는 것을 볼 수 있을 거에요. 저 또한 Enumerable.sortBy() 메서드를 실행...
Category: 자료 - 웹개발, Reactions: 4, Views: 30,696, Author: 파이어준
-
Overview of the Prototype Javascript Library
출처 : http://openframework.or.kr/JSPWiki/ 링크1 : prototype.js 를 위한 개발자 노트 링크2 : Prototype in script.aculo.us wiki.
Category: 자료 - 웹개발, Reactions: 2, Views: 42,810, Author: 파이어준
-
Script.aculo.us 중급 - Image Resizing Slider
이 글은 http://www.agilepartners.com/blog 에 의해 공개된 것입니다. Script.aculo.us의 slide.js가 담당하는 슬라이더 응용입니다. Fluxiom의 인트로 비디오에서 보았던 바로 그 효과입니다. 아래의 슬라이드 바를 조정해 보세요....
Category: 자료 - 웹개발, Reactions: 6, Views: 36,146, Author: 파이어준
-
Script.aculo.us 중급 - Drag And Drop
script.aculo.us에서 드래그 앤 드롭이 사용되는 목적은 크게 두가지입니다. 하나는 선택한 엘리먼트가 목적 엘리먼트로의 이동하는 것(Draggables & Droppables)이고 다른 하나는 선별되는 엘리먼트들의 목록(Sortable lists an...
Category: 자료 - 웹개발, Reactions: 3, Views: 45,954, Author: 파이어준
-
AJAX 활동 알리미(Activity Indicators)
http://www.napyfab.com/ajax-indicators/ 에서 제공하는 AJAX Activity Indicators 이미지들입니다. Prototype의 Ajax.Request 또는 Ajax.Updater 객체를 사용할 때 onLoading, onComplete 옵션으로 로딩 알리미를 사용할 수 있습니다. new Ajax.Updater...
Category: 자료 - 웹개발, Reactions: 6, Views: 53,266, Author: 파이어준
-
Scriptaculous Visual Effects 고급 - 응용
원하는 모션을 직접 만들어 쓰자! 지금부터 소개하는 것은 script.aculo.us에 있는 보물상자(?)의 내용입니다. 이것은 여러 사용자들이 응용한 모션 이펙트의 집합입니다. 그 중에는 매우 훌륭한 것들도 많이 있습니다...
Category: 자료 - 웹개발, Reactions: 2, Views: 38,226, Author: 파이어준
-
Prototype 중급 - Class Methods
Prototype JavaScript framework 에서 제공하는 엘리먼트와 이벤트의 클래스 메서드 입니다. Script.aculo.us는 Prototype의 여러 메서드를 사용자가 편하게 이용할 수 있도록 각종 모션효과들을 만들어 줍니다. 하지만, 애써 클래...
Category: 자료 - 웹개발, Reactions: 2, Views: 35,070, Author: 파이어준
-
FloatPhoto Version 0.64a 로그
스킨 유료화 프로젝트는 잠시 접어두고 Ajax 모션을 공부하면서 작업중인 디지털 사진관리를 위한 웹어플리케이션 '플롯포토'의 개발 로그입니다. 현재 버전은 알파 0.64입니다. 0.9x가 되는 시점에서 오픈베타...
Category: 자료 - 웹개발, Reactions: 8, Views: 52,590, Author: 파이어준
-
Script.aculo.us 초급 - Transitions Parameter
Visual effects에 생명을 불어넣자! Script.aculo.us의 Visual effects(Core Effects 와 Combination Effects)에는 여러 옵션을 부여할 수 있습니다. 그 중에서도 Core Effects 모션에서 중요하게 사용되는 변이(Transition) 옵션에 대하여 알아...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,467, Author: 파이어준
-
Script.aculo.us 기초 - Core Effects
Script.aculo.us의 Core Effects는 조금 더 복잡다양한 모션을 만들 수 있도록 합니다. 사실 Combination Effects는 단지 Core Effects들의 단순 조합일 뿐입니다. Effect.Opacity, Effect.Scale, Effect.MoveBy, Effect.Highlight 이 4가지 명령을 적절...
Category: 자료 - 웹개발, Reactions: 0, Views: 33,787, Author: 파이어준
-
Script.aculo.us 기초 - Combination Effects
Script.aculo.us에서 지원하는 조합된 비주얼 이펙트(Combination Effects) 목록입니다. 이것은 Core Effects가 하나이상 조합되어 파생된 것들입니다. 지속시간(duration)과 변이(transition) 등을 옵션으로 사용할 수 있습니다. 특히...
Category: 자료 - 웹개발, Reactions: 2, Views: 37,663, Author: 파이어준
-
script.aculo.us Version 1.6.1 업데이트
Ajax Prototype의 1.5 프레임웍 기반으로 돌아가는 비주얼 이펙트 script.aculo.us가 1.6.1로 업데이트 되었습니다. 아래는 업데이트 내용입니다. 대충 내용을 보면 웹 표준을 준수하는 코드를 사용하였으며, Web 2.0 기술로 ...
Category: 자료 - 웹개발, Reactions: 10, Views: 31,413, Author: 파이어준
-
요즘 만들고 있는 웹갤러리 - FloatPhoto
짬짬이 작업하고 있는 웹갤러리 'FloatPhoto'입니다. 디지털 SLR 카메라가 생긴 후 주변인들에게 사진을 전달하는 용도로 이곳 저곳에서 긁어모은 함수들로 뚝딱 만든 것이었지만, 계속해서 만지다 보니 지금은...
Category: 정보 - 웹2.0, Reactions: 27, Views: 58,481, Author: 파이어준
-
구글 애드센스 수표 도착
애드센스의 광고수익이 지급된 날로부터 수익자의 손에 들어가기까지 걸리는 시간은 2개월에서 6개월이 소요된다는 무성한 소문들을 되받아치기라도 하듯이 구글에서 보낸 수표가 발행 요청일로부터 보름 만에...
Category: 정보 - 웹2.0, Reactions: 23, Views: 39,047, Author: 파이어준
-
구들 애드센스 6개월만에 첫 지불
결국 지불받게 되는군요! 수표가 어떻게 생겼는지 정말로 궁금합니다..
Category: 정보 - 웹2.0, Reactions: 37, Views: 28,899, Author: 파이어준
-
호스팅 서버 과부하 원인파악
사고 발생 후 그 원인을 파악하기로 하였습니다. 호스트의 CPU 사용률을 확인할 수 없는 관계로 페이지 로딩속도를 근거로 측정하였습니다. 페이지 토탈 익스큐티드 타임이 3, 4초가 나오는 것을 확인하고 다른 곳...
Category: 정보 - 웹2.0, Reactions: 6, Views: 46,839, Author: 파이어준
-
블로그 스킨 유료화 프로젝트
관련글 : 타인의 블로그를 이용한 애드센스 광고 수익모델 먼저 별다른 언급이 없었음에도 참여의사를 밝혀주신 여러분께 깊은 감사를 드립니다. 위 관련글에 언급한 대가들 중에서 가장 접근이 쉬운 스킨 유료...
Category: 정보 - 웹2.0, Reactions: 27, Views: 41,096, Author: 파이어준
-
초경량 자바스크립트 이펙트 라이브러리 moo.fx
moo.fx에는 아래와 같은 소개말이 있습니다. moo.fx는 prototype.js사용하면서도 크기가 매우작은 자바스크립트 비주얼 이펙트 라이브러리입니다. 불여우, 사파리, IE 등 여러가지 브라우저(오페라 브라우저는 작업중)를...
Category: 자료 - 웹개발, Reactions: 8, Views: 35,691, Author: 파이어준
-
AJAX Support - Rico 1.1.2 Demo
Rico AJAX Support의 JavaScript Library 1.1.2 Demo입니다. 썩 화려한 효과는 못되지만, 비교적 응용이 쉬운편이며 드로잉 속도가 매우 빠르다는 장점이 있습니다. 특이할 만한점은 특정 DIV 구역을 스크립트 만으로 라운드 처...
Category: 자료 - 웹개발, Reactions: 1, Views: 42,178, Author: 파이어준
-
Yahoo! Ajax UI - Design Pattern Library
야후에서 제공하는 Ajax 기반의 디자인 페턴 라이브러리(Yahoo! Ajax UI Design Pattern Library)입니다. 드래그 앤 드롭 예제(Drag and Drop - Slider Widgets) 중 '컬러피커'를 자바스크립트 구현한 것입니다. 로드 하는 스크립...
Category: 자료 - 웹개발, Reactions: 0, Views: 39,969, Author: 파이어준
-
Effect.Queue를 이용한 Ajax 애니메이션 실습
railsdevelopment에서 소개하는 Effect.Queue 사용법을 응용하여 DIV 박스를 이용해 페이지 로딩을 마침과 동시에 진행되는 간단한 애니메이션을 만들어 보았습니다. Queue를 이용하면 순차적으로 진행되는 애니메이션을 제...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,790, Author: 파이어준
-
Drag and Drop AJAX Shopping Cart 실습
http://demo.script.aculo.us/shop 의 소스를 응용하여 PHP와 연동되는 쇼핑카트 실습을 해 보았습니다. 카트의 정보는 쿠키에 저장됩니다. 태터툴즈에 응용하면 재미있는 것을 많이 만들수 있겠어요. 예를 들어 포스트 카트...
Category: 자료 - 웹개발, Reactions: 28, Views: 61,156, Author: 파이어준
-
Ajax Visual Effects - script.aculo.us v1.5.3
script.aculo.us에서 제공하는 Prototype JavaScript Framework library를 이용한 Ajax 비주얼 이펙트입니다. 멋지군요. 응용가능한 부분부터 태터툴즈 클래식에 붙여 보아야겠습니다. ※ 이 페이지는 RSS리더기에서 비정상으로 보...
Category: 자료 - 웹개발, Reactions: 17, Views: 41,566, Author: 파이어준
-
W3C, CSS 유효성검사 통과(Valid CSS)
작업하면서 알아낸 CSS 권장 사용법을 정리해 보았습니다. 폰트관련 코드는 항상 font-family, font-size, line-height:를 사용하여 글꼴을 관리하였는데 font:를 사용하니 매우 간결하고 사용도 간편하군요. IE전용 filter: 및 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 44,780, Author: 파이어준
-
클래식, W3C 유효성검사 통과 (Valid HTML4.01)
스킨작업을 하면서 웹 표준을 지키는 코딩에 도전하게 되었습니다. 그리고 스킨만으로는 웹표준을 준수할수 없는 것을 알게 되었고, 태터툴즈 클래식의 웹 표준에 반하는 코드도 모두 뜯어고쳐 W3C의 표준 유효성...
Category: 정보 - 웹2.0, Reactions: 25, Views: 72,503, Author: 파이어준
-
Irregular Skin for TatterTools Classic
태터툴즈 클래식 1.0 OR에서 사용할 수 있는 스킨입니다.(태터툴즈 1.0.1 OR용 스킨은 추후 배포) '이레귤러'스킨은 '터치' 스킨과 마찬가지로 변화와 단순함 그리고 독특함에 초점을 두고 제작되었습니다. 특징은 디...
Category: 자료 - 스킨, Reactions: 16, Views: 68,588, Author: 파이어준
-
Irregular Skin for TT Classic - Preview
주말 간 짬짬이 작업하였지만 결국 완성하지 못했습니다. 기다려 주신 분들깨 죄송합니다. 주중에 꼭 배포하도록 하겠습니다. 지금까지 겨우 자바 스크립트 테스트를 마치고 정상작동하는 것을 확인하였고, 색상...
Category: 자료 - 스킨, Reactions: 14, Views: 46,174, Author: 파이어준
-
계속 만지작거려 본 결과
아크몬드님의 아이디어를 반영하여 그림자 비스무래한 부분을 50% 반투명으로 처리하여 배경색과 잘 어울리게 하였습니다. 태터툴즈 1.0과 클래식1.0 두가지 버전을 무료로 배포할 예정이며, 코딩 작업에 착수합니...
Category: 자료 - 스킨, Reactions: 14, Views: 38,014, Author: 파이어준
-
새 스킨 디자인 초안 공개
퇴근길 지하철에서 졸다가 갑자기 떠오른 디자인 아이디어를 실행에 옮겨 보았습니다. 결과물은 좌측의 이미지입니다. 사용되는 이미지는 모두 PNG포맷을 사용하고, 스타일시트에서 색상테마을 지정하여 취향에...
Category: 자료 - 스킨, Reactions: 18, Views: 45,800, Author: 파이어준
-
타인의 블로그를 이용한 애드센스 광고 수익모델
자신의 블로그에 들인 시간과 노력을 돈으로 환산해 보셨나요? 자신의 블로그에 걸려있는 애드센스 광고수익을 높이기 위한 방법으로는 어떠한 것이 있을까요? 인기 블로거가 되어 트래픽 양을 늘리는 방법 외에...
Category: 정보 - 웹2.0, Reactions: 26, Views: 56,351, Author: 파이어준
-
태터툴즈 클래식, 테크노라티 오토-핑 테스트
글 작성 완료시 테크노라티 오토-핑 테스트 코드 : inc_function.php 1574열부근 function sync_retune($num, $mode){ global $s_sync_url, $s_root_path; $res2 = send_packet("http://www.allblog.net/MyPage/ManualRssSync.html", "rssurl=".$s_...
Category: 자료 - 블로그, Reactions: 0, Views: 59,798, Author: 파이어준
-
rel="tag"코드, 있고 없음의 차이
과도한 트래픽으로 인해 골머리를 앓던 중 범인(?)을 검색엔진으로 지목하고 이런저런 조사를 해 본 결과 과실책임은 바로 자신에게 있다는 것을 알게 되었다. 태그의 링크에는 무조건 rel="tag" 코드를 넣어 준 것이...
Category: 정보 - 웹2.0, Reactions: 12, Views: 46,083, Author: 파이어준
-
태그에 블로그 메타 사이트의 태그링크 달기
이것은 태그의 활용가치를 높이기 위한 방법으로 포스트에 달린 태그이름 옆에 테크노라티, 올블로그, 이올린의 동일 태그 목록을 조회할 수 있는 링크 버튼을 추가하는 역할을 합니다. 사실 테크노라티에 싱크가...
Category: 자료 - 블로그, Reactions: 26, Views: 73,762, Author: 파이어준
-
태터툴즈에 Lightbox Plus 적용
미루님의 『태터툴즈에 lightbox를 적용해보자!』에 엮인글 Lightbox는 태터툴즈의 이미지 뷰어인 image_pop.php를 대체하는 것으로 팝업창 대신 메인화면을 이용하여 이미지를 예쁘게(?) 보여주는 역할을 합니다. 좌측...
Category: 정보 - 웹2.0, Reactions: 9, Views: 50,611, Author: 파이어준
-
태터툴즈 클래식 1.0 정식판 업데이트
약 1시간의 작업으로 무리 없이 업데이트를 완료할 수 있었습니다. 외관상 RC3와 정식판의 차이는 태그목록 추가로 볼 수 있겠습니다. 이로 인하여 기존의 스킨에서 태그와 관련된 스킨치환자를 추가해 주고, 변형...
Category: 정보 - 웹2.0, Reactions: 23, Views: 35,328, Author: 파이어준
-
HTML 4.01 표준 태그 목록
No Description
Category: 자료 - 웹개발, Reactions: 1, Views: 71,736, Author: 파이어준
-
Touch Skin for TetterTools Classic1 RC3
UTF-8 기반의 태터툴즈 클래식 1.0 RC3에서 사용할 수 있는 스킨입니다. 1.0 정식이 릴리즈되기를 기다리다가 업데이트가 늦어지는 감이있어 일단 RC3용 스킨을 배포합니다. '터치'스킨은 변화와 심플함 그리고 ...
Category: 자료 - 스킨, Reactions: 8, Views: 48,888, Author: 파이어준
-
주제와 연관성을 고려한 태그작성요령
태그 기능이 첨부된 태터툴즈 클래식 업데이트 이후 태그달기 작업을 한지도 한달째다. 처음에는 기존에 작성했던 600여개의 글에 단순히 제목의 키워드를 조합하는 막무가내 식 작업을 진행 하였다. 우후죽순처...
Category: 정보 - 웹2.0, Reactions: 24, Views: 62,267, Author: 파이어준
-
list-style-type Property
No Description
Category: 자료 - 웹개발, Reactions: 0, Views: 43,585, Author: 파이어준
-
클래식 갤러리 - 버그수정 및 기능확장
태터툴즈 클래식 RC3의 갤러리는 자잘한 버그가 있다. 두 번째 장부터 캡션이 없어도 공백이 밀리는 현상과, 메인페이지에 갤러리가 한건 이상 있는 경우 이미지 크기가 자동으로 변해 버리는 오류가 그것이다. 버...
Category: 자료 - 블로그, Reactions: 23, Views: 50,633, Author: 파이어준
-
클래식 검색관련 '만료된 페이지' 오류수정
며칠밤을 삽질한 끝에 버그를 잡았습니다. 태터툴즈 클래식 1.0 RC3 - 버그 리포트에서 나름대로 정리한 내용 중에 유독 이 문제만을 해결하지 못하고 있었지만, 이제 완벽해 졌군요. 처음에는 오피셜처럼, URL에 한...
Category: 자료 - 블로그, Reactions: 15, Views: 63,722, Author: 파이어준
-
오피셜 WYSIWYG 에디터 클레식으로 업어오기
가능성을 보았습니다..
Category: 자료 - 블로그, Reactions: 6, Views: 62,989, Author: 파이어준
-
키워드에 이은, 리더와 로컬 페이지 제거
지역별 분류와 이웃 로그 페이지를 제거하였습니다. 스킨에서만 제거한 것이 아니라 프로그램 자체에서 깨끗하게 삭제하였습니다. 태터툴즈를 사용하는 여러분은 어떤가요? 저만 그런 것일까요? 위의 통계자료...
Category: 정보 - 웹2.0, Reactions: 0, Views: 68,516, Author: 파이어준
-
태터툴즈 오피셜 1.0 RC2
삽질의 향연 속에서 디비를 수십차례 뒤엎어가며 자포자기 하던 중 결국에는 MegaWave님과 같은 방법으로 index.php를 조작하여 강제로 마이그레이션(데이터이전)하여 성공했으나, 기쁘지 않습니다. 버그투성이는 둘...
Category: 정보 - 웹2.0, Reactions: 19, Views: 42,716, Author: 파이어준
-
클래식에 태그-전체보기 페이지 추가
※ 이것은 태터툴즈 클래식 RC3에서만 사용할 수 있는 방법이다. 알다시피 태그 클라우드 표현은 태터툴즈 오피셜에서 이미 구현된 기능이다. 환경이 허락하지 않아 설치하지 못하거나 필자처럼 클래식에 목을 ...
Category: 자료 - 블로그, Reactions: 16, Views: 76,812, Author: 파이어준
-
구글이 태그를 긁어간다.
TraceWatch를 사용하여 즐겁게 방문객을 스토킹(?)하던 중 안보이던 키워드로 검색하여 방문한 기록을 확인 할 수 있었다. 역추적해 보니 태그의 URL을 클릭하여 방문한 것으로 밝혀졌다. 태그 서비스를 본격적으로 시...
Category: 정보 - 웹2.0, Reactions: 8, Views: 58,183, Author: 파이어준
-
갈아 탈것인가 말것인가, 태터툴즈1.0 오피셜
lunamoth님의 태터툴즈 1.0 RC 프리뷰에 엮인글 댓글로 남기려다 내용이 길어져 글로 엮습니다. 개발하느라 고생하셨는데 김새는 소리해서 미안합니다. 저는 최신 AJAX기술이 도입된 뭐뭐가 구현돼~, 이런 것에는 관심...
Category: 정보 - 웹2.0, Reactions: 18, Views: 44,772, Author: 파이어준
-
태그 왈. 네 모든것을 한눈에 까발려 주마!
태그 클라우드 전체보기 페이지를 추가하였습니다. 상단 메뉴 "Tags"를 클릭하면 우측 그림에서 보는 페이지를 확인할 수 있습니다. 며칠째 그동안 작성한 포스트에 태그를 달고 있는데 만만찮은 작업이에...
Category: 정보 - 웹2.0, Reactions: 2, Views: 52,718, Author: 파이어준
-
한줄로 보이는 메뉴형 카테고리 만들기
태터툴즈의 카테고리는 블로그의 내용을 일목요연하게 조회할 수 있도록 도와준다. 하지만 그 형태가 중첩폴더형 트리구조로 고정되어있어 스킨디자인을 할 때 걸림돌이 되는 경우가 종종 있다. 그래서 트리구조...
Category: 자료 - 블로그, Reactions: 0, Views: 58,639, Author: 파이어준
-
글 목록에 입히는 하이라이트
'PHP와 태터와 스킨, 그리고 업데이트'에서 언급했던 포스트에 입히는 하이라이트 구현방법을 공개한다. 이것은 태그 구름이 표시되는 것을 보고 아이디어를 얻어 태터툴즈의 글 목록에 적용한 것이다. 결과...
Category: 자료 - 블로그, Reactions: 5, Views: 42,369, Author: 파이어준
-
태그 클라우드 랜덤으로 뿌리기
태그 클라우드를 설치하신 분에 해당하는 내용입니다.Tattertools v1.0에서 구현되는 태그 목록처럼 랜덤으로 뿌리도록 수정하였습니다. 추가하신 코드중에 아래처럼 조건식을 rand()으로 변경해 보세요. 눈이 아주 즐...
Category: 자료 - 블로그, Reactions: 10, Views: 56,377, Author: 파이어준
-
PHP와 태터와 스킨, 그리고 업데이트
태터툴즈가 업데이트가 될 때마다 대공사를 치르는군요. 아주 손대는 김에 완전히 뜯어고치기로 작심하고 그동안 모아두었던 DHTML 스크립트들과 구현하고 싶었던 기능들을 이것저것 넣어 보느라, 태터툴즈와 함...
Category: 정보 - 웹2.0, Reactions: 14, Views: 51,959, Author: 파이어준
-
플러그인 : 전광판(한줄메모) 업데이트
한줄메모 플러그인 배포에 엮인글 전광판(한줄메모) 플러그인은 한줄짜리 텍스트를 예쁘게 롤링하며 표시해주는 태터툴즈용 플러그인이다. 복잡한 데이터베이스의 추가작업 없이 편하게 사용할 수 있는 것이 장...
Category: 자료 - 블로그, Reactions: 37, Views: 77,005, Author: 파이어준
-
리퍼러 목록에 주소를 한글로 표시하기
치리님의 "태터툴즈 클래식 리퍼러 검색어를 한눈에 알아보자"를 보고... 저또한 리퍼러를 자주확인하는 편이라 설치하였습니다. 더불어 로봇의 방문으로 판단되는 회색리퍼러는 표시되지 않도록 수정하...
Category: 자료 - 블로그, Reactions: 22, Views: 65,246, Author: 파이어준
-
키워드 목록에 검색창 달아 관리하기
태터툴즈 1.0 클래식이 배포되기 전 태터툴즈의 키워드기능은 사전이면서도 일종의 태그역할을 하였다. 개인적으로 태터의 키워드기능이 태그와 연동되길 바랬지만 독립적으로 구현된 지금의 키워드는 사실적으...
Category: 자료 - 블로그, Reactions: 9, Views: 50,261, Author: 파이어준
-
보기좋은 이미지뷰어, image_pop 고쳐쓰기
image_pop.php은 태터툴즈의 이미지 표시를 담당하는 곳이다. 태터툴즈 1.0부터 도입된 갤러리와 첨부된 이미지의 원본사이즈를 팝업으로 보여주는 일을한다. 이것을 한결 보기좋은 화면으로 바꿔보자. 종전과 달라지...
Category: 자료 - 블로그, Reactions: 8, Views: 80,272, Author: 파이어준
-
DHTML Window for TatterTools #활용
유난히도 팝업창을 싫어하는 사람들 중에 하나다. 사용자의 작업표시줄을 어지럽힐 뿐만 아니라, 스팸성 광고 또는 상업성 이벤트가 대부분이기 때문이다. 윈도XP 서비스팩2를 내 놓으면서 웹사이트의 팝업창을 ...
Category: 자료 - 블로그, Reactions: 0, Views: 43,980, Author: 파이어준
-
DHTML Window for TatterTools #적용
성공했습니다!!.
Category: 자료 - 블로그, Reactions: 5, Views: 41,606, Author: 파이어준
-
태터툴즈1.0 플러그인 『팝에디터』 배포
관리자 모드에 들어갈 필요 없이 스킨이 적용된 화면을 그대로 보면서 글을 작성할 수 있는 팝에디터는 태터툴즈 클래식에서 사용할 수 있는 플러그인이다. 한결 편리한 관리환경을 제공하는 것 외에도 이모티콘...
Category: 자료 - 블로그, Reactions: 28, Views: 91,362, Author: 파이어준
-
태터툴즈 1.0 RC3 - 태그 기능확장하기
태터툴즈 클래식 RC3에서 처음으로 도입된 태그기능이 아직은 미약해 보인다. kebie님의 태그클라우드 표시하기에 이어서 태그표시에 이어서 태터툴즈에 구석구석에 엮일 수 있도록 조금 더 파고 들어가 보자. 태그...
Category: 자료 - 블로그, Reactions: 20, Views: 61,953, Author: 파이어준
-
태터툴즈1.0 RC3 - 태그클라우드 표시하기
kebie님의' 태터툴즈에서 태그 구름 사용하기' 트랙백 태그목록 표시를 구현하기 위해 밤낮으로 삽질하던 중에 kebie님께 목말라하던 트랙백을 받았습니다. 태그기능을 거의 완벽하게 구현하셨더군요. 특히,...
Category: 자료 - 블로그, Reactions: 13, Views: 66,081, Author: 파이어준
-
태터툴즈 클래식 1.0 RC3 - 버그 리포트
RC3에서 발견된 버그 - 태그목록 조회시 항상 내용이 함께 펼처짐(관리자 옵션 필요함) : 내용을 표시하지 않게 수정 - 태그목록에서 글표시 개수보다 태가가 많을경우 페이징 안됨 : 내용이 나오지 않음으로 무효 ...
Category: 자료 - 블로그, Reactions: 4, Views: 50,087, Author: 파이어준
-
태터툴즈 1.0RC3 - 개조 업데이트 #3
article_edit.php set_palette_plus // 입력기능 확장 emoticon_set // 이모티콘 사용기능 추가 make_thumnail // 썸네일 생성 스크립트 추가 perm_photo // 사진관련 포스트 선택 추가 cyworld_tt // 싸이월드 싱크 추가 setting_plugin.php// 플러...
Category: 자료 - 블로그, Reactions: 4, Views: 48,720, Author: 파이어준
-
태터툴즈1.0, MSN알리미 한글깨짐현상 복구
화니님이 개발한 'MSN Alert 태터툴즈 플러그인'은 태터툴즈에 댓글이나 방명록 또는 트랙백이 남겨진 경우 자신의 MSN메신저를 통하여 실시간으로 알려주는 플러그인이다. UTF-8기반으로 업데이트된 태터툴즈...
Category: 자료 - 블로그, Reactions: 7, Views: 80,338, Author: 파이어준
-
태터툴즈 1.0RC3 - 개조 업데이트 #2
article_edit_win.php // 팝업창에서 포스트편집 set_palette_plus // 입력기능 확장 emoticon_set // 이모티콘 사용기능 추가 make_thumnail // 썸네일 생성 스크립트 추가 perm_photo // 사진관련 포스트 선택 추가 cyworld_tt // 싸이월드 싱...
Category: 자료 - 블로그, Reactions: 10, Views: 48,979, Author: 파이어준
-
태터툴즈 1.0RC3 - 개조 업데이트 #1
index.php inc_plugin.php // 파이어준 플러그인 로드 msn_send // 방명록 실시간 MSN알리미 추가 login // index에서 로그인 추가 $p_title // 타이틀에 제목표시 수정 if($md == "photo") //포토 갤러리 추가 if($md == "polist"...
Category: 자료 - 블로그, Reactions: 4, Views: 49,962, Author: 파이어준