Search results

'useful...'에 해당하는 글들

  1. 2006/05/21  웹표준을 지키는 이유 (2)
  2. 2006/05/19  월드컵 응원용 글꼴(폰트) 무료배포 (1)
  3. 2006/05/17  유용한 유틸 (for CSS)
  4. 2006/04/22  PHP + CSS Dynamic Text Replacement (4)
  5. 2006/04/15  CSS Box Model...(Table과의 차이점) (2)
  6. 2006/04/05  최고의 RSS 리더 klipfolio...
웹표준 웹표준 하길래 따라만 했지. 왜 웹표준을 지켜야 하는지 모르고 있었다.
각설하고 그 이유를 정리하면 다음과 같다.

1. 웹사이트를 더 빨리 불러온다.
2. 호스팅 비용을 낮추어 준다.
3. 재디자인시 보다 효율적이며 비용 발생을 줄여준다.
4. 전체 사이트의 시각적 일관성 유지에 도움이 된다.
5. 보다 나은 검색 결과를 얻게 된다.
6. 모든 방문자와 브라우저의 접근성을 높여준다.
7. 게다가 여러 곳에서 웹표준 사용을 늘려가고 있어 당신의 경쟁력, 즉 직업보장이 된다.

테이블은 왜 쓰면 안돼냐고 물으신다면..

테이블 사용의 문제
 
: 표현 데이타와 컨텐츠의 혼용.
 : 페이지의 크기를 불필요하게 증가시킨다. 따라서 사용자가 방문할 때마다 표현
   데이타를다운받아야 한다.
  : 대역폭은 무료가 아니다.
  : 현재의 사이트와 내용(Contents)을 재디자인할 때, 매우 많은 작업과 비용
   유발하게 된다.
  : 또한 전체 사이트의 시각적 일관성을 유지하는 데 매우 힘들고 과도한 비용
   발생시킨다.
  : 테이블 기반 페이지는 웹을 이용하려는 장애인, 핸드폰과 PDA 사용자에겐
  접근성을 떨어뜨리게 된다.

http://www.softwant.com/standards/index.php 에서 만화를 통해 쉽게 웹표준을 설명하고 있다. 한글로 번역해놓은것 같은데, 아무리 쉽게 설명했다고 해도 아무래도 기본지식이 필요한건 어쩔수 없나보다.

2006/05/21 23:06 2006/05/21 23:06
─ tag  , ,

폰트업체 아이엠나(http://www.iamna.com/)에서 위와같이 이쁜 글꼴을 무료로 배포하고 있다.
공짜니까 담아보자~^^ 이쁘기도하네~

공지 전문
문자동맹 에서는 본격적인 월드컵 시즌을 맞아 거리 응원전등에서 사용할 수 있는 
월드컵 응원용 한글글꼴과 이모티콘의 무료보급을 전개합니다.

응원용 한글글꼴은 현수막,피켓,T등의 응원도구에 쓸 수 있도록
글자 내부에 축구공 모양과 치우,태극기,골인 장면등의
이모티콘이 구현된 손글씨 글꼴입니다.

*보급내용

1) 응원폰트 : Na@이겨야겠어(Truetype 버전)
2) 응원 이모티콘: 응원도구모양으로 메신져에서 사용가능.
 
-응원폰트는 산하의 월드컵 버전으로 자유로운 배포가 가능한 Freeware입니다.
(영리적 목적에는 사용 하실수 없습니다)

사용을 원하시는 분들은 홈페이지메뉴 중
"폰트 전시관"에서 응원 폰트를,
"문자이모티콘"에서 응원이모티콘을 별도의 절차없이
무상으로 내려 받아 일반글꼴처럼 사용하시면 됩니다.

응원폰트 Na@이겨야겠어로 응원도구와 메세지들이
보다 손쉽게 제작되어 대표팀의 선전에 기여했으면 좋겠습니다.
많은 이용 부탁드립니다 :)

다운로드 하자
2006/05/19 10:05 2006/05/19 10:05


정말 내가 찾던 프로그램.
개인적으로 css 포멧을 지켜서 코딩했는데 요즘들어 왠지 압축스타일이 끌린다.
다운로드 : http://www.urixsoft.nm.ru/soft/MinCSS/MinCSS.zip
출처 : miniwini
2006/05/17 08:15 2006/05/17 08:15


이미지라는것을 강조하기 위해 좀 강력한(?) 예를 들었다.

제목만 보고 이미 감잡으신분들이 계시겠죠.
PHP의 GD 라이브러리를 이용해서 텍스트를 이미지로 바꿔주는 소스입니다.
간단한 텍스트 이미지 하나 만들려고 포토샵을 실행하는 번거로움을 줄일수 있겠죠..^^;
원본 소스로는 한글을 지원하지 않아서 우선은 영어로만 테스트를....
(누...누가 한글지원하게좀 해주세요;;)

출처는 PCDTR 이지만 이곳도 자바스크립트를 이용한 원본을 PHP버젼으로 바꾼거 같네요.
사용법은 간단합니다.

1. 다운받는다
2. image.php 를 열고 자신에 맞게 수정한다.
3. image에 지정한 사용할 폰트를 같은 디렉토리 안에 넣는다.
4. 서버에 올린다
5. index.php 를 실행한다.

원본에는 $text만 지정하게 되어있는데 저같은 경우는
$font_file = 'ck.ttf';
// $font_size  = 30 ;
// $font_color = '#000000' ;
$background_color = '#ffffff' ;
$transparent_background  = true ;

와 같이 폰트크키, 색깔까지 변수로 직접 입력하고 있습니다;
즉 image.php를 실행하실때는

http://경로/image.php?text=내용&font_size=크기&font_color=색깔
과 같이 사용하시면 됩니다.

지금 만들고 있는 스킨에 적용해 봐야겠네요..
2006/04/22 10:25 2006/04/22 10:25

위의 그림은 CSS Box model을 한장의 도표로 나타낸 것이다. Box는 컨텐츠 영역(width, height), 패딩영역(padding), 보더영역(border), 마진영역(margin), offset(top, right, bottom, left)으로 구성되어 있다. 가장 안쪽의 컨텐츠 영역은 width 속성과 height 속성으로 그 크기가 결정된다. 그리고 그 밖으로 패딩, 보더, 마진 영역이 있다. 그리고position 속성과 함께 지정되는 offset이 있게 된다. 실제적으로 화면에서 보이는 영역은 컨텐츠, 패딩, 보더 영역이고 그 외곽의 마진과 offset은 실제적으로 화면상에서 box라고 인식 되어지지는 않는다.
여기서 가장 주의 해야 하는 것은 컨텐츠 영역의 크기이다. 보통 table을 이용해서 작업하는 것에 익숙한 사람들이 가장 많이 혼동하는 것이 width의 크기를 컨텐츠 영역의 너비로 인식하지 않고 실제로 눈에 보이는 box의 크기로 인식을 하는 것이다. 즉, width를 실제로 눈에 보이는 영역인, width + padding + border의 영역으로 인식하는 것이다. 이것이 CSS2의 box 랜더링과 IE의 box 랜더링이 가장 큰 차이를 보이는 사항이다. CSS2에서는 width나 height를 컨텐츠가 들어갈 수 있는 영역으로 나타내기 때문에 padding이나 border를 적용하게 되면 눈에 보이는 box의 크기는 커지게 된다.

출처 : 실전 웹표준 가이드 (2005, 소프트웨어진흥원)

Table에서 CSS로 바꾸면서 가장 헷갈리는것중의 하나가 아닐까 생각된다.
실제로 나도 Width를 사용하게 되면 무조건 Padding과 Border를 포함하여 생각해 왔는데 이것은 틀린것이다. 내 경우를 예로들면 CSS에서 Position이 아닌 float을 사용하여 레이아웃을 잡았을때 콘텐츠부분과 메뉴부분의 동일선상에 정렬되지 않고 한쪽이 아래로 내려가는것을 볼 수 있는데, 그 이유중 하나가 바로 위와 같은 내용이 아닐까 생각해본다. width에 맞지 않는 contents. 맞나? 조심하자;;
2006/04/15 10:46 2006/04/15 10:46
─ tag  , , ,

예전블로그(지금은 지워진..)에 내가 자주쓰는 프로그램에 대해 포스팅한적이 있는데, 그것에 이어 오늘 발견한 klipfolio라는 프로그램을 완젼 디벼본다.

쓸만한 RSS 리더기하나 정도는 있어야겠다...라고 생각하고 프로그램을 찾기 시작했다.
얼마전(?)까지는 불여우 확장기능인 Sage를 사용했었다.

불여우의 확장기능 "Sage"


Sage는 거의 모든면에서 나를 만족시켜(?) 줬지만, 역시 회사에서 몰래 인터넷을 하는 나에게
rss를 확인하기 위해서 항상 웹브라우져를 켜놓고 있어야 한다는건 커다란 문제였다.
그래서 설치형 RSS Reader를 찾던중 발견한것이 바로 Klipfolio다.

현재 3.0 Beta B 버젼까지 나와있으며, 물론 Freeware다.
Klipfolio는 100% RSS Reader라고 보기에는 무리가 있으며 일종의 데스크탑 프로그램이다.
RSS 뿐만 아니라 날씨, 뉴스, 스포츠, 블로그등등의 정보를 데스크탑에서 확인할수 있게 해준다.
사이트에서 소개하는 Overview는 다음과 같다.
KlipFolio is a desktop application that lets you stay up-to-date with all sorts of information online---like news, weather, sports, blogs and RSS---using small, customizable windows called Klips. Most Klips display headlines from a website, with each headline being a link to an article. There are also Klips which display items that relate to a service--like a weather forecast--which link to more information.


사용상에 특별한 어려움이 없으니 스샷으로 사용법을 대신한다.

클릭하면 원래 사이즈로 볼수 있습니다.


클릭하면 원래 사이즈로 볼수 있습니다.


클릭하면 원래 사이즈로 볼수 있습니다.


클릭하면 원래 사이즈로 볼수 있습니다.


클릭하면 원래 사이즈로 볼수 있습니다.


클릭하면 원래 사이즈로 볼수 있습니다.


스크린샷에서 볼수 있듯이 Klipfolio는 다양한 화면구성과 스킨 다양한 컨텐츠(여기에서는 Klip이라 한다)를 제공한다.
다양한 Klip들을 KlipFarm(http://www.klipfarm.com/farm.php)에서 제공하고 있는데,
네이버를 비롯한 우리나라 컨텐츠들도 많이 있다.
현재 내가 쓰고 있는 Klipfolio의 모습이다.

깔끔한 화면구성과 KlipFarm에서 제공하는 다양한 Klip 쉽고 편한 조작과 인터페이스.
추가/삭제가 쉬운 RSS Feed.
이정도면 최고의 Rss Reader라 할수 있지 않을까?



좀더 자세한 사용법은 http://www.serence.com/site.php?action=ser_help2,help_home를 참조하세요.
2006/04/05 12:42 2006/04/05 12:42
openclose