in CSS, 웹 디자인, 웹 접근성, 후니넷

CSS 레퍼런스 beta 오픈

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)

댓글 남기기

30 Comments

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

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

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

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

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

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

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

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

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

  4. 현인님 : 감사합니다. 🙂

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  11. 레퍼런스 작성한 것이가… 와아 장난이 아니네요!!
    저는 티스토리 스킨 만드려고 이것저것 공부하고 있는데
    참고가 많이 될 것 같습니다!

  12. 안녕하세요. 저는 일본에서 일하고있는 웹디자이너 인데요.
    일본에서는 CSS 레퍼런스 사이트에 접근할수 없나요?
    절실합니다. ^^;;

  13. sol: 외부 스패머들의 공격으로 일시 잠궜습니다. 스팸 대응 방안을 마련한 내일 오전 정도엔 확인하실 수 있습니다.

    감사합니다.

Webmentions

  • mjipeo.net » CSS Reference 2009년 03월 04일

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