나라디자인

기관 & 단체 & 기업

• 웹 디자인

  • 웹 어워드 코리아 - http://www.webaward.co.kr/ 매년 최고의 웹 사이트를 선정하는 컨퍼런스.
  • 한국색채연구소 - http://www.kcri.or.kr/
  • Adobe - http://www.adobe.com/kr/

• 웹 브라우저

  • 인프라웨어 - http://www.infraware.co.kr/ 모바일 웹 브라우저 제작사.
  • 한글 모질라 프로젝트 - http://www.mozilla.or.kr/
  • Opera - http://www.opera.com/

• 웹 사용성

  • 씽크유저 - http://thinkuser.com/ 사용자경험, 전략, 디자인 관련 기업.
  • 팀인터페이스 - http://uidesign.co.kr/ 사용성 관련 기업

• 웹 접근성

  • 한국정보문화진흥원 - http://www.kado.or.kr/
  • 한국 웹 접근성 그룹 - http://kwag.net/ 한국의 웹 접근성 활동.
  • 정보통신 접근성 향상 표준화 포럼 - http://www.iabf.or.kr/ 웹 접근성에 관한 연구 및 발간 자료가 풍부.

• 웹 표준

  • 오픈웹 - http://openweb.or.kr/ 웹페이지 국제표준화를 위한 민원/소송.
  • CDK(CSS Design Korea) - http://forum.standardmag.org/ XHTML, CSS, 웹표준, 웹접근성 관련 커뮤니티.
  • The Web Standards Project - http://webstandards.org/
  • W3C 대한민국 사무국 - http://www.w3c.or.kr/
  • Web Standards Group - http://webstandardsgroup.org/

지침 & 가이드

• 드림위버

  • 드림위버를 이용한 웹 표준 코딩 가이드 - http://naradesign.net/open_content/lecture/DW&CSS/
  • 드림위버 CS3 사용자 메뉴얼 - http://livedocs.adobe.com/en_US/Dreamweaver/9.0/
  • 드림위버 8 한글 도움말 - http://livedocs.adobe.com/dreamweaver/8_kr/using/wwhelp/wwhimpl/js/html/wwhelp.htm

• 모바일

  • 모바일 웹 모범사례 - http://www.w3c.or.kr/Translation/mwbp_flip_cards/ W3C에서 권고하는 모바일 웹 저작지침
  • iPhone Accessibility - http://www.apple.com/accessibility/iphone/index.html

• 사전

  • MS 언어포털 - http://www.microsoft.com/language/ko/kr/default.mspx MS에서 사용된 용어의 한글화
  • 영문 표기사전 - http://englishname.seoul.go.kr/ 한글의 영문 표기안내.
  • 우리말 다듬기 - http://www.malteo.net/ 들여온 말을 순 우리말로 정화시키는 곳.
  • 위키백과(글로벌) - http://wikipedia.org/
  • 위키백과(한국) - http://ko.wikipedia.org/wiki/

• 웹 브라우저

  • 운영체제 점유율 통계 - http://en.wikipedia.org/wiki/Usage_share_of_operating_systems
  • 웹 브라우저의 성능 비교 실험 - http://www.howtocreate.co.uk/browserSpeed.html
  • 웹 브라우저의 종류 - http://en.wikipedia.org/wiki/List_of_web_browsers
  • 웹 브라우저의 표준 지원 현황 - http://www.webdevout.net/…
  • 웹 브라우저 점유율 통계 - http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
  • DTD에 대응하는 웹 브라우저의 모드(Quirks & Strict) 전환 표 - http://hsivonen.iki.fi/doctype/
  • Position Is Everything - http://www.positioniseverything.net/ IE의 버그 목록 수집.
  • Quirks Mode & Strict Mode - http://www.quirksmode.org/css/quirksmode.html Quirks Mode에 대한 가이드.
  • Web Devout - http://www.webdevout.net/ 주요 웹 브라우저(IE, FF, OP)에 대한 표준지원 현황.

• 웹 사용성

  • 플래시와 사용성에 관한 링크 모음 - http://www.asoop.com/blog/archives/2006/05/…
  • Jakob Nielsen - http://www.useit.com/ 사용성 전문가 제이콥 닐슨.

• 웹 접근성

  • 웹 접근성에 대한 빠르고 쉬운 소개 - http://kukie.net/resources/accessibility/
  • 웹 접근성을 고려한 콘텐츠 제작기법 - http://www.iabf.or.kr/Pds/WalView.asp?board=wal&pg=2&bseq=2230&md=&sf=&ss=
  • 인터넷 콘텐츠 접근성 지침 1.0 - http://www.iabf.or.kr/Pds/StandardView.asp?board=relatstand&bseq=627 한국형 웹 콘텐트 접근성 지침 1.0
  • Adobe > Accessibility Resource Center - http://www.adobe.com/accessibility/index.html
  • BBC > Standards & Guidelines - http://www.bbc.co.uk/guidelines/newmedia/accessibility/
  • Best Practice for Accesible Flash Design - http://www.adobe.com/resources/accessibility/…
  • Fujitsu > Web Accessibility Guidelines - http://www.fujitsu.com/us/accessibility/
  • HP > Accessibility - http://www.hp.com/hpinfo/abouthp/accessibility/
  • IBM > Web accessibility - http://www.ibm.com/able/guidelines/web/accessweb.html
  • Microsoft > Accessibility - http://www.microsoft.com/enable/
  • USA > Section 508 - http://www.section508.gov/
  • Yahoo > UK > Accessibility Help - http://help.yahoo.com/help/uk/accessibility/
  • WebAIM - http://webaim.org/
  • W3C WAI - http://www.w3.org/WAI/
  • WCAG 1.0 - http://www.w3.org/TR/WAI-WEBCONTENT/
  • WCAG 1.0 (한글) - http://gregshin.pe.kr/wcag/wai-pageauth.html
  • WCAG 2.0 Working Draft - http://www.w3.org/TR/WCAG20/
  • WCAG 2.0 Understanding - http://www.w3.org/TR/UNDERSTANDING-WCAG20/

• 웹 표준

  • 웹 표준 점검 목록 - http://kukie.net/resources/checklist/
  • 한국 웹 표준 사이트 모음 - http://kwsg.org/ by 신현석.
  • W3C 문서 한국어 번역판 - http://www.w3.org/2003/03/Translations/byLanguage?language=ko

• CSS

  • About Conditional Comments - http://msdn.microsoft.com/en-us/library/ms537512.aspx MS IE 전용 브라우저 버전별 조건 주석.
  • MSDN CSS Reference - http://msdn.microsoft.com/en-us/library/ms531209.aspx MS IE 전용 CSS Properties 참조.
  • Em Calculator - http://riddle.pl/emcalc/ px값을 em값 으로 환산해 줌.
  • Reed Design - http://www.reeddesign.co.uk/test/points-pixels.html pt-px-em-% 단위 비교표.
  • W3C CSS - http://www.w3.org/Style/CSS/
  • W3C CSS 유효성 검사 - http://jigsaw.w3.org/css-validator/
  • W3C CSS2 규격 원문 - http://www.w3.org/TR/REC-CSS2/
  • W3C CSS2 규격(한글) - http://trio.co.kr/webrefer/css2/cover.html
  • W3C CSS2.1 Candidate Recommendation - http://www.w3.org/TR/CSS21/propidx.html
  • W3C CSS2.1 Candidate Recommendation 추가된 속성들 - http://www.w3.org/TR/CSS21/changes.html#new
  • CSS3 Working Draft Road Map - http://www.w3.org/TR/css3-roadmap/
  • CSS3 소개 - http://www.css3.info/
  • CSS3 Properties Test - http://westciv.com/iphonetests/

• CSS Framework

  • List of CSS Frameworks - http://en.wikipedia.org/wiki/List_of_CSS_frameworks
  • Blueprint - http://code.google.com/p/blueprintcss/
  • Yahoo UI Grid - http://developer.yahoo.com/yui/grids/
  • YAML - http://www.yaml.de/en/
  • Logicss - http://code.google.com/p/logicss/

• HTML

  • W3C HTML 4.01 규격(한글) - http://trio.co.kr/webrefer/html/cover.html
  • W3C HTML 4.01 Index of Elements - http://www.w3.org/TR/html401/index/elements.html
  • W3C HTML 4.01 Index of Elements(한글) - http://trio.co.kr/webrefer/html/index/elements.html
  • W3C HTML 4.01 Index of Attributes - http://www.w3.org/TR/html401/index/attributes.html
  • W3C HTML 4.01 Index of Attributes(한글) - http://trio.co.kr/webrefer/html/index/attributes.html
  • W3C XHTML 에 대한 Wiki 의 정의 - http://ko.wikipedia.org/wiki/XHTML
  • W3C XHTML 1.0 원문 - http://www.w3.org/TR/xhtml1/
  • W3C XHTML 1.0 (한글) - http://trio.co.kr/webrefer/xhtml/overview.html
  • W3C Markup 유효성 검사 - http://validator.w3.org/
  • W3 Schools Online Web Tutorials - http://www.w3schools.com/ W3C 의 표준스펙에 대한 학습 자료.
  • WHATWG HTML5(Working Draft) - http://www.whatwg.org/specs/web-apps/current-work/
  • HTML4와 HTML5의 차이점 - http://www.creation.net/work/html5/html4-differences/Overview_ko.html

• UI 개발

  • Daum UIDev Guideline - http://ui.daum.net/guideline
  • High Performence Web Sites - http://stevesouders.com/examples/rules.php 고성능 웹사이트를 위한 인터페이스 제작지침
  • IBM 한국 developerWorks 웹 개발 -  http://www.ibm.com/developerworks/kr/web/ 
  • NHN UI Develope Guide - http://html.nhndesign.com/ NHN 의 UI 개발 지침.
  • NHN Brand Experience Guide - http://guide.nhndesign.com/ NHN 브랜드 디자인 가이드.
  • Yahoo Develoeper Network(yui) - http://developer.yahoo.com/yui/

예제

• CSS

  • 53CSS - Techniques You Coudln’t Live Without
  • 스타일시트로 만드는 Fixed Layer - http://naradesign.net/open_content/reference/fixedLayer/ by 정찬명.
  • 중첩 목록을 이용한 메뉴 만들기 예제 - http://naradesign.net/open_content/reference/navigation.html by 정찬명.
  • Bob Image Replacement - http://neal.venditto.org/articles/12/bir/   z-index를 이용한 IR 기법으로 현존하는 기법 가운데 가장 접근성이 높은 방식.
  • CSS Hack 정리 - http://www.nmindplus.com/2006/06/28/css-hack/ by nmind.
  • CSS Zen Garden - http://www.csszengarden.com/ 하나의 Markup 에 다양한 CSS 파일을 적용한 예제.
  • Layout Gala - http://blog.html.it/layoutgala/ CSS 박스모델에 대한 예제.
  • Nifty Corners - http://www.html.it/articoli/niftycube/nifty1.html Javascript와 CSS를 이용한 라운딩 표현.
  • position:fixed 구현하기 - http://divinentd.com/experiments/emulating-position-fixed.html
  • The Noodle Incident - http://www.thenoodleincident.com/ CSS 박스모델에 대한 예제 수록.

• Flash

  • 플래시에 fallback 제공하기 - http://hyeonseok.com/pmwiki/index.php/Markup/Object by 신현석.
  • 플래시 대체 콘텐츠와 noscript 요소 - http://blog.wystan.net/2008/03/25/flash-alternative-content-and-noscript Wystans’ tales

• HTML

  • XHTML Character Entity Referenece - http://www.digitalmediaminute.com/reference/entity/index.php XHTML 특수문자 본체 참조.

• Javascript

  • 자바스크립트 미지원 환경을 위한 CSS 적용 팁 - http://facedown.co.kr/tt/entry/overWriteScriptCss by 유인동.
  • BluShoes - http://www.blueshoes.org/en/javascript Javascript 예제.
  • DOM Script 예제 - http://www.acornpub.co.kr/sample/dom/index.html 겸손한 자바스크립트 예제들. 에이콘 출판사.
  • Javascript를 이용하여 IE5~6을 IE7~8처럼 만들기 - http://code.google.com/p/ie7-js/
  • IFRAME Resize Script - http://guymal.com/mycode/iframe_size/
  • Online Tools - http://onlinetools.org/ Javascript, DOM 예제 수록.
  • Unit PNG Fix - http://labs.unitinteractive.com/unitpngfix.php
  • IE PNG Alpha Fix v1.0 - http://www.twinhelix.com/css/iepngfix/demo/

뉴스 & 블로그 허브

• 나루 - http://www.naaroo.com/ 블로그 전문 검색
• 아이뉴스24 - http://www.inews24.com/
• 올블로그 - http://allblog.net/
• 전자신문 - http://www.etnews.co.kr/
• 코리아인터넷닷컴 - http://korea.internet.com/  IT 기술 동향.
• Daum DNA > Lens - http://dna.daum.net/lens/ 다음 DNA Lab 에서 추천하는 IT 관련 포스트.
• ZDNet - http://zdnet.co.kr/ 최신 IT 뉴스. RSS 지원됨.

개인 & 블로거

• 모바일 관련

  • 모바일 컨텐츠 이야기 - http://www.mobizen.pe.kr/
  • 별주부뎐 - http://hollobit.tistory.com/

• HCI, 웹 표준, 웹 접근성

  • 강민혜 - http://kukie.net/
  • 김군우 - http://www.miya.pe.kr/
  • 김요한 - http://hiphapis.net/
  • 김중태 - http://www.dal.co.kr/
  • 김철수 - http://wtoday.tistory.com/
  • 김휴철 - http://mangtong.wordpress.com/
  • 남덕현 - http://dstyle.org/
  • 노찬현 - http://minicube.kr/
  • 미남이의 이러쿵 저러쿵 - http://appletree.or.kr/blog/
  • 박수만 - http://sumanpark.com/
  • 백남중 - http://njpaiks.egloos.com/
  • 성민장군 - http://www.jangkunblog.com/
  • 신승식 - http://gregshin.pe.kr/
  • 신현석 - http://hyeonseok.com/
  • 아스피린 - http://cleanup.tistory.com/
  • 양주일 - http://www.blo9.com/
  • 윤석찬 - http://channy.creation.net/
  • 윤좌진 - http://boochim.net/
  • 일몰 - http://ilmol.com/
  • 조현진 - http://resistan.com/
    
  • 조훈 - http://hooney.net/
  • 현준호 - http://jhyun.wordpress.com/
  • 홍윤표 - http://mydeute.com/
  • dobiho - http://dobiho.com/
  • pageoff - http://www.pageoff.net/
  • CN’s note - http://blog.cnrocks.net/
  • nmind - http://nmindplus.com/
  • Wystan’s tales - http://blog.wystan.net/

• 웹 디자인 관련

  • 상상공장:스킨공작소 - http://plyfly.net/
  • jay - http://getografik.com/

• IT 관련

  • 애자일 이야기 - http://agile.egloos.com/
  • Talk about Software with hani - http://www.talk-with-hani.com/
  • √ MIRiyA’s AstraLog - http://blog.daum.net/miriya/

• User Experience

  • NHN UX Design Center Research - http://r.nhnlab.com/
  • UX Factory - http://www.uxfactory.com/
  • UXlog - http://uxlog.net/

웹 서비스

• 성능 분석

  • Cool Check! - http://www.coolcheck.co.kr/ 웹 위험진단 서비스.
  • OctaGate SiteTimer - http://www.octagate.com/service/SiteTimer/?Target=AJAX 스웨덴의 스톡홀름 서버에서 로드하는 웹 페이지의 로딩속도 측정 서비스.
  • Web Page Analyzer - http://www.websiteoptimization.com/services/analyze/ 웹페이지 퍼포먼스 분석 툴.
  • Website Speed Test - http://www.iwebtool.com/speed_test/ 웹 페이지 로딩속도 측정 서비스. 한 번에 10개의 웹 사이트를 비교.

• 순위/통계

  • 구글 분석 - http://www.google.com/analytics/ko-KR/ 나의 웹사이트 통계관리.
  • 다음 웹인사이드 - http://inside.daum.net/ 나의 웹사이트 통계관리.
  • 랭키닷컴 - http://rankey.com/ Navvy 사용자의 표본집계를 이용한 웹사이트 순위.
  • Internet Trend - http://internettrend.co.kr/ 국내 인터넷 관련 통계.

• 시뮬레이터

  • browsershots - http://browsershots.org/ 현존하는 10 여종의 웹 브라우저에 대한 Simulator 테스트. 브라우저 선택 옵션에 모두 체크해도 한번에 4~5개 정도 밖에 Simulation 되지 않으며 시간이 오래 걸리고 추가 테스트를 진행 하는 경우 기존의 스크린샷이 사라지므로 스크린샷은 PC에 저장하는 것을 권함.
  • Safari Simulator(BrowsrCamp) - http://www.browsrcamp.com/ Mac OS 전용 웹 브라우저 Safari 의 렌더링 테스트.
  • Opera Mini Simulator - http://www.operamini.com/demo/ Mobile 전용 웹 브라우저 Opera Mini 의 렌더링 테스트.
  • iPhone/iPod Touch Simulator - http://testiphone.com/

• 시작페이지

  • 위자드닷컴 - http://wzd.com/ 사용자 맞춤형 인터넷 시작페이지.
  • Netvibes - http://www.netvibes.com/ 사용자 맞춤형 인터넷 시작페이지.

• 도구

  • Firefox Firebug - https://addons.mozilla.org/en-US/firefox/addon/1843 Firefox 브라우저의 웹 개발자 디버깅 툴.
  • Opera Dragonfly - http://www.opera.com/products/dragonfly/ Opera 브라우저의 웹 개발자 디버깅 툴.
  • IE Developer Toolbar - http://www.microsoft.com/… IE 브라우저의 웹 개발자 디버깅 툴.
  • Mindomo - http://www.mindomo.com/ 온라인 무료 마인드맵 서비스

소프트웨어 & 유저그룹

• 드림보이스 6.0 다운로드 - http://www.iita.re.kr/IITAPortal/index/20050926.jsp
• 딸치와 함께하는 드림위버 - http://ddalchi.co.kr/
• 워드프레스 - http://wordpress.org/
• 워드프레스 한국어 포럼 - http://wordpress.co.kr/forum/
• 테터툴즈 - http://www.tattertools.com/
• 한국 Opera 사용자 포럼 - http://my.opera.com/korean/forums/
• FreeMind - http://freemind.sourceforge.net/wiki/index.php/Main_Page
• Mozilla Firefox 한글 웹사이트 - http://www.mozilla.or.kr/products/firefox/
• MXinsite - http://mxinsite.co.kr/ 드림위버 관련.
• Internet Explorer 7 다운로드 - http://www.microsoft.com/windows/ie/downloads/default.mspx
• Multiful IE(IE3~6) 다운로드 - http://tredosoft.com/Multiple_IE

웹 기획 & 웹 디자인

• 데브뱅크 - http://devbank.co.kr/
• 디비컷 - http://dbcut.com/ 최근 런칭된 국내 웹사이트 정보.
• 디자인 정글 - http://jungle.co.kr/
• 아이비즈넷 - http://ibiznet.inews24.com/
• 아이웹디넷 - http://iwebdy.net/
• 인터넷 통계정보 검색시스템 - http://isis.nic.or.kr/
• 통계청 - http://www.nso.go.kr/
• Archive - http://www.archive.org/
• Alexa - http://www.alexa.com/
• 5DAY - http://5day.co.kr/ 최근 런칭된 국내 웹사이트 정보.

• 이미지 관련

  • 겟파일 - http://getfile.co.kr/
  • 디지털 소스 - http://diso.co.kr/
  • 쉐어이미지닷컴 - http://shareimage.com/
  • 아이클릭아트 - http://www.iclickart.co.kr/
  • 이미지코리아 - http://www.imagekorea.co.kr/
  • 이미지클릭 - http://www.imageclick.com/
  • 클립아트코리아 - http://www.clipartkorea.co.kr/
  • 프리진 - http://www.freegine.com/
  • Getty Images - http://creative.gettyimages.com/
  • Image Buffet - http://www.iconbuffet.com/
  • PSD Shop - http://psdshop.com/
  • Topic - http://www.topicphoto.com/
  • Yellow Icon - http://yellowicon.com/

• HTML & CSS & Javascript 관련

  • 소스나라 - http://www.sourcenara.com/
  • 태그매니아 - http://www.tagmania.net/
  • 해피스크립트 - http://happyscript.com/
  • Cadvance - http://www.cadvance.org/
  • J@SKO - http://www.jasko.co.kr/
  • MeadCo - http://www.meadroid.com/

• 플래시

  • 나무야 - http://www.namooya.com/
  • 야웅닷컴 - http://yawoong.com/
  • 이지플래시 - http://easyflash.tv/
  • 플래시클럽 - http://flashclub.co.kr/
  • Flash Kit - http://www.flashkit.com/