-
Ajax 도입한 올블로그 개편
새롭게 개편된 올블로그(v2.3)가 선보였습니다. 가장 큰 기술적인 변화는 .NET에서 PHP로의 전환, Ajax기법 도입 정도로 축약할 수 있겠습니다. dojo 자바스크립트 툴킷을 사용하고 있으며, 데이터를 json의 형태로 송/수...
Category: 정보 - 웹2.0, Reactions: 8, Views: 49,041, Author: 파이어준
-
Ajax 기반 웹사이트 구축에 필요한 UI 디자인
이번 프로젝트를 진행하면서 가장 답답했던 것은 Ajax 기반 웹사이트를 구축할 때 필요한 요소에 대해 이해하지 못하고 접근했다는 것이다. 보통 웹사이트에 비해 오히려 불편하거나 오해를 사는 요인이 증가했으...
Category: 정보 - 웹2.0, Reactions: 4, Views: 60,811, Author: 파이어준
-
Script.aculo.us 1.6.4 Released
하루사이에 굵직한 소식들이 많이 올라왔군요. 업데이트 한지 열흘만에 스크립타큘러스가(Scriptaculous)가 v1.6.2에 이어 v1.6.4를 릴리즈 했습니다. 주요한 변동사항을 먼저 살펴 보겠습니다. 얼마전 프로토타입(Protot...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,998, Author: 파이어준
-
Prototype 프레임웍 업데이트 소식
자바스크립트 프레임웍 라이브러리인 프로토타입(Prototype)의 업데이트 소식이 있습니다. 이 것은 Sam씨가 개발 중에 있는 CHANGELOG를 토대로 대충 살표본 것이기 때문에 아직 배포된 상황은 아니라고 합니다. 이전 버...
Category: 자료 - 웹개발, Reactions: 8, Views: 28,440, Author: 파이어준
-
앱테나(Aptana) IDE 유저노트
앱테나(Aptana) IDE는 최근에 많은 개선이 이루어지면서 한글환경에서도 많이 안정된 모습이다. Eclipse 또는 Eclipse 기반의 IDE를 접한 경험이 있다면 쉽게 적응할 수 있겠지만 그렇지 않은 유저는 매우 낯설다. 그동안...
Category: 정보 - S/W, Reactions: 7, Views: 56,274, Author: 파이어준
-
Aptana IDE - 업데이트 0.2.4.10583
일전에 소개한 바 있는 강력한 웹 저작도구 '앱테나(Aptana)'가 .31버전에 이어 몇가지 기능을 추가하고 잡스러운 수많은 버그들을 수정한 엡타나 .4가 릴리즈 되었습니다. 주요 내용은 HTML, CSS, JavaScript 및 XML파...
Category: 정보 - S/W, Reactions: 0, Views: 37,608, Author: 파이어준
-
Ajax로 중무장한 야후!포토 Relaunched
Yahoo!(닷컴)은 자사의 서비스중 하나인 야후!포토를 Ajax로 중무장하여 다시 선보였다. 사용된 Ajax기술들은 싱글/멀티 셀렉션, 드래그 앤 드롭, 단축키, 인플레이스 에디터, 라이트박스 유저 팁스, 프로그레시브 로...
Category: 정보 - 웹2.0, Reactions: 0, Views: 38,978, Author: 파이어준
-
자바스크립트로 구현한 웹페인터 - 구글 페인트
구글은 온라인상에서 별다른 플러그인 설치 없이 바로 사용할 수 있는 드로잉 툴인 구글 페인트을 선보였다. 파일메뉴와 툴바, 컬러피커 그리고 캔버스로 구성되어있다. 오에카기의 자바스크립트 버전이란 느낌...
Category: 정보 - 웹2.0, Reactions: 12, Views: 71,317, Author: 파이어준
-
사이트링크의 썸네일 이미지 팝업
사이트의 썸네일 이미지(미리보기 이미지)를 생성해주는 엔진을 이용한 링크의 썸네일 팝업 스크립트입니다. 외부로 링크되는 곳의 사이트 모양을 미리 볼 수 있어 여럼으로 편리합니다. 지정한 영역에 해당하는...
Category: 자료 - 웹개발, Reactions: 4, Views: 44,588, Author: 파이어준
-
마우스오버 타임아웃 다이나믹 컨텐츠
새로 리뉴얼된 야후의 탑 라이트 박스에서 아이디어를 얻어 마우스오버, 아웃에 타임아웃을 적용하여 뚝딱 만들어 본 컨텐츠 쇼/하이드 자바스크립트입니다. Prototype과 Scriptaculous 라이브러리가 사용되었습니다. ...
Category: 자료 - 웹개발, Reactions: 0, Views: 30,998, Author: 파이어준
-
Ajax 반영된 야후!의 시작페이지
야후는 그동안 준비중이던 새로운 시작페이지를 전격 반영했습니다. 미국야후 뿐만아니라 한국야후의 시작페이지도 동시에 바뀐 것을 보니 대규모 리뉴얼인듯 합니다. 무엇보다도 종전과 다른점은 컨텐츠의 전...
Category: 정보 - 웹2.0, Reactions: 0, Views: 35,739, Author: 파이어준
-
야후! UI 라이브러리 - 회전목마 컴포넌트
야후의 Bill Scott은 야후! UI 라이브러리에 추가할 수 있는 Carousel Component(회전목마 컴포넌트)를 공개했다. Static HTML, DTHML, Ajax 로 구축된 환경에서 가로, 세로구성 및 애니메이션, 슬라이드쇼, 스크롤링 등 여러방식으...
Category: 자료 - 웹개발, Reactions: 0, Views: 49,418, Author: 파이어준
-
어도비의 Spry Ajax framework
어도비는 Spry Ajax framework을 릴리즈하고 베타 테스트를 시행한다. 이 프레임웍은 XML데이터를 사용하는데 있어서 최소한의 HTML, CSS 그리고 자바스크립트를 사용하여 가능하게 한다. 어도비랩은 XML파일을 다루는 예...
Category: 자료 - 웹개발, Reactions: 1, Views: 46,585, Author: 파이어준
-
Ajax가 도입된 SIMILE의 자바스크립트 타임라인
SIMILE의 타임라인은 순수 자바스크립트만으로 드래그와 클리커블을 이용한 좋은 예이다. XML로 작성된 데이터를 수신하여 타임라인 그래프를 그려준다. 가로로 드래그되는 그래프는 내용보기와 미리보기를 동시에...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,662, Author: 파이어준
-
Ajax 디렉토리 매니저 - Relay
Chris Iufer는 Ajax 디렉토리 메니저인, Relay라는 오픈소스를 배포하였다. Relay는 제목에서도 알 수 있듯이 데스크탑과 흡사한 파일 관리환경을 웹에서도 제공한다. 파일과 폴더의 드래그앤드롭, 다이내믹한 파일구조...
Category: 정보 - 웹2.0, Reactions: 12, Views: 60,272, Author: 파이어준
-
어도비 플렉스2 릴리즈
플렉스는 리치 인터넷 어플리케이션을 전달하는 프레젠테이션 솔루션이다. 플렉스가 어떤 솔루션이지 알고 싶다면 Adobe의 Overview를 관람해 보자. 플렉스의 개발팀은 지난 27일 Flex2를 출시했다. 동시에 Flex 2 SDK, F...
Category: 정보 - 웹2.0, Reactions: 2, Views: 34,897, Author: 파이어준
-
웹 포토샵 - Cellsea Editor
Cellsea Editor는 보다 전문적인 도구로 무장한 온라인 이미지 편집기로써 Ajax기술을 도입하여 웹에서 포토샵 수준의 편집을 가능케한다. 명도, 채도, 대비, 크롭, 리사이즈 정도의 기본기능에 머물던 웹 편집기능을 ...
Category: 정보 - 웹2.0, Reactions: 2, Views: 47,790, Author: 파이어준
-
Scriptaculous 데이터그리드
Finetooth는 Prototype 기반 Scriptaculous 라이브러리, 그리고 PHP를 사용하여 구현한 데이터그리드(버전 0.3)의 소스를 공개했다. 온라인 테스트에서 확인할 수 있다. 항목별 오름차순/내림차순 정렬을 할 수 있고, 각 탭의...
Category: 자료 - 웹개발, Reactions: 2, Views: 39,843, Author: 파이어준
-
Ajax 파일 업로드 프로그레스 바
FineTooth의 Christopher Bottaro는 파이썬 CGI와 Ajax Prototype, JSON을 이용하여 놀라운 파일 업로드 프로그레스바 구현방법을 공개했다. 전체 파일 수, 파일이름, 프로그레스바, 전송속도, 남은시간까지 파일 업로드 진행상황...
Category: 자료 - 웹개발, Reactions: 2, Views: 48,327, Author: 파이어준
-
또 다른 자바스크립트 윈도우, LITBox
LITBox는 브라우저의 팝업창 또는 알림창을 대체하는 Prototype class 기반 Scriptaculous 라이브러리를 사용하는 자바스크립트이다. 이것과 비슷한 것으로 Prototypte Window Class가 있다. Prototypte Window Class처럼 다양한 형태를...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,832, Author: 파이어준
-
생일 축하해 script.aculo.us!
1 script.aculo.us가 6월 22일부로 한살이 되었습니다. 지금까지 약 백만 다운로드를 기록하였고(Ruby on Rails 포함) del.icio.us의 인기 사이트에 4위를 차지하는 등의 성과를 거두고 있습니다. Scriptaculous 프레임웍은 저에게...
Category: 자료 - 웹개발, Reactions: 0, Views: 25,423, Author: 파이어준
-
구글 피카사, 웹앨범 서비스도 죽여주시는군요
오늘부터 피카사 웹앨범 서비스의 오픈 테스트가 진행됩니다. 피카사-웹앨범은 데스트탑용 사진관리 소프트웨어인 피카사와 연동되는 웹 어플리케이션입니다. 물론, 이와 함께 공개된 새로운 버전의 피카사를 다...
Category: 정보 - 웹2.0, Reactions: 18, Views: 66,368, Author: 파이어준
-
script.aculo.us 응용 - 이미지 리플랙터
우리는 멋진 이미지 효과메 항상 목말라한다. 그쵸? wollzelle에서 공개한 리플랙션(반사효과)효과는 script.aculo.us의 build.js를 이용하여 가능하게 한다. 투명도를 기반으로 드로잉 되기 때문에 배경색 또는 배경 이미...
Category: 자료 - 웹개발, Reactions: 3, Views: 39,826, Author: 파이어준
-
Prototype 중급 - Form의 심플한 Ajax 전송
Form을 이용하여 서버에 자료전송할 때 Ajax를 통해서 필요한 자료만 서버에 보내세요. 빠르고 다이네믹한 웹을 구현해 줄 것입니다. 이 곳에는 프로토타입 자바스크립트 라이브러리(Prototype JavaScript Library를 사용하...
Category: 자료 - 웹개발, Reactions: 16, Views: 63,224, Author: 파이어준
-
Ajax가 도입된 아이콘 검색 - IconDB
아이콘을 찾아주는 서비스 보다 IconDB의 인터페이스가 경이롭다. 컨텐츠의 탭브라우징과 슬라이딩 네비게이션, 그리고 시작페이지의 윈도들은 마치 하나의 브라우저처럼 느껴지게 만든다. 특히, 어떠한 자바스크...
Category: 정보 - 웹2.0, Reactions: 2, Views: 31,778, Author: 파이어준
-
실시간 버튼 생성기 - Buttonator.com
Buttonator에서 드래그 앤 드롭으로 버튼을 생성해 보아요..
Category: 정보 - 웹2.0, Reactions: 0, Views: 32,162, Author: 파이어준
-
Yahoo! UI 라이브러리로 만든 테트리스
Dustin Diaz는 야후에서 제공하는 Ajax 기반의 디자인 페턴 라이브러리(Yahoo! Ajax UI Design Pattern Library)를 사용하여 자바스크립트 테트리스 게임을 시연하였습니다. YUI의 Event Utility와 Dom Collection을 결합하여 사용했다고...
Category: 자료 - 웹개발, Reactions: 4, Views: 32,624, Author: 파이어준
-
또다른 온라인 디지털 자산관리 - celum IMAGINE
celum IMAGINE은 오스트리아에 있는 회사에서 만든 온라인 소프트웨어이다. 그림, 사진, 여러가지 문서와 같은 디지털 문서를 처리하고, 가공하고, 배부하는 것을 통합할 필요가 있는 회사에 제공하기 위한 솔루션이...
Category: 정보 - 웹2.0, Reactions: 0, Views: 35,475, Author: 파이어준
-
FloatPhoto version 0.77a 로그
Fluxiom에 충격을 먹고 많은 부분을 뜯어고쳤습니다. 버전 0.6x 에서 0.7x까지 많은 변화가 있었어요. UI를 직관적이면서도 사용하기 편리한 구조로 전면 개편하였습니다. IE에서 overflow 구현하느라 한번 미칠뻔했지요...
Category: 자료 - 웹개발, Reactions: 9, Views: 49,599, Author: 파이어준
-
Prototype 고급 - 소팅 테이블
이 예제는 Prototype 자바스크립트 라이브러리(1.5.0_pre1)를 활용하여 테이블의 열을 정렬하는 것입니다. 헤더의 컬럼을 클릭하면 순차적으로 정열되는 것을 볼 수 있을 거에요. 저 또한 Enumerable.sortBy() 메서드를 실행...
Category: 자료 - 웹개발, Reactions: 4, Views: 30,673, Author: 파이어준
-
AjaxOS가 곧 옵니다.
모두 AJAX 함수로 기술한 오퍼레이팅 시스템입니다. ajaxOS가 흥분시키는 특징은 서버를 리모트하여 저장하는 능력과 함께 풀엑세스되는 파일 네비게이션입니다. 당신의 로컬 컴퓨터 하드디스크에 저장된 문서를 아...
Category: 정보 - 웹2.0, Reactions: 3, Views: 39,048, Author: 파이어준
-
올라웍스로 이직합니다.
웹에이전시 'D'모사에 입사하여 플래시 엑션스크립트 해 보겠다고 달려 든지도 3개월입니다. 저와는 코드가 잘 맞지 않는 스크립트로 느끼고 있던 중 웹2.0 벤처기업으로 잘 알려진 '올라웍스'사에서 웹...
Category: 일상 - 업무, Reactions: 16, Views: 86,873, Author: 파이어준
-
초경량 moo.fx가 사용된 갤러리 mooShow 1.0
What is mooShow ? | mooShow가 뭔고? mooShow는 초경량(superlightweight) moo.fx 자바스크립트 이펙트 라이브러리와 prototype.js기반의 심플한 슬라이드 쇼 자바스크립트/CSS 요. LightBox와 couloir.org에서 영감을 받고 나는 유사한 창조...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,417, Author: 파이어준
-
온라인 디지털 자산관리 - Fluxiom 리뷰
Fluxiom의 사용자 인터페이스는 눈이 매우 즐겁다. 다량의 파일유형을 아이콘 과 썸네일 형태를 가진 목록으로 일목요연하게 보여준다. 각 파일을 선택할 수 있고 드래그 상자로 여러개의 파일을 선택할 수도 있다...
Category: 정보 - 웹2.0, Reactions: 0, Views: 43,695, Author: 파이어준
-
Ajax가 도입된 온라인 이미지 편집 - Pixoh
Treefly Inc는 Ajax를 사용하여 온라인상에서 이미지를 실시간으로 편집 할 수 있는Pixoh를 개발했다. Pixoh는 앞으로 래드아이 픽스, 밝기와 대비 조정 팔레트, 이메일 전달기능 등을 추가할 예정이다. 지금 구현된 기능...
Category: 정보 - 웹2.0, Reactions: 4, Views: 36,938, 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,774, Author: 파이어준
-
웹 2.0 스타일 로고 컬렉션
No Description
Category: 정보 - 웹2.0, Reactions: 2, Views: 70,126, Author: 파이어준
-
Script.aculo.us 중급 - Image Resizing Slider
이 글은 http://www.agilepartners.com/blog 에 의해 공개된 것입니다. Script.aculo.us의 slide.js가 담당하는 슬라이더 응용입니다. Fluxiom의 인트로 비디오에서 보았던 바로 그 효과입니다. 아래의 슬라이드 바를 조정해 보세요....
Category: 자료 - 웹개발, Reactions: 6, Views: 36,123, Author: 파이어준
-
Fluxiom Get Started! - 출시
Get started! Fluxiom은 웹2.0과 Ajax기반으로 제작된 디지털 미디어 자산(?)관리 웹어플리케이션입니다. Fluxiom을 개발한 wollzelle은 지난 19일부터 상용으로 풀어놓았습니다. Prototype기반 script.aculo.us를 프레임웍으로 사용...
Category: 정보 - 웹2.0, Reactions: 2, Views: 30,896, Author: 파이어준
-
Script.aculo.us 중급 - Drag And Drop
script.aculo.us에서 드래그 앤 드롭이 사용되는 목적은 크게 두가지입니다. 하나는 선택한 엘리먼트가 목적 엘리먼트로의 이동하는 것(Draggables & Droppables)이고 다른 하나는 선별되는 엘리먼트들의 목록(Sortable lists an...
Category: 자료 - 웹개발, Reactions: 3, Views: 45,936, 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,239, Author: 파이어준
-
Scriptaculous Visual Effects 고급 - 응용
원하는 모션을 직접 만들어 쓰자! 지금부터 소개하는 것은 script.aculo.us에 있는 보물상자(?)의 내용입니다. 이것은 여러 사용자들이 응용한 모션 이펙트의 집합입니다. 그 중에는 매우 훌륭한 것들도 많이 있습니다...
Category: 자료 - 웹개발, Reactions: 2, Views: 38,207, Author: 파이어준
-
Prototype 중급 - Class Methods
Prototype JavaScript framework 에서 제공하는 엘리먼트와 이벤트의 클래스 메서드 입니다. Script.aculo.us는 Prototype의 여러 메서드를 사용자가 편하게 이용할 수 있도록 각종 모션효과들을 만들어 줍니다. 하지만, 애써 클래...
Category: 자료 - 웹개발, Reactions: 2, Views: 35,054, Author: 파이어준
-
FloatPhoto Version 0.64a 로그
스킨 유료화 프로젝트는 잠시 접어두고 Ajax 모션을 공부하면서 작업중인 디지털 사진관리를 위한 웹어플리케이션 '플롯포토'의 개발 로그입니다. 현재 버전은 알파 0.64입니다. 0.9x가 되는 시점에서 오픈베타...
Category: 자료 - 웹개발, Reactions: 8, Views: 52,563, 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,451, 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,761, Author: 파이어준
-
Script.aculo.us 기초 - Combination Effects
Script.aculo.us에서 지원하는 조합된 비주얼 이펙트(Combination Effects) 목록입니다. 이것은 Core Effects가 하나이상 조합되어 파생된 것들입니다. 지속시간(duration)과 변이(transition) 등을 옵션으로 사용할 수 있습니다. 특히...
Category: 자료 - 웹개발, Reactions: 2, Views: 37,654, Author: 파이어준
-
Flash without Flash(플래시 아닌 플래시)
최근 심도있는 Ajax모션 포트폴리오를 생산하고 있는 wollzelle Media Design und Webservices GmbH(이하 wollzelle)에서 제작한 포트폴리오 사이트입니다. 일단 christofwagner를 방문해 보세요. Prototype JavaScript framework, version 1.4.0기반...
Category: 자료 - 웹개발, Reactions: 8, Views: 47,154, 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,383, Author: 파이어준
-
요즘 만들고 있는 웹갤러리 - FloatPhoto
짬짬이 작업하고 있는 웹갤러리 'FloatPhoto'입니다. 디지털 SLR 카메라가 생긴 후 주변인들에게 사진을 전달하는 용도로 이곳 저곳에서 긁어모은 함수들로 뚝딱 만든 것이었지만, 계속해서 만지다 보니 지금은...
Category: 정보 - 웹2.0, Reactions: 27, Views: 58,440, Author: 파이어준
-
초경량 자바스크립트 이펙트 라이브러리 moo.fx
moo.fx에는 아래와 같은 소개말이 있습니다. moo.fx는 prototype.js사용하면서도 크기가 매우작은 자바스크립트 비주얼 이펙트 라이브러리입니다. 불여우, 사파리, IE 등 여러가지 브라우저(오페라 브라우저는 작업중)를...
Category: 자료 - 웹개발, Reactions: 8, Views: 35,674, Author: 파이어준
-
AJAX Support - Rico 1.1.2 Demo
Rico AJAX Support의 JavaScript Library 1.1.2 Demo입니다. 썩 화려한 효과는 못되지만, 비교적 응용이 쉬운편이며 드로잉 속도가 매우 빠르다는 장점이 있습니다. 특이할 만한점은 특정 DIV 구역을 스크립트 만으로 라운드 처...
Category: 자료 - 웹개발, Reactions: 1, Views: 42,157, Author: 파이어준
-
Yahoo! Ajax UI - Design Pattern Library
야후에서 제공하는 Ajax 기반의 디자인 페턴 라이브러리(Yahoo! Ajax UI Design Pattern Library)입니다. 드래그 앤 드롭 예제(Drag and Drop - Slider Widgets) 중 '컬러피커'를 자바스크립트 구현한 것입니다. 로드 하는 스크립...
Category: 자료 - 웹개발, Reactions: 0, Views: 39,952, Author: 파이어준
-
Effect.Queue를 이용한 Ajax 애니메이션 실습
railsdevelopment에서 소개하는 Effect.Queue 사용법을 응용하여 DIV 박스를 이용해 페이지 로딩을 마침과 동시에 진행되는 간단한 애니메이션을 만들어 보았습니다. Queue를 이용하면 순차적으로 진행되는 애니메이션을 제...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,757, Author: 파이어준
-
Drag and Drop AJAX Shopping Cart 실습
http://demo.script.aculo.us/shop 의 소스를 응용하여 PHP와 연동되는 쇼핑카트 실습을 해 보았습니다. 카트의 정보는 쿠키에 저장됩니다. 태터툴즈에 응용하면 재미있는 것을 많이 만들수 있겠어요. 예를 들어 포스트 카트...
Category: 자료 - 웹개발, Reactions: 28, Views: 61,118, Author: 파이어준
-
Ajax Visual Effects - script.aculo.us v1.5.3
script.aculo.us에서 제공하는 Prototype JavaScript Framework library를 이용한 Ajax 비주얼 이펙트입니다. 멋지군요. 응용가능한 부분부터 태터툴즈 클래식에 붙여 보아야겠습니다. ※ 이 페이지는 RSS리더기에서 비정상으로 보...
Category: 자료 - 웹개발, Reactions: 17, Views: 41,536, Author: 파이어준
-
W3C, CSS 유효성검사 통과(Valid CSS)
작업하면서 알아낸 CSS 권장 사용법을 정리해 보았습니다. 폰트관련 코드는 항상 font-family, font-size, line-height:를 사용하여 글꼴을 관리하였는데 font:를 사용하니 매우 간결하고 사용도 간편하군요. IE전용 filter: 및 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 44,764, Author: 파이어준
-
WC3 웹표준에 따른 HTML 코드 표기규칙
이거 완전 대공사로군요. 아래에 지정한 표기규칙에 따라 태터툴즈를 손보았고, 기존에 입력했던 글, 댓글, 트랙백, 키워드 부분에 찾아 바꿔치기(Search and Replace) 가능한 부분은 모두 시도하였지만, <font>태그를...
Category: 정보 - 웹2.0, Reactions: 17, Views: 37,827, Author: 파이어준
-
클래식, W3C 유효성검사 통과 (Valid HTML4.01)
스킨작업을 하면서 웹 표준을 지키는 코딩에 도전하게 되었습니다. 그리고 스킨만으로는 웹표준을 준수할수 없는 것을 알게 되었고, 태터툴즈 클래식의 웹 표준에 반하는 코드도 모두 뜯어고쳐 W3C의 표준 유효성...
Category: 정보 - 웹2.0, Reactions: 25, Views: 72,452, Author: 파이어준
-
rel="tag"코드, 있고 없음의 차이
과도한 트래픽으로 인해 골머리를 앓던 중 범인(?)을 검색엔진으로 지목하고 이런저런 조사를 해 본 결과 과실책임은 바로 자신에게 있다는 것을 알게 되었다. 태그의 링크에는 무조건 rel="tag" 코드를 넣어 준 것이...
Category: 정보 - 웹2.0, Reactions: 12, Views: 46,033, Author: 파이어준
-
태그에 블로그 메타 사이트의 태그링크 달기
이것은 태그의 활용가치를 높이기 위한 방법으로 포스트에 달린 태그이름 옆에 테크노라티, 올블로그, 이올린의 동일 태그 목록을 조회할 수 있는 링크 버튼을 추가하는 역할을 합니다. 사실 테크노라티에 싱크가...
Category: 자료 - 블로그, Reactions: 26, Views: 73,729, Author: 파이어준
-
주제와 연관성을 고려한 태그작성요령
태그 기능이 첨부된 태터툴즈 클래식 업데이트 이후 태그달기 작업을 한지도 한달째다. 처음에는 기존에 작성했던 600여개의 글에 단순히 제목의 키워드를 조합하는 막무가내 식 작업을 진행 하였다. 우후죽순처...
Category: 정보 - 웹2.0, Reactions: 24, Views: 62,237, Author: 파이어준
-
클래식에 태그-전체보기 페이지 추가
※ 이것은 태터툴즈 클래식 RC3에서만 사용할 수 있는 방법이다. 알다시피 태그 클라우드 표현은 태터툴즈 오피셜에서 이미 구현된 기능이다. 환경이 허락하지 않아 설치하지 못하거나 필자처럼 클래식에 목을 ...
Category: 자료 - 블로그, Reactions: 16, Views: 76,654, Author: 파이어준
-
구글이 태그를 긁어간다.
TraceWatch를 사용하여 즐겁게 방문객을 스토킹(?)하던 중 안보이던 키워드로 검색하여 방문한 기록을 확인 할 수 있었다. 역추적해 보니 태그의 URL을 클릭하여 방문한 것으로 밝혀졌다. 태그 서비스를 본격적으로 시...
Category: 정보 - 웹2.0, Reactions: 8, Views: 58,058, Author: 파이어준
-
태그 왈. 네 모든것을 한눈에 까발려 주마!
태그 클라우드 전체보기 페이지를 추가하였습니다. 상단 메뉴 "Tags"를 클릭하면 우측 그림에서 보는 페이지를 확인할 수 있습니다. 며칠째 그동안 작성한 포스트에 태그를 달고 있는데 만만찮은 작업이에...
Category: 정보 - 웹2.0, Reactions: 2, Views: 52,588, Author: 파이어준
-
태그 클라우드 랜덤으로 뿌리기
태그 클라우드를 설치하신 분에 해당하는 내용입니다.Tattertools v1.0에서 구현되는 태그 목록처럼 랜덤으로 뿌리도록 수정하였습니다. 추가하신 코드중에 아래처럼 조건식을 rand()으로 변경해 보세요. 눈이 아주 즐...
Category: 자료 - 블로그, Reactions: 10, Views: 56,238, Author: 파이어준
-
차세대 스타 ‘웹2.0’ 무서운 질주
블로그처럼 웹에 플랫폼 제공, 별도의 소프트웨어 없이 인터넷상에서 문서편집 가능 구글·위키피디아 등 MS에 맞서 `웹2.0` 서비스 제공하며 큰 수익, 인터넷 대세로 확산 2004년 8월에 이어 작년 10월 미국 샌프란...
Category: 정보 - 웹2.0, Reactions: 2, Views: 36,031, Author: 파이어준
-
태터툴즈 1.0 RC3 - 태그 기능확장하기
태터툴즈 클래식 RC3에서 처음으로 도입된 태그기능이 아직은 미약해 보인다. kebie님의 태그클라우드 표시하기에 이어서 태그표시에 이어서 태터툴즈에 구석구석에 엮일 수 있도록 조금 더 파고 들어가 보자. 태그...
Category: 자료 - 블로그, Reactions: 20, Views: 61,822, Author: 파이어준
-
태터툴즈1.0 RC3 - 태그클라우드 표시하기
kebie님의' 태터툴즈에서 태그 구름 사용하기' 트랙백 태그목록 표시를 구현하기 위해 밤낮으로 삽질하던 중에 kebie님께 목말라하던 트랙백을 받았습니다. 태그기능을 거의 완벽하게 구현하셨더군요. 특히,...
Category: 자료 - 블로그, Reactions: 13, Views: 65,947, Author: 파이어준