널리 웹표준 가이드를 개편했습니다!

안녕하세요.  기타도리입니다.
이번에 널리(NULI) 가이드라인 사이트를 개편하게 되었습니다.

업무 외 틈틈이 사이트를 운영하다 보니, 많이 신경을 못 썼던것이 사실인데요. 
언젠가 팀원이 건네준 널리(NULI) 접속 통계를 보니, 부족한 사이트 임에도 많은 분들이 찾아주시고, 
참고하고 계신것을 보고 좀 더 신경써야 겠다는 생각을 많이 했습니다.

그래서 그 첫걸음을 사이트에 대한 개편으로 시작합니다. ^^

screen-capture-120.png

기존, 잘 참고가 되지 않는 항목들을 없애고,
또 많이 보시는 항목 들 중 업데이트가 부족했던 항목들을 새롭게 업데이트 하였습니다. 
(혹시 덜 된 부분이 있다면 덧글로 알려주세요 ^^)

특히, 사이트를 찾아주시는 분들이 가장 찾아 보시는 ‘마크업가이드’ 항목을 전면 개편하였는데요.
개편 전까지 올려져 있던 마크업 가이드 내용은 4년전 것으로, 
크게 업데이트 되지 않아, 지금 개발 상황과 다소 맞지 않았습니다.

하지만 NHN 내부적으로는 마크업 가이드를 오히려 강력하게 제정하고 있었고, 
이는 올해 초에 완성되어 마크업 코딩 컨벤션으로 활용중인 상태였습니다. 
하지만 이 내용이 널리(NULI)에는 업데이트 되질 못하였습니다.

일단 가이드라인 내용이 너무 많아 웹버전으로 올리는 것이 쉽지 않았기에,
팀원들의 여가 시간에 자발적(?)참여를 통해서는 엄두가 안났습니다.

그래서 기존 사내에서 운영중인 마크업 코딩 컨벤션을 PDF버전으로 제공하여,
컨버팅 공수는 줄이고, 참고하실 분들에게는 코딩컨벤션 내용을 거의 모두(90%) 공개하는 것으로 가닥을 잡았습니다. 

screen-capture-122.png

결론적으로, 기존 HTML버전의 가이드는 PDF방식으로 제공되고, 이는 PDF 웹뷰어를 통해 
좀 더 쉽게 보실 수 있는 형태로 구성하였습니다. 또한 파일 전체를 다운로드도 가능하도록 해놨으니, 편한 형태로 참고하시면 됩니다.

이와 더불어,
마크업 개발 효율성을 높일수 있는 템플릿 라이브러를 구축하여 제공하고 있는데요.
이는 현재 NHN웹표준 개발자들도 활용하고 있는 것으로,
사이트를 참고하시는 국내 마크업 관련 개발자 분들에게도 도움이 될것으로 기대하고 있습니다.

screen-capture-123.png

UIO팩토리라는 이름을 붙여 운용중이며, 
지속적으로 템플릿 항목들을 추가할 예정으로,
당장 쓸만한 내용이 없더라도,  지켜봐 주시기 바랍니다 :)

오래간 만에 전면 개편을 하며, 처음 이 사이트를 오픈하며 썼던 글을 찾아보게 되었는데요.

예나 지금이나, 
이 사이트를 운영하며 공개 하는 목적은 국내 웹표준 혹은 마크업 개발자분들에게 도움이 되고자 함이니, 
부족하더라도, 따듯한 시선으로 조언과 충고를 주신다면 즐겁게 반영해 나가도록 하겠습니다.

엮인글 0

엮인글 주소: http://html.nhncorp.com/index.php?document_srl=5746&key=f39&act=trackback&vid=blog

댓글 44

NULI

*.64.66.195

관심 주셔서 감사합니다. ^^

문의 주신 Naming 가이드라인은 "코딩컨벤션"으로 대체되었습니다.

코딩 컨벤션에서 Naming 관련 내용(본문 17~23p)을 기존보다 상세하게 다루고 있으니 참고하세요~

관련 경로 : http://html.nhndesign.com/markup_convention

Hooney

*.75.197.164

멋진 사이트로 대변신했군요.

해외에 YUI가 있다면, 국내엔 NULI가 있죠.

좋은 자료를 많은 분들과 나눌 수 있는 최고의 사이트입니다.

언제나 변치않고 멋진 모습 이어갔으면 좋겠습니다.


- 뱀꼬리, 웹페이지 제목(title)에 span로 둘러싸진 꾸밈 태그가 인코딩되어 포함되어 있어요. cms를 조금 손보셔야 할듯 싶습니다.-

NULI

*.64.178.1

늦은 덧글이지만, 잘 지내시죠? ㅎㅎ

R

*.218.247.78

멋지네요. 오랜만에 와보니 이런 모습으로 ㅎ.ㅎ 신나요!

NULI

*.64.178.1

종종 정보 얻어가세요 ^^

박소라

*.93.55.64

늦었지만 개편 축하드려요!

NULI는 작년에 처음 알게 되었고 정말 많이 참고하고 있었어요.

특히 마크업 가이드는 정말 유익했는데 무려 4년 전것이었군요.

아무튼 이렇게 멋진 매뉴얼을 외부에 공개 해서 웹 발전에 앞장서는 NHN(주)와 개발팀에 감사드려요.

H

*.237.43.29

오오, 전 이곳을 오늘에서야 알게 되었는데 ㅠ 너무 좋으네요!

자주 찾아올게요 ^^

니모

*.223.121.106

정말 좋아요. ^^ 많은 도움이 되고 있습니다.~ 감사해요~

초코슈

*.240.20.49

이벤트 적용가이드 부분 (http://html.nhncorp.com/ui_common_event)에

다운로드 링크가 깨지네요. 확인부탁드려요 :)

좋은 사이트 열어주셔서 여러모로 감사드려요.


NULI

*.64.66.115

초코슈님~

말씀해주신 부분 수정하였습니다. 

알려주셔서 감사해요.^^

달빛

*.128.148.154

좋은자료 공개에 감사드립니다.


여기 공개된 소스는  상용 사이트에  그대로 이용해도 되는건지요?

제가  쇼핑몰을 만들어주고 있는데  거기에 이 소스를 가져다 써도 저작권 같은 문제가 없는지...


사용해도 된다면  지켜야되는 원칙이 있는지 문의드립니다.

NULI

*.64.160.75

특별한 제약은 두지 않습니다.

편하게 가져다 쓰시기 바랍니다 :)

hyugy

*.158.64.123

후배에게 여러 레퍼런스 사이트를 알려주다가, NULI도 알려주면서 오랫만에 들려봤는데, 좋은 내용들이 더 많아졌네요! HTML5, CSS3 막연하게만 생각했는데, 조만간 모바일웹 공부에 박차를 가해봐야 겠습니다. 감사합니다 :D

블루칩박

*.223.161.127

요거요거 넘흐나~~ 좋은거 같아요~~

코딩하다 어려워서 막힐땐

 여기있는 비슷한 소스랑 CSS 가져다가 프린트해서 정독한담니다..ㅋㅋㅋ

그럼... 보여요~~ ㅋㅋㅋㅋㅋ

정말 저에게 필요한 ....레퍼런스..~~~^^

감사합니다. 열심히 공부하겠습니다.ㅋㅋ

 

댓글 남기기