CSS 레퍼런스 beta 오픈

작성일시 : 2008.02.25 , 오전 08:58 분류 : CSS, 웹 디자인, 웹 접근성, 후니넷 답글 : 28 comments »

CSS 레퍼런스를 오픈했습니다. 아직 내용을 완벽하게 갖추진 못했지만, 혼자서 만드는 것보다 일단 공개하고 사용자의 의견을 받거나 참여를 유도하는 게 바람직하다고 생각해서, beta라는 꼬릿말을 붙이고 오픈했습니다.

위키(Wiki)를 기반으로 만들어서 누구나 내용을 수정하거나 새로운 페이지를 만들 수 있습니다. 파일(file) 기반 위키를 DB처럼 구성했기에, 수정하는데 번거로울 수 있습니다. 이는 전체적인 구성이 완료되는 이번주 수요일 중으로 각 페이지로 내용을 이전해서 변경할 예정입니다.

Hooney와 함께 만드는 CSS 레퍼런스

이 레퍼런스는 예제 소스와 화면 출력을 한꺼번에 제공하는 특징을 갖고 있습니다. 누구나 예제 코드를 입력하면 아이프레임(iframe)이 생성돼서 예제를 바로 확인(LIve Demo)할 수 있도록 구성했습니다. 제가 많은 웹 레퍼런스를 보진 못했지만, 가장 효과적인 방법임에 틀림없습니다. ^^;;

CSS 레퍼런스인 만큼, 기본 스펙과 웹 브라우저나 프린터, 핸드폰, 스크린리더와 같은 화면 표시 장치(User Agent)과의 호환성에 대한 정보를 제공하는데 촛점을 맞추겠습니다.

원래 위키를 개인 사이트에 오픈하면 사용자들의 참여가 적을(또는 전무) 것으로 예상되어 별도의 사이트를 만드는 것도 고려했지만, 배보다 배꼽이 더 클 것으로 판단해서 그냥 hooney.net에 오픈합니다. 별도 사이트를 만드는데 소요될 시간을 레퍼런스의 내용을 제공하는데 사용하기 위해서 입니다.

레퍼런스에 대한 의견이 있다면 이 블로그에 남겨주세요. 혼자 보려고 만들지 않았기에 가능한 반영하겠습니다. ㅎㅎ

W3C W3C Learning CSS에 등록

이 레퍼런스가 전세계 CSS에 관한 교육 및 참고 자료를 소개하는 W3C의 Learning CSS에 등록됐습니다. (2008-2-27)



28개의 의견이 있습니다. | 당신의 의견을 바랍니다.

  1. 1. Gravatar simple ｜ 2008.02.25 , 오전 10:12 · permallink

    우와, 아주 깔끔하게 정리가 잘되어있네요!
    무심코 edit 버튼을 눌렀다가 혹시나 잘못 기록될까 얼른 나와버렸습니다 ㅎㅎ

  2. 2. Gravatar 지나가다 ｜ 2008.02.25 , 오전 10:22 · permallink

    오… 잘 정리되어 있군요. 공부하다가 참고하면 좋겠군요.
    IE 버그 앞에서는 무용지물이지만;

  3. 3. Gravatar Hooney ｜ 2008.02.25 , 오전 11:14 · permallink

    simple님 : 보기 좋은 떡이 먹기도 좋다는 선조들의 조언을 따랐을 뿐입니다. 내용도 충실해야 겠죠~ ㅎㅎ

    누구나 수정하도록 wiki로 만들었습니다. 혼자서도 할 수 있겠지만, 양이나 질을 보장할 수 없겠더군요. ㅜ.ㅜ

    지나가다님 : 브라우저 호환성 대조표를 제공하고 있으며, 구체적인 문제에 대해서 상세한 해설도 덧붙일 예정입니다. 시간이 꽤 소요되더군요~ ^^;

  4. 4. Gravatar graphittie ｜ 2008.02.25 , 오전 11:56 · permallink

    버그나 브라우저 특성 기술에 대한 편집 규칙은 어떻게 되나요? 편집을 하고 싶은데, 주로 IE 특성이나 버그 같은 내용이어서요. :)

  5. 5. Gravatar Hooney ｜ 2008.02.25 , 오후 12:29 · permallink

    graphittie님 : 버그나 브라우저 특성 기술은 각 속성이나 선택자의 “브라우저” 호환성 비교표에서 다루려고 합니다.

    이번주 수요일까지 내용을 수정할 수 있도록 준비할 예정입니다. 현재 위키가 include 방식이어서 내용의 일부를 수정하는데 불편한 기 떄문에 이를 개별 페이지로 분리할 계획입니다.

    참여하실 의사를 밝혀주셔서 감사합니다. 다른 의견도 주시면 답변드리겠습니다. ^^

  6. 6. Gravatar 가우리 ｜ 2008.02.25 , 오후 03:24 · permallink

    어익후…

    수많은 양을 정리해 두셨네요 ^^

    후배들한테 보여줄 주소가 하나더 늘어납니다.

  7. 7. Gravatar k ｜ 2008.02.25 , 오후 09:24 · permallink

    지원여부에 safari도 넣는게 좋지 않을까요?

  8. 8. Gravatar Hooney ｜ 2008.02.25 , 오후 10:09 · permallink

    가우리님 : 아직 완성본은 아닙니다. 물론 위키 기반 사이트에서 완성본이라는 단어가 어색하지만요;;

    k님 : 제가 맥 유저가 아니라, 자료를 정리하기 쉽지 않더군요. wndows 용 사파리가 맥가 동일한 랜더링을 갖는지도 모르겠구요.

    시간이 좀 걸릴 뿐, 추가되겠죠~ 누군가가 정리만 해주면야.. ㅎㅎ

  9. 9. Gravatar 현인 ｜ 2008.02.25 , 오후 11:43 · permallink

    가우리님께서 남기신 말씀과 같은 생각입니다. 정말 멋져요!

  10. 10. Gravatar 일모리 ｜ 2008.02.26 , 오전 08:56 · permallink

    너무 수고하셨습니다. 언제나 멋진 노력에 감탄만 하다 갑니다. :)

  11. 11. Gravatar Hooney ｜ 2008.02.26 , 오전 09:32 · permallink

    현인님 : 감사합니다. :)

    일몰님 : 요즘 일몰님 블로그에서 좋은 글 많이 접하고 있습니다. 특히 IE8과 관련된 글은 독보적이죠.

    찬찬히 가더라도 멈추지 말고 좋은 글 써주시면 좋겠습니다. :)

  12. 12. Gravatar deute ｜ 2008.02.26 , 오전 09:51 · permallink

    오오 멋져요!

    최고의 레퍼런스가 될것같은 느낌 인데요?

  13. 13. Gravatar 점프컷 ｜ 2008.02.26 , 오전 09:59 · permallink

    멋집니다. 블로그에 링크 추가하겠습니다. 오른쪽에 있는 도마뱀 이미지 사용해도 되죠?

  14. 14. Gravatar Hooney ｜ 2008.02.26 , 오전 10:17 · permallink

    deute님 : 이 레퍼런스가 hooney.net에 존재하는 이상 최고라는 수식어는 불가능하다고 생각해요. 함께 만들고 관리할 수 있는 사이트로 이동하면 가능할지 모르겠군요~

    오랫만입니다. 요즘 좋은 글 쓰고 계시더군요~ :)

    점프컷님 : 물론 가능합니다. 감사합니다.

  15. 15. Gravatar mjipeo.net » CSS Reference ｜ 2008.02.26 , 오전 10:49 · permallink

    [...] CSS 레퍼런스 beta 오픈 CSS 레퍼런스 [...]

  16. 16. Gravatar mkyoon ｜ 2008.02.26 , 오전 10:58 · permallink

    많은 참여와 소통이 일어날 것이라 확신합니다^^*
    레퍼런스 오픈 축하드려요~
    저도 도마뱀 책표지 가져가겠습니다~★

  17. 17. Gravatar 기다림 ｜ 2008.02.26 , 오후 12:06 · permallink

    드뎌 정식 오픈을 했군요!! ㅎㅎ
    축하드려요~*
    담에는 미리 약속하고 만나요 ㅠ,.ㅠ
    저 그날 엄청 혼났어요 ㅠ,.ㅠ

  18. 18. Gravatar 빽짱구 ｜ 2008.02.26 , 오후 01:37 · permallink

    제가 책만보면 졸음이 오는 버릇(?)이 있는데, 참좋은 레퍼런스가 오픈 했군요.. 오픈 축하드리구요. 많이 배워갈께요.^^

  19. 19. Gravatar Hooney ｜ 2008.02.27 , 오전 08:31 · permallink

    mkyoon님 : 감사합니다. 책표지 많이 많이 펼쳐주세요~

    기다림님 : 아직 정식 오픈은 아니랍니다. 앞으로 다뤄야할 내용도 많구요~ ㅎㅎ

    빽짱구님 : 감사합니다. ㅎㅎ

  20. 20. Gravatar 중독 ｜ 2008.02.27 , 오후 01:15 · permallink

    좋은게 하나 생겼네요.

    고생 많으셨겠습니다. :)

  21. 21. Gravatar Hooney ｜ 2008.02.27 , 오후 02:50 · permallink

    중독님 : 현재까지 2주 정도 걸렸습니다. 하루 6시간 정도 소요했구요. 대부분 시간은 내용의 구성을 정하고 문법과 오탈자를 점검하는데 소요됐습니다. 내용만 추가하는데는 1주도 안걸리더군요.

    특히, JS로 프레임 만드는 건 이틀이나 걸렸습니다. 못하는 JS 짜다보니 손가락이 후덜덜 거리더군요. :)

  22. 22. Gravatar 멜로우 ｜ 2008.02.28 , 오후 03:46 · permallink

    오픈 축하드려요.^^ 요즘 많이 바쁘신듯 하더니..
    이런 대단한걸 또 만드시느라 그러셨군요.~
    블로그에 링크 추가해도 될까요.??

  23. 23. Gravatar 양승영 ｜ 2008.03.02 , 오전 11:56 · permallink

    와우.. ! 정말 수고 많으셨습니다.
    저에게 있어 소중한 정보가 될꺼에요.
    다시 한번 오픈을 축하드립니다:)

  24. 24. Gravatar Hooney ｜ 2008.03.05 , 오전 11:41 · permallink

    멜로우님 : 사용하시는 닉네임이 바꼈군요. 물론 링크 추가해도 되죠~ 많이많이 추가해주세요~ ㅎㅎ

    양승영님 : 도움이 된다니, 보람되군요~ 앞으로 채워야할 내용이 많은데, 직접 내용을 추가하실 수도 있답니다. ㅎㅎ

  25. 25. Gravatar 황규연 ｜ 2008.03.09 , 오후 02:08 · permallink

    생각만 하고 행동으로 옮기는건 쉽지 않는 일인데요..
    저도 자극받아 뭔가를 해봐야겠네요.^^

  26. 26. Gravatar zero ｜ 2008.03.31 , 오후 12:35 · permallink

    안녕하세요 후니님~~ :)

    CSS 레퍼런스를 제로보드 공식사이트의 스킨 제작 센터인 http://www.zeroboard.com/skin_main 의 Step 2. Publishing 아래에 링크를 걸어도 될까요?

    허락해주시면 감사하겠습니다.

  27. 27. Gravatar Hooney ｜ 2008.03.31 , 오후 01:44 · permallink

    zero님 : 링크를 걸어주신다니 감사합니다. 보다 좋은 레퍼런스가 되도록 노력하겠습니다.

    비공개 커뮤니티에 제로보드를 사용하고 있는데요. 내공을 좀 더 쌓아서 다른 분들과 정보도 공유해야 곘네요~ :)

  28. 28. Gravatar zero ｜ 2008.03.31 , 오후 01:45 · permallink

    앗 빠른 답변과 허락해주신 점 감사합니다.
    후니님께서 xe 정보 공유해주신다면 저로선 매우 큰 영광이겠습니다. ^^
    감사합니다.

당신의 의견을 기다립니다.

사용할 수 있는 HTML 태그 : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Aboout Author

조훈 Hooney라는 ID로 온라인에서 활동하는 조훈입니다.
자세히 보기 »

CSS Reference

Hooney와 함께 만드는 CSS Reference!

Categories


Be Friend~! 웹 접근성 향상 캠페인