noimage

웹~디자인에 유용한 사이트나 몇 개 적어봅시다

spam_comment오늘도 주인장 없는 블로그에 찾아와주신 많은(?)분들께 감사드리며..

준비한 것들은 준비한대로 진행을 못하고 있고, 블로그를 블로그라 부를 수 없는 만큼 주인 조차 안들어오니 -_- 이를 어쩌면 좋소;
스패머만 무쟈게 많아졌습니다 ㅎㅎ;;
죽지 않았다는 것을 알려볼겸.. 링크나 몇 개 남겨 봅니다.

  1. Design Library Pattern (Yahoo )
  2. Side Job Track
  3. CSS Table Gallery
  4. Type Tester
  5. Open Web Deisgn
  6. XHTML Character Entity Reference

1.

야후에서는 얼마전에 UI Library를 공개했습니다. (얼마전인지는 잘 모르겠습니다 -_-)
위젯을 만들고 싶으신 분이나 자바스크립트에 관심이 많은 분들에게는 유용할 것 같습니다.

덩달아 Design library pattern도 나와있답니다. 아직 많은 글이 있는 것은 아니나, User interface에 관심이 있는 디자이너라면 흥미롭게 볼 수 있을 것 같습니다.

2.
투잡 디자이너에게 유용할 것 같은, Side job track.
투잡 디자이너나 프리랜서 디자이너에게 유용하겠습니다..만 통화에 원()이 없어서, 달러로 관리해야 겠근영;
프로젝트 관리나 클라이언트관리를 편하게 할 수 있고, 업무 진행 상황이나 그동안 진행한 프로젝트 등 여러가지 정보를 xml로 관리할 수 있답니다.
천천히 사용해 보고 나중에 소감(?)을 써보도록 하겠습니다.

3.
데이터 테이블을 어떻게 꾸미는지 다양한 예제를 볼 수 있는 CSS Table Gallery.
Design Name을 누르면 각 각의 형태를 볼 수 있습니다.
하도 많아서 보다보면, “이미 방문한 링크” 색상이 중요하다는 사실을 알 수 있습니다.;
어떤 것 까지 봤는지 도통 기억할 수가 있어야 말이죠.
CSS로 꾸며진 다양하고 색다른 형태의 테이블을 구경하는 재미도 있고, 마우스 이벤트나 타이포를 보는 재미도 쏠쏠 합니다.
몇 개는 CSS 링크가 깨져서 기본 테이블 형태로 보이는 것도 있습니다.

4.
Type Tester
웹에 쓰이는 글꼴을 다양한 형태로 미리보기 할 수 있는 웹사이트입니다.
기본 글꼴을 사용하시려면, 우측 상단의 셀렉트 박스에서 base size를 12px로 설정해주시고, 한글 글꼴을 사용해 보시려면 font 선택을 specify your own에서 선택해 주는 센스.

5.
Open Web Design
요건 디자이너를 위한 것인지 잘 모르겠습니다.
디자인을 못하는 사람들을 위한 것이라는 의미가 더 클텐데 ^^;
웹 디자인 소스를 공개하는 곳입니다.
중요한 것은 웹 표준에 맞춰진 소스를 공개하는 곳이라는 사실입니다!
웹 표준에 관심은 있으신데 하기 힘들거나 하면 요기 것을 샤삭해서 고쳐서 쓰셔도 되겠습니다.

6.
XHTML Character Entity Reference
다양한 특수기호의 이름도 알 수 있고, 코드도 볼 수 있는 사이트입니다.
한글에서 한자키 눌러서 쓰는 특수기호가 아니라, HTML 4와 XHTML 1.0의 각종 엔티티들을 표기해두었답니다.

앗.. 5개만 적으려고 했는데 6개가 되었근영;
다시 일하러 가야지 -.-

내일부터 날씨 엄청 추워진답니다. 다들 감기 조심하시고.. 오랜시간 후에 또 뵈어요;;

  • kukie says,
    “앗.. 5개만 적으려고 했는데 5개가 되었근영;
    다시 일하러 가야지 -.-”
    이거 개그? or 오타?

    나? 트집 잡는중!

  • 5개만 적으려고 하셨다더니, 정말로 6번째는 링크도 안해주셨군요. 흑흑

  • 동치미: ㅋㅋ 정신이 없다 정신이 ㅎㅎ
    하늘이: 위에는 링크 걸었는데, 아래는 링크를 안바꿨근여.ㅜ.ㅜ

  • 근데 내 코멘트 2개씩이나 모더레잇 당했는데
    그 이유를 알려주소;; ㅜ0ㅜ

  • 나니: 오래된 글에 코멘트 달아서 그래. 31일 이상 지난 글은 내가 컨펌해야 하는데, 스팸글이 워낙 많아서 매일 확인하지 않으면; 스팸 아닌 글을 걸러낼 수가 없당 ㅎㅎ

    디토: 🙂

    디토님의 링크 부가 설명.
    http://www.famfamfam.com/lab/icons/
    예쁜 픽셀 아이콘들을 free로 받을 수 있는 곳. 저도 여기 아이콘 즐겨쓴답니다. 도트찍으면 눈이 빠질 것 같아서.ㅠ.ㅠ

    http://squidfingers.com/patterns/
    각종 백그라운드 패턴을 받을 수 있는 곳 입니다. 다 픽셀 작업으로 되어 있어서 굉장히 정교합니다.

    http://centricle.com/ref/css/filters/
    몇 몇 CSS 선언과 필터 등에 브라우저가 대응하는 유무를 표로 보여주는 곳입니다.

    http://mentalized.net/activity-indicators/
    여기는 저도 처음 본 곳인데, “실행중 알림”(??) 아이콘들을 모아둔 곳이랍니다.
    설명으로는 AJAX나 그 비슷한것이 실행중 일 때 쓰라고 나와있네요 🙂 눈에 익숙한 아이콘들이 꽤 있습니당

  • 잘읽고 갑니다. 디자인 잘못해서 학회홈페이지 개편하기가 좀 그래서 걱정이었어요^^

  • 좋은사이트들 소개 감사합니다 🙂

  • 오, 멋진곳이 많군요. 감사드려요. 😀

  • Pingback: ..★ 나는 살아있다 ★..()

  • tommi

    도움이 되는 사이트들 감사합니다..

  • Pingback: 토미의 이글루()

  • 구네구네

    테이블 CSS 디자인 찾고 있엇습니다. (업무상)

    매우 유용해요

    웹개발자인데요.. 디자인 완전 못해서;;;

    완전 싸랑해요~ ~*