개발자를 위한 북마크

뉴스

• 디지털타임즈 – http://www.dt.co.kr/
• 아이뉴스24 – http://www.inews24.com/
• 전자신문 – http://www.etnews.co.kr/
• TED 한국어 – http://www.ted.com/index.php/translate/languages/kor 지구촌 명사들의 프리젠테이션을 볼 수 있다.
• ZDNet – http://zdnet.co.kr/

드림위버

• 드림위버를 이용한 웹 표준 코딩 가이드 – http://naradesign.net/open_content/lecture/DW&CSS/
• 드림위버 CS4 한글 사용자 메뉴얼 – http://help.adobe.com/ko_KR/Dreamweaver/10.0_Using/
• 드림위버 CS3 한글 사용자 메뉴얼 – http://livedocs.adobe.com/ko_KR/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에서 권고하는 모바일 웹 저작지침
• 모바일 컨텐츠 이야기 – http://www.mobizen.pe.kr/
• 별주부뎐 – http://hollobit.tistory.com/
• iPhone Accessibility – http://www.apple.com/accessibility/iphone/index.html
• 까칠한 Mobile 2.0 – http://mobile2.tistory.com/
• 모바일OK – http://mobileok.kr/
• K모바일 – http://www.kmobile.co.kr/
• Mobile Emulator – http://mobiforge.com/emulators/page/mobile-emulators
• Mobile Tests – http://quirksmode.org/m/ 모바일 UI 개발과 관련된 여러가지 테스트들.
• testiphone(테스트아이폰) – http://testiphone.com/

블로그

웹 표준

• 김군우 – http://www.miya.pe.kr/
• 김대석 – http://nmindplus.com/
• 김요한 – http://hiphapis.net/
• 김일규 – http://www.hiweb.kr/
• 나인환 – http://na93008.openhaja.com/blog/
• 남덕현 – http://dstyle.org/
• 남동훈 – http://seye2.egloos.com/
• 장성민 – http://www.jangkunblog.com/
• 조현진 – http://resistan.com/
• 신현석 – http://hyeonseok.com/
• 연홍석 – http://blog.wystan.net/
• 윤좌진 – http://boochim.net/
• 이원석 – http://wonsuk73.tistory.com/
• 일몰 – http://ilmol.com/
• 정찬명 – http://naradesign.net/
• 조만영 – http://manyoung.net/
• 조훈 – http://hooney.net/
• 추지호 – http://www.pageoff.net/
• 홍윤표 – http://mydeute.com/

웹 접근성

• 백남중 – http://njpaiks.egloos.com/
• 신승식 – http://gregshin.pe.kr/
• 현준호 – http://jhyun.wordpress.com/
• Haeppa World – http://haeppa.kr/

자바스크립트

• firejune – http://firejune.com/
• ajaxian – http://ajaxian.kr/

IT Trends

• 윤석찬 – http://channy.creation.net/
• 애자일 이야기 – http://agile.egloos.com/
• 이원석 – http://www.wonsuk73.com/
• 조만영 – http://manyoung.net/
• Talk about Software with hani – http://www.talk-with-hani.com/

User Experience

• dobiho – http://dobiho.com/
• Empathic notes – http://blog.naver.com/dakitani/
• Experience Design – http://exign.net/
• UX Cosmos – http://uxcosmos.tistory.com/
• UX Factory – http://www.uxfactory.com/
• UXlog – http://uxlog.net/
• √ MIRiyA’s AstraLog – http://blog.daum.net/miriya/

블로그 허브

• 올블로그 – http://allblog.net/ 메타 블로그.
• Daum DNA > Lens – http://dna.daum.net/lens/ 다음 DNA Lab 에서 추천하는 IT 관련 포스트.
• Standard Magazine RSS Feed – http://planet.standardmag.org/ UI/UX 관련 포스팅을 수집.

사용자 맞춤형 웹 서비스

• 위자드닷컴 – http://wzd.com/ 사용자 맞춤형 인터넷 시작페이지.
• Netvibes – http://www.netvibes.com/ 사용자 맞춤형 인터넷 시작페이지.
• Remember The Milk – http://www.rememberthemilk.com/ 할일 목록 관리 서비스.
• Webwag – http://www.webwag.com/ 사용자 맞춤형 인터넷 시작페이지.

사전

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

웹 디자인

• 디비컷 – http://dbcut.com/ 최근 런칭된 국내 웹사이트 정보.
• 디자인 정글 – http://jungle.co.kr/
• 웹 어워드 코리아 – http://www.webaward.co.kr/ 매년 최고의 웹 사이트를 선정하는 컨퍼런스.
• 한국색채연구소 – http://www.kcri.or.kr/
• Adobe – http://www.adobe.com/kr/
• Apycom – http://apycom.com/ 다양한 jQuery 메뉴 디자인.
• PickPick – http://picpick.wiziple.net/ 화면 캡처 프로그램.
• Yahoo! Design Pattern Library – http://developer.yahoo.com/ypatterns/ 야후! 디자인 패턴 라이브러리.
• 5DAY – http://5day.co.kr/ 최근 런칭된 국내 웹사이트 정보.
• 34 Outstanding Admin Panels for Your Web Applications – http://www.ourtuts.com/34-outstanding-admin-panels-for-your-web-applications/

사진

• 쉐어이미지닷컴 – http://shareimage.com/
• 이미지코리아 – http://www.imagekorea.co.kr/
• 이미지클릭 – http://www.imageclick.com/
• Flickr – http://flickr.com/
• Getty Images – http://creative.gettyimages.com/
• Topic – http://www.topicphoto.com/
• 세계도시풍경 – http://www.jennyhouse.info/

아이콘

• Downloadpedia – http://downloadpedia.org/Free_Icons_and_Buttons
• favicon.cc – http://www.favicon.cc/
• IcoFX – http://icofx.ro/
• Icon Buffet – http://www.iconbuffet.com/
• Icon Finder – http://www.iconfinder.net/
• Icojoy – http://icojoy.com/
• iconlet – http://www.iconlet.com/
• iconsPedia – http://www.iconspedia.com/
• Yellow Icon – http://yellowicon.com/
• 96 of the Best Ever Free Icon Sets – http://speckyboy.com/2008/07/28/96-best-ever-free-icon-sets-for-web-designers-developers-and-bloggers/

웹 브라우저

웹 브라우저들

• 인프라웨어 – http://www.infraware.co.kr/ 한국의 모바일 웹 브라우저 제작사.
• Apple Safari – http://www.apple.com/kr/safari/download/
• Google Chrome – http://www.google.com/chrome
• Mozilla Firefox – http://www.mozilla.or.kr/ko/firefox/
• Microsoft Internet Explorer – http://www.microsoft.com/windows/products/winfamily/ie/default.mspx
• Microsoft IE8 팀 블로그 – http://blog.msdn.com/ie8kr/ Microsoft IE 블로그 포스트 가운데 IE8 관련 소식만 한국어로 번역되어 있다.
• Opera Software Opera – http://www.opera.com/

웹 브라우저 에뮬레이터

• Browsershots – http://browsershots.org/ 현존하는 10 여종의 웹 브라우저에 대한 Simulator 테스트. 브라우저 선택 옵션에 모두 체크해도 한번에 4~5개 정도 밖에 Simulation 되지 않으며 시간이 오래 걸리고 추가 테스트를 진행 하는 경우 기존의 스크린샷이 사라지므로 스크린샷은 PC에 저장하는 것을 권함.
• IE Tester – http://my-debugbar.com/wiki/IETester/
• Internet Explorer Collection – http://finalbuilds.edskes.net/iecollection.htm 모든 버전의 IE를 스텐드얼론 형식으로 사용할 수 있다. 개발자용 IE툴바를 사용할 수 있는 것이 장점.
• Multiful IE – http://tredosoft.com/Multiple_IE IE 3~6 브라우저에 대한 렌더링 툴.
• Safari Simulator(BrowsrCamp) – http://www.browsrcamp.com/ Mac OS 전용 웹 브라우저 Safari 의 렌더링 테스트.
• Xenocode Browser Sandbox – http://www.xenocode.com/browsers/ IE 6~8, FF 2~3, SF, OP, CR 브라우저를 실행파일을 이용하여 설치 없이 테스트 할 수 있다.
• Microsoft Expression Web SuperPreview for Windows Internet Explorer – http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677 MS 익스프레션 웹으로부터 슈퍼 프리뷰 기능만 뽑아낸 IE 6~8 브라우저 시뮬레이터.

모바일 웹 브라우저 에뮬레이터

• Mobile Emulator – http://mobiforge.com/emulators/page/mobile-emulators
• iPhone/iPod Touch Simulator – http://testiphone.com/
• BlackBerry Emulator – http://www.blackberry.com/developers/downloads/simulators/index.shtml
• Opera Mini Simulator – http://www.operamini.com/demo/
• Opera Mobile Emulator – http://www.opera.com/developer/tools/

웹 브라우저 테스트

• Acid2 Test – http://acid2.acidtests.org/ 웹 브라우저의 HTML/CSS/PNG 표준 지원 테스트.
• Acid3 Test – http://acid3.acidtests.org/ 웹 브라우저의 DOM/HTML/CSS/SVG 표준 지원 테스트.
• Browser Tests, Services and Compatibility Test Suites – http://www.smashingmagazine.com/2007/10/02/browser-tests-services-and-compatibility-test-suites/
• CSS2 Test Suite – http://www.richinstyle.com/test/
• CSS2 Test Suite: Prototypical Pages – http://meyerweb.com/eric/css/tests/css2/
• CSS3 Selectors Test – http://www.css3.info/selectors-test/
• CSS3 Selectors Test Suite Index – http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/
• CSS Test & Experiments – http://www.brunildo.org/test/
• Official W3C CSS Test Suites – http://www.w3.org/Style/CSS/Test/
• HTTP를 통한 브라우저 종류 및 버전 확인 – http://logger.co.kr/tools/getBrowser.tsp

웹 브라우저 호환성 문제

• 개발자 좀 살려주세요! – http://resistan.com/savethedeveloper/ IE 6 업그레이드 캠페인.
• 웹 브라우저의 성능 비교 실험 – http://www.howtocreate.co.uk/browserSpeed.html
• 웹 브라우저의 종류 – http://en.wikipedia.org/wiki/List_of_web_browsers
• 웹 브라우저 점유율 통계 – 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에 대한 가이드.
• Ultimate IE6 Cheet Sheet – http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs
• Web Devout – http://www.webdevout.net/ 주요 웹 브라우저에 대한 표준지원 현황.
• When can I use… – http://a.deveria.com/caniuse/ 주요 웹 브라우저에 대한 표준지원 현황. 초안 포함.

웹 브라우저 확장

• Mozilla Firefox > Firebug – https://addons.mozilla.org/en-US/firefox/addon/1843 Firefox 브라우저의 웹 개발자 디버깅 툴.
• Mozilla Firefox > Pencil Project – http://www.evolus.vn/Pencil/ 프로토타이핑 도구.
• Microsoft Internet Explorer Developer Toolbar – http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en IE 6~7 브라우저의 웹 개발자 디버깅 툴.
• Opera Dragonfly – http://www.opera.com/products/dragonfly/ Opera 브라우저의 웹 개발자 디버깅 툴.
• WebSniper – http://freeutil.net/board/?document_srl=150&mid=pds_freeutils&sort_index=readed_count&order_type=asc IE6~7 웹퍼블리셔&웹개발자를 위한 만능 툴(실시간 태그 검색, 소스보기, 소스분석, 실시간 소스편집)

웹 사용성

• 씽크유저 – http://thinkuser.com/ 사용자경험, 전략, 디자인 관련 기업.
• 팀인터페이스 – http://uidesign.co.kr/ 사용성 관련 기업.
• Jakob Nielsen – http://www.useit.com/ 사용성 전문가 제이콥 닐슨.

웹 성능 분석

• Cool Check! – http://www.coolcheck.co.kr/ 웹 위험진단 서비스.
• GTmetrix – http://gtmetrix.com/ 웹 페이지 성능 분석 도구.
• 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개의 웹 사이트를 비교.

웹 어플리케이션

• Balsamiq Mockups – http://www.balsamiq.com/demos/mockups/Mockups.html 프로토타이핑 도구.
• FCKeditor – http://www.fckeditor.net/ 웹 에디터.
• Genii Software WebEditors – http://geniisoft.com/showcase.nsf/WebEditors 웹 에디터 벤치마크.
• MediaWiki – http://www.mediawiki.org/ 설치형 위키.
• Mindomo – http://www.mindomo.com/ 온라인 마인드맵.
• Textcube – http://textcube.org/ 설치형 블로그.
• WordPress – http://wordpress.org/ 설치형 블로그.
• WordPress 한국어 포럼 – http://wordpress.co.kr/forum/
• WikiMatrix – http://www.wikimatrix.org/ 위키 벤치마크.
• WYSIWYG Editor – http://www.mediawiki.org/wiki/WYSIWYG_editor 위지윅 에디터 목록.
• Xpress Engine – http://www.zeroboard.com/ 콘텐츠 관리 시스템.

웹 접근성

지침

• 인터넷 웹 콘텐츠 접근성 지침 1.0 – http://www.wah.or.kr/kwcag/wcag_preface_1.asp 대한민국 국가표준.
• 인터넷 웹 콘텐츠 접근성 지침 2.0 – http://www.wah.or.kr/Board/brd_view.asp?page=1&brd_sn=4&brd_idx=544 대한민국 국가표준.
• 웹 접근성에 대한 빠르고 쉬운 소개 – http://kukie.net/resources/accessibility/
• 웹 접근성 연구소 – http://www.wah.or.kr/
• 정보통신 접근성 향상 표준화 포럼 – http://www.iabf.or.kr/ 웹 접근성에 관한 연구 및 발간 자료가 풍부.
• 한국 웹 접근성 그룹 – http://kwag.net/ 한국의 웹 접근성 활동.
• 한국정보문화진흥원 – http://www.kado.or.kr/
• 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 Accessible Flash Design – http://www.adobe.com/resources/accessibility/best_practices/bp_fp.html
• 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 Recommendation – http://www.w3.org/TR/WCAG20/
• WCAG 2.0 Recommendation (한글) – http://archi.ssu.ac.kr/WCAG20/
• WCAG 2.0 Understanding – http://www.w3.org/TR/UNDERSTANDING-WCAG20/
• Code for the Representation of the Names of Languages. From ISO 639, revised 1989. – http://xml.coverpages.org/iso639a.html 표준 언어 코드.

기법

• 웹 접근성을 고려한 콘텐츠 제작기법 – http://www.mozilla.or.kr/ko/docs/web-developer/content_authoring_for_accessibility.pdf
• WCAG 2.0 HTML 기법 – http://www.wah.or.kr/w3c_doc/techs/html.asp
• WCAG 2.0 CSS 기법 – http://www.wah.or.kr/w3c_doc/techs/css.asp
• WCAG 2.0 클라이언트측 스크립팅 기법 – http://www.wah.or.kr/w3c_doc/techs/client-side-script.asp
• WCAG 2.0 ARIA 기법 – http://www.wah.or.kr/w3c_doc/techs/aria.asp

색

• Check My Colours – http://www.checkmycolours.com/
• Colour Contrast Check(snook.ca) – http://www.snook.ca/technical/colour_contrast/colour.html
• Colour Contrast(Juicy Studio) – http://juicystudio.com/services/luminositycontrastratio.php
• Colour Contrast Analyzer(Colors on the web) – http://www.colorsontheweb.com/colorcontrast.asp
• Contrast Analyser(The Paciello Group) – http://www.paciellogroup.com/resources/contrast-analyser.html Windows/MAC Application.

웹 표준

• 오픈웹 – http://openweb.or.kr/ 웹페이지 국제표준화를 위한 민원/소송.
• 웹 표준 점검 목록 – http://kukie.net/resources/checklist/
• 한국 웹 표준 사이트 모음 – http://kwsg.org/ by 신현석.
• CDK(CSS Design Korea) – http://forum.standardmag.org/ XHTML, CSS, 웹표준, 웹접근성 관련 커뮤니티.
• The Web Standards Project – http://webstandards.org/
• W3C 대한민국 사무국 – http://www.w3c.or.kr/
• W3C 문서 한국어 번역판 – http://www.w3.org/2003/03/Translations/byLanguage?language=ko
• Web Standards Group – http://webstandardsgroup.org/
• Web Standards Korea – http://webstandards.or.kr/ 한국의 웹 표준활동에 대한 영문 블로그.
• 웹표준경진대회 출품작 – http://forum.standardmag.org/viewforum.php?id=17 2008년 6월 웹표준경진대회 출품작 모음.
• Clearboth(Web Standards Evangelist Forum) – http://www.clearboth.org/

유니버설 디자인

• THE PRINCIPLES OF UNIVERSAL DESIGN – http://www.design.ncsu.edu/cud/about_ud/udprinciplestext.htm
• W3C cheatsheet – http://www.w3.org/2009/cheatsheet/

통계

• 구글 분석 – http://www.google.com/analytics/ko-KR/ 나의 웹사이트 통계관리.
• 다음 웹인사이드 – http://inside.daum.net/ 나의 웹사이트 통계관리.
• 랭키닷컴 – http://rankey.com/ Navvy 사용자의 표본집계를 이용한 웹사이트 순위.
• 통계청 – http://www.nso.go.kr/
• 인터넷 통계정보 검색시스템 – http://isis.nic.or.kr/
• Internet Trend – http://internettrend.co.kr/ 국내 인터넷 관련 통계.
• MarketShare – http://marketshare.hitslink.com/ 월드와이드의 다양한 IT관련 통계 제공
• OneStat – http://www.onestat.com/html/aboutus_pressbox.html Web Browsers, Operating Systems, Screen Resolutions, etc …
• StatCounter – http://gs.statcounter.com/
• TheCounter – http://www.thecounter.com/stats/ Browser Stats
• W3counter – http://www.w3counter.com/globalstats.php Web Browsers, Operating Systems, Countries, Screen Resolutions
• W3Techs – http://w3techs.com/

CSS

CSS Framework

• CSS Framework – http://en.wikipedia.org/wiki/CSS_framework
• Blueprint – http://code.google.com/p/blueprintcss/
• Logicss – http://code.google.com/p/logicss/
• XE CSS Framework for Layout – http://naradesign.net/wp/2009/07/17/998/
• Yahoo UI Library – http://developer.yahoo.com/yui/reset/
• YAML – http://www.yaml.de/en/

CSS Reference

• About Conditional Comments – http://msdn.microsoft.com/en-us/library/ms537512.aspx MS IE 전용 브라우저 버전별 조건 주석.
• A sample style sheet for HTML 4.0 – http://www.w3.org/TR/1998/REC-CSS2-19980512/sample.html W3C에서 권장하는 HTML 엘리먼트의 기본 스타일 정보
• Bob Image Replacement – http://neal.venditto.org/articles/12/bir/ z-index를 이용한 IR 기법으로 현존하는 기법 가운데 가장 접근성이 높은 방식.
• CSS Differences in Internet Explorer 6, 7 and 8 – http://www.smashingmagazine.com/2009/10/14/css-differences-in-internet-explorer-6-7-and-8/ IE 6, 7, 8 버전별 CSS 지원/미지원 차이점 정리.
• CSS Drive – http://www.cssdrive.com/ 다양한 CSS 예제들.
• CSS Hack – http://centricle.com/ref/css/filters/
• CSS Hack 정리 – http://www.nmindplus.com/2006/06/28/css-hack/ by nmind.
• CSS Play – http://www.cssplay.co.uk/ 다양한 CSS 예제들.
• CSS Test and Experiments – http://www.brunildo.org/test/ 다수의 CSS 실험 예제.
• CSS Zen Garden – http://www.csszengarden.com/ 하나의 Markup 에 다양한 CSS 파일을 적용한 예제.
• Em Calculator – http://riddle.pl/emcalc/ px값을 em값 으로 환산해 줌.
• Instant CSS – http://instacss.com/ CSS 속성별 예제 코드와 샘플.
• Layout Gala – http://blog.html.it/layoutgala/ CSS 박스모델에 대한 예제.
• MSDN CSS Reference – http://msdn.microsoft.com/en-us/library/ms531209.aspx MS IE 전용 CSS Properties 참조.
• Nifty Corners – http://www.html.it/articoli/niftycube/nifty1.html Javascript와 CSS를 이용한 라운딩 표현.
• OUIF – http://naradesign.net/ouif/ Open User Interface Framework
• position:fixed 구현하기 – http://divinentd.com/experiments/emulating-position-fixed.html
• Reed Design – http://www.reeddesign.co.uk/test/points-pixels.html pt-px-em-% 단위 비교표.
• The Noodle Incident – http://www.thenoodleincident.com/ CSS 박스모델에 대한 예제 수록.
• 53CSS – http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/ Techniques You Couldn’t Live Without.
• 9 Most Common IE Bugs and How to Fix Them – http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/

CSS Standards

• W3C CSS – http://www.w3.org/Style/CSS/
• W3C CSS Current Work – http://www.w3.org/Style/CSS/current-work
• 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 Recommendation – http://www.w3.org/TR/CSS21/propidx.html
• W3C CSS2.1 Recommendation 추가된 속성들 – http://www.w3.org/TR/CSS21/changes.html#new

CSS Vendor Extensions

• Firefox CSS Extensions – https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions
• IE CSS Extentions – http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx
• IE8 CSS Extensions – http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
• Safari CSS Extensions – http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html
• Opera Web specification support – http://www.opera.com/docs/specs/

CSS3

• 30 usefil CSS3 generators – http://www.land-of-web.com/resources/30-useful-css3-generators.html
• 47 Amazing CSS3 Animation Demos – http://webdesignerwall.com/trends/47-amazing-css3-animation-demos
• CSS3 Click Chart – http://css3clickchart.com/
• CSS3 Current Work – http://www.w3.org/Style/CSS/current-work
• CSS3 Generator – http://css3generator.com/
• CSS3 Generator – http://www.css3.me/
• CSS3 ivizr – http://selectivizr.com/
• CSS3 Maker – http://www.css3maker.com/
• CSS3 Playground – http://css3.mikeplate.com/
• CSS3 Please – http://css3please.com/
• CSS3 Pie – http://css3pie.com/
• CSS3 structural pseudo-class selector tester – http://leaverou.me/demos/nth.html
• HTML5 & CSS3 Checkist – http://www.findmebyip.com/litmus/
• Introduction to CSS3 – http://www.w3.org/TR/css3-roadmap/ Working Draft Road Map
• Optimize browser rendering – http://code.google.com/intl/ko-KR/speed/page-speed/docs/rendering.html
• Sencha Animator – http://www.sencha.com/products/animator/download/
• Working Draft CSS3 소개 – http://www.css3.info/
• Working Draft CSS3 Properties Test – http://westciv.com/iphonetests/

Flash

• 플래시 사용 설명서 > 액세스 가능한 내용 만들기 – http://livedocs.adobe.com/flash/8_kr/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00000877.html
• 플래시에 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
• 플래시 클럽 – http://flashclub.co.kr/
• Niqui Merret – http://niquimerret.com/ Flash & Accessibility Expert.

Fonts

• 구글 웹 폰트 – http://www.google.com/webfonts 구글이 제공하는 웹 폰트
• 우리글닷컴 – http://www.woorigle.com/W_font/list_02.php 가독성 좋은 우리나라의 이쁜 클리어타입(ClearType) 폰트 아직은 유료지만 잠재성을 가진 폰트. (아쉽게도 익스플로러에서만 폰트 확인 가능.)
• 네이버 나눔고딕 – http://hangeul.naver.com/index.nhn?goto=fonts#fonts 2008년 한글날을 기념하여 네이버에서 출시한 무료폰트 ‘나눔고딕’
• Common fonts to all versions of Windows & Mac equivalents – http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

HTML/XHTML

• Authoring Techniques for XHTML & HTML Internationalization: Characters and Encodings 1.0 – http://www.w3.org/TR/i18n-html-tech-char/
• DTD 어떻게 읽는지 아세요? – http://www.pageoff.net/794
• How to read the HTML DTD – http://www.w3.org/TR/html401/intro/sgmltut.html#h-3.3
• HTML Code Tutorial – http://www.htmlcodetutorial.com/
• HTML Element – http://en.wikipedia.org/wiki/HTML_element
• 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 의 표준스펙에 대한 학습 자료.
• W3C QA Recommended list of DTDs you can use in your Web document – http://www.w3.org/QA/2002/04/valid-dtd-list.html
• XHTML Character Entity Referenece – http://www.digitalmediaminute.com/reference/entity/index.php XHTML 특수문자 본체 참조.

HTML5

• A Preview of HTML 5(A List Apart) – http://www.alistapart.com/articles/previewofhtml5
• HTML Working Group – http://www.w3.org/html/wg/ HTML5의 향후 계획을 볼 수 있다
• HTML4와 HTML5의 차이점 – http://www.creation.net/work/html5/html4-differences/Overview_ko.html
• HTML5에 대한 모든 것 – http://channy.creation.net/blog/776
• HTML5(Working Draft) – http://www.w3.org/TR/html5/
• HTML5(Author Edition) – http://dev.w3.org/html5/spec-author-view/Overview.html (마크업 예제가 풍부하여 HTML 마크업 개발자에게 추천)
• HTML5(Working Draft) – http://www.whatwg.org/specs/web-apps/current-work/
• HTML5 명세 – http://www.clearboth.org/html5/spec.html (클리어보스 번역 한글문서)
• HTML5 Cross browser Polyfills – http://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
• HTML5 Doctor – http://html5doctor.com/
• HTML5 enabling script – http://remysharp.com/2009/01/07/html5-enabling-script/
• HTML5 Forms – http://wufoo.com/html5/
• HTML5 Gallery – http://html5gallery.com/
• HTML5 Markup – http://dev.w3.org/html5/markup/
• HTML5 Please – http://html5please.us/ (fallbacks, polyfills)
• HTML5 Reference – http://dev.w3.org/html5/html-author/
• HTML5 Tag Reference – http://www.w3schools.com/html5/html5_reference.asp
• HTML5 Test – http://html5test.com/
• HTML5 & CSS3 Checkist – http://www.findmebyip.com/litmus/
• Video for Everybody – http://camendesign.com/code/video_for_everybody
• When can I use… – http://a.deveria.com/caniuse/
• 위키피디아 HTML5 – http://en.wikipedia.org/wiki/HTML5
• 웹 브라우저 엔진 기준 HTML5 지원현황 – http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)

Javascript

• 자바스크립트를 이용하여 IE5~6을 IE7~8처럼 만들기 – http://code.google.com/p/ie7-js/ 또 다른 렌더링 버그 유발로 권장 안함.
• BluShoes – http://www.blueshoes.org/en/javascript Javascript 예제.
• DOM Script 예제 – http://www.acornpub.co.kr/sample/dom/index.html 겸손한 자바스크립트 예제들. 에이콘 출판사.
• 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/
• 8 Regular Expressions You Should Know – http://net.tutsplus.com/tutorials/other/8-regular-expressions-you-should-know/ 웹 개발에 자주 사용되는 8가지 정규식 표현.

jQuery

• jQuery – http://jquery.com/
• jQuery Mobile – http://jquerymobile.com/
• jQuery CookBook Example – http://jquery-cookbook.com/examples/
• jQuery Menus – http://apycom.com/
• jQuery TOOLs – http://flowplayer.org/tools/demos/

User Interface 개발

• Daum Front End 개발 가이드 – http://ui.daum.net/
• Even Faster Web Sites – http://stevesouders.com/efws/links.php?ex 보다 빠른 웹 사이트를 위한 실험들
• 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 개발 지침.
• Yahoo Develoeper Network(yui) – http://developer.yahoo.com/yui/
  

  I 개발자를 위한 북마크

  뉴스

  • 디지털타임즈 – http://www.dt.co.kr/
  • 아이뉴스24 – http://www.inews24.com/
  • 전자신문 – http://www.etnews.co.kr/
  • TED 한국어 – http://www.ted.com/index.php/translate/languages/kor 지구촌 명사들의 프리젠테이션을 볼 수 있다.
  • ZDNet – http://zdnet.co.kr/

  드림위버

  • 드림위버를 이용한 웹 표준 코딩 가이드 – http://naradesign.net/open_content/lecture/DW&CSS/
  • 드림위버 CS4 한글 사용자 메뉴얼 – http://help.adobe.com/ko_KR/Dreamweaver/10.0_Using/
  • 드림위버 CS3 한글 사용자 메뉴얼 – http://livedocs.adobe.com/ko_KR/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에서 권고하는 모바일 웹 저작지침
  • 모바일 컨텐츠 이야기 – http://www.mobizen.pe.kr/
  • 별주부뎐 – http://hollobit.tistory.com/
  • iPhone Accessibility – http://www.apple.com/accessibility/iphone/index.html
  • 까칠한 Mobile 2.0 – http://mobile2.tistory.com/
  • 모바일OK – http://mobileok.kr/
  • K모바일 – http://www.kmobile.co.kr/
  • Mobile Emulator – http://mobiforge.com/emulators/page/mobile-emulators
  • Mobile Tests – http://quirksmode.org/m/ 모바일 UI 개발과 관련된 여러가지 테스트들.
  • testiphone(테스트아이폰) – http://testiphone.com/

  블로그

  웹 표준

  • 김군우 – http://www.miya.pe.kr/
  • 김대석 – http://nmindplus.com/
  • 김요한 – http://hiphapis.net/
  • 김일규 – http://www.hiweb.kr/
  • 나인환 – http://na93008.openhaja.com/blog/
  • 남덕현 – http://dstyle.org/
  • 남동훈 – http://seye2.egloos.com/
  • 장성민 – http://www.jangkunblog.com/
  • 조현진 – http://resistan.com/
  • 신현석 – http://hyeonseok.com/
  • 연홍석 – http://blog.wystan.net/
  • 윤좌진 – http://boochim.net/
  • 이원석 – http://wonsuk73.tistory.com/
  • 일몰 – http://ilmol.com/
  • 정찬명 – http://naradesign.net/
  • 조만영 – http://manyoung.net/
  • 조훈 – http://hooney.net/
  • 추지호 – http://www.pageoff.net/
  • 홍윤표 – http://mydeute.com/

  웹 접근성

  • 백남중 – http://njpaiks.egloos.com/
  • 신승식 – http://gregshin.pe.kr/
  • 현준호 – http://jhyun.wordpress.com/
  • Haeppa World – http://haeppa.kr/

  자바스크립트

  • firejune – http://firejune.com/
  • ajaxian – http://ajaxian.kr/

  IT Trends

  • 윤석찬 – http://channy.creation.net/
  • 애자일 이야기 – http://agile.egloos.com/
  • 이원석 – http://www.wonsuk73.com/
  • 조만영 – http://manyoung.net/
  • Talk about Software with hani – http://www.talk-with-hani.com/

  User Experience

  • dobiho – http://dobiho.com/
  • Empathic notes – http://blog.naver.com/dakitani/
  • Experience Design – http://exign.net/
  • UX Cosmos – http://uxcosmos.tistory.com/
  • UX Factory – http://www.uxfactory.com/
  • UXlog – http://uxlog.net/
  • √ MIRiyA’s AstraLog – http://blog.daum.net/miriya/

  블로그 허브

  • 올블로그 – http://allblog.net/ 메타 블로그.
  • Daum DNA > Lens – http://dna.daum.net/lens/ 다음 DNA Lab 에서 추천하는 IT 관련 포스트.
  • Standard Magazine RSS Feed – http://planet.standardmag.org/ UI/UX 관련 포스팅을 수집.

  사용자 맞춤형 웹 서비스

  • 위자드닷컴 – http://wzd.com/ 사용자 맞춤형 인터넷 시작페이지.
  • Netvibes – http://www.netvibes.com/ 사용자 맞춤형 인터넷 시작페이지.
  • Remember The Milk – http://www.rememberthemilk.com/ 할일 목록 관리 서비스.
  • Webwag – http://www.webwag.com/ 사용자 맞춤형 인터넷 시작페이지.

  사전

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

  웹 디자인

  • 디비컷 – http://dbcut.com/ 최근 런칭된 국내 웹사이트 정보.
  • 디자인 정글 – http://jungle.co.kr/
  • 웹 어워드 코리아 – http://www.webaward.co.kr/ 매년 최고의 웹 사이트를 선정하는 컨퍼런스.
  • 한국색채연구소 – http://www.kcri.or.kr/
  • Adobe – http://www.adobe.com/kr/
  • Apycom – http://apycom.com/ 다양한 jQuery 메뉴 디자인.
  • PickPick – http://picpick.wiziple.net/ 화면 캡처 프로그램.
  • Yahoo! Design Pattern Library – http://developer.yahoo.com/ypatterns/ 야후! 디자인 패턴 라이브러리.
  • 5DAY – http://5day.co.kr/ 최근 런칭된 국내 웹사이트 정보.
  • 34 Outstanding Admin Panels for Your Web Applications – http://www.ourtuts.com/34-outstanding-admin-panels-for-your-web-applications/

  사진

  • 쉐어이미지닷컴 – http://shareimage.com/
  • 이미지코리아 – http://www.imagekorea.co.kr/
  • 이미지클릭 – http://www.imageclick.com/
  • Flickr – http://flickr.com/
  • Getty Images – http://creative.gettyimages.com/
  • Topic – http://www.topicphoto.com/
  • 세계도시풍경 – http://www.jennyhouse.info/

  아이콘

  • Downloadpedia – http://downloadpedia.org/Free_Icons_and_Buttons
  • favicon.cc – http://www.favicon.cc/
  • IcoFX – http://icofx.ro/
  • Icon Buffet – http://www.iconbuffet.com/
  • Icon Finder – http://www.iconfinder.net/
  • Icojoy – http://icojoy.com/
  • iconlet – http://www.iconlet.com/
  • iconsPedia – http://www.iconspedia.com/
  • Yellow Icon – http://yellowicon.com/
  • 96 of the Best Ever Free Icon Sets – http://speckyboy.com/2008/07/28/96-best-ever-free-icon-sets-for-web-designers-developers-and-bloggers/

  웹 브라우저

  웹 브라우저들

  • 인프라웨어 – http://www.infraware.co.kr/ 한국의 모바일 웹 브라우저 제작사.
  • Apple Safari – http://www.apple.com/kr/safari/download/
  • Google Chrome – http://www.google.com/chrome
  • Mozilla Firefox – http://www.mozilla.or.kr/ko/firefox/
  • Microsoft Internet Explorer – http://www.microsoft.com/windows/products/winfamily/ie/default.mspx
  • Microsoft IE8 팀 블로그 – http://blog.msdn.com/ie8kr/ Microsoft IE 블로그 포스트 가운데 IE8 관련 소식만 한국어로 번역되어 있다.
  • Opera Software Opera – http://www.opera.com/

  웹 브라우저 에뮬레이터

  • Browsershots – http://browsershots.org/ 현존하는 10 여종의 웹 브라우저에 대한 Simulator 테스트. 브라우저 선택 옵션에 모두 체크해도 한번에 4~5개 정도 밖에 Simulation 되지 않으며 시간이 오래 걸리고 추가 테스트를 진행 하는 경우 기존의 스크린샷이 사라지므로 스크린샷은 PC에 저장하는 것을 권함.
  • IE Tester – http://my-debugbar.com/wiki/IETester/
  • Internet Explorer Collection – http://finalbuilds.edskes.net/iecollection.htm 모든 버전의 IE를 스텐드얼론 형식으로 사용할 수 있다. 개발자용 IE툴바를 사용할 수 있는 것이 장점.
  • Multiful IE – http://tredosoft.com/Multiple_IE IE 3~6 브라우저에 대한 렌더링 툴.
  • Safari Simulator(BrowsrCamp) – http://www.browsrcamp.com/ Mac OS 전용 웹 브라우저 Safari 의 렌더링 테스트.
  • Xenocode Browser Sandbox – http://www.xenocode.com/browsers/ IE 6~8, FF 2~3, SF, OP, CR 브라우저를 실행파일을 이용하여 설치 없이 테스트 할 수 있다.
  • Microsoft Expression Web SuperPreview for Windows Internet Explorer – http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677 MS 익스프레션 웹으로부터 슈퍼 프리뷰 기능만 뽑아낸 IE 6~8 브라우저 시뮬레이터.

  모바일 웹 브라우저 에뮬레이터

  • Mobile Emulator – http://mobiforge.com/emulators/page/mobile-emulators
  • iPhone/iPod Touch Simulator – http://testiphone.com/
  • BlackBerry Emulator – http://www.blackberry.com/developers/downloads/simulators/index.shtml
  • Opera Mini Simulator – http://www.operamini.com/demo/
  • Opera Mobile Emulator – http://www.opera.com/developer/tools/

  웹 브라우저 테스트

  • Acid2 Test – http://acid2.acidtests.org/ 웹 브라우저의 HTML/CSS/PNG 표준 지원 테스트.
  • Acid3 Test – http://acid3.acidtests.org/ 웹 브라우저의 DOM/HTML/CSS/SVG 표준 지원 테스트.
  • Browser Tests, Services and Compatibility Test Suites – http://www.smashingmagazine.com/2007/10/02/browser-tests-services-and-compatibility-test-suites/
  • CSS2 Test Suite – http://www.richinstyle.com/test/
  • CSS2 Test Suite: Prototypical Pages – http://meyerweb.com/eric/css/tests/css2/
  • CSS3 Selectors Test – http://www.css3.info/selectors-test/
  • CSS3 Selectors Test Suite Index – http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/
  • CSS Test & Experiments – http://www.brunildo.org/test/
  • Official W3C CSS Test Suites – http://www.w3.org/Style/CSS/Test/
  • HTTP를 통한 브라우저 종류 및 버전 확인 – http://logger.co.kr/tools/getBrowser.tsp

  웹 브라우저 호환성 문제

  • 개발자 좀 살려주세요! – http://resistan.com/savethedeveloper/ IE 6 업그레이드 캠페인.
  • 웹 브라우저의 성능 비교 실험 – http://www.howtocreate.co.uk/browserSpeed.html
  • 웹 브라우저의 종류 – http://en.wikipedia.org/wiki/List_of_web_browsers
  • 웹 브라우저 점유율 통계 – 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에 대한 가이드.
  • Ultimate IE6 Cheet Sheet – http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs
  • Web Devout – http://www.webdevout.net/ 주요 웹 브라우저에 대한 표준지원 현황.
  • When can I use… – http://a.deveria.com/caniuse/ 주요 웹 브라우저에 대한 표준지원 현황. 초안 포함.

  웹 브라우저 확장

  • Mozilla Firefox > Firebug – https://addons.mozilla.org/en-US/firefox/addon/1843 Firefox 브라우저의 웹 개발자 디버깅 툴.
  • Mozilla Firefox > Pencil Project – http://www.evolus.vn/Pencil/ 프로토타이핑 도구.
  • Microsoft Internet Explorer Developer Toolbar – http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en IE 6~7 브라우저의 웹 개발자 디버깅 툴.
  • Opera Dragonfly – http://www.opera.com/products/dragonfly/ Opera 브라우저의 웹 개발자 디버깅 툴.
  • WebSniper – http://freeutil.net/board/?document_srl=150&mid=pds_freeutils&sort_index=readed_count&order_type=asc IE6~7 웹퍼블리셔&웹개발자를 위한 만능 툴(실시간 태그 검색, 소스보기, 소스분석, 실시간 소스편집)

  웹 사용성

  • 씽크유저 – http://thinkuser.com/ 사용자경험, 전략, 디자인 관련 기업.
  • 팀인터페이스 – http://uidesign.co.kr/ 사용성 관련 기업.
  • Jakob Nielsen – http://www.useit.com/ 사용성 전문가 제이콥 닐슨.

  웹 성능 분석

  • Cool Check! – http://www.coolcheck.co.kr/ 웹 위험진단 서비스.
  • GTmetrix – http://gtmetrix.com/ 웹 페이지 성능 분석 도구.
  • 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개의 웹 사이트를 비교.

  웹 어플리케이션

  • Balsamiq Mockups – http://www.balsamiq.com/demos/mockups/Mockups.html 프로토타이핑 도구.
  • FCKeditor – http://www.fckeditor.net/ 웹 에디터.
  • Genii Software WebEditors – http://geniisoft.com/showcase.nsf/WebEditors 웹 에디터 벤치마크.
  • MediaWiki – http://www.mediawiki.org/ 설치형 위키.
  • Mindomo – http://www.mindomo.com/ 온라인 마인드맵.
  • Textcube – http://textcube.org/ 설치형 블로그.
  • WordPress – http://wordpress.org/ 설치형 블로그.
  • WordPress 한국어 포럼 – http://wordpress.co.kr/forum/
  • WikiMatrix – http://www.wikimatrix.org/ 위키 벤치마크.
  • WYSIWYG Editor – http://www.mediawiki.org/wiki/WYSIWYG_editor 위지윅 에디터 목록.
  • Xpress Engine – http://www.zeroboard.com/ 콘텐츠 관리 시스템.

  웹 접근성

  지침

  • 인터넷 웹 콘텐츠 접근성 지침 1.0 – http://www.wah.or.kr/kwcag/wcag_preface_1.asp 대한민국 국가표준.
  • 인터넷 웹 콘텐츠 접근성 지침 2.0 – http://www.wah.or.kr/Board/brd_view.asp?page=1&brd_sn=4&brd_idx=544 대한민국 국가표준.
  • 웹 접근성에 대한 빠르고 쉬운 소개 – http://kukie.net/resources/accessibility/
  • 웹 접근성 연구소 – http://www.wah.or.kr/
  • 정보통신 접근성 향상 표준화 포럼 – http://www.iabf.or.kr/ 웹 접근성에 관한 연구 및 발간 자료가 풍부.
  • 한국 웹 접근성 그룹 – http://kwag.net/ 한국의 웹 접근성 활동.
  • 한국정보문화진흥원 – http://www.kado.or.kr/
  • 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 Accessible Flash Design – http://www.adobe.com/resources/accessibility/best_practices/bp_fp.html
  • 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 Recommendation – http://www.w3.org/TR/WCAG20/
  • WCAG 2.0 Recommendation (한글) – http://archi.ssu.ac.kr/WCAG20/
  • WCAG 2.0 Understanding – http://www.w3.org/TR/UNDERSTANDING-WCAG20/
  • Code for the Representation of the Names of Languages. From ISO 639, revised 1989. – http://xml.coverpages.org/iso639a.html 표준 언어 코드.

  기법

  • 웹 접근성을 고려한 콘텐츠 제작기법 – http://www.mozilla.or.kr/ko/docs/web-developer/content_authoring_for_accessibility.pdf
  • WCAG 2.0 HTML 기법 – http://www.wah.or.kr/w3c_doc/techs/html.asp
  • WCAG 2.0 CSS 기법 – http://www.wah.or.kr/w3c_doc/techs/css.asp
  • WCAG 2.0 클라이언트측 스크립팅 기법 – http://www.wah.or.kr/w3c_doc/techs/client-side-script.asp
  • WCAG 2.0 ARIA 기법 – http://www.wah.or.kr/w3c_doc/techs/aria.asp

  색

  • Check My Colours – http://www.checkmycolours.com/
  • Colour Contrast Check(snook.ca) – http://www.snook.ca/technical/colour_contrast/colour.html
  • Colour Contrast(Juicy Studio) – http://juicystudio.com/services/luminositycontrastratio.php
  • Colour Contrast Analyzer(Colors on the web) – http://www.colorsontheweb.com/colorcontrast.asp
  • Contrast Analyser(The Paciello Group) – http://www.paciellogroup.com/resources/contrast-analyser.html Windows/MAC Application.

  웹 표준

  • 오픈웹 – http://openweb.or.kr/ 웹페이지 국제표준화를 위한 민원/소송.
  • 웹 표준 점검 목록 – http://kukie.net/resources/checklist/
  • 한국 웹 표준 사이트 모음 – http://kwsg.org/ by 신현석.
  • CDK(CSS Design Korea) – http://forum.standardmag.org/ XHTML, CSS, 웹표준, 웹접근성 관련 커뮤니티.
  • The Web Standards Project – http://webstandards.org/
  • W3C 대한민국 사무국 – http://www.w3c.or.kr/
  • W3C 문서 한국어 번역판 – http://www.w3.org/2003/03/Translations/byLanguage?language=ko
  • Web Standards Group – http://webstandardsgroup.org/
  • Web Standards Korea – http://webstandards.or.kr/ 한국의 웹 표준활동에 대한 영문 블로그.
  • 웹표준경진대회 출품작 – http://forum.standardmag.org/viewforum.php?id=17 2008년 6월 웹표준경진대회 출품작 모음.
  • Clearboth(Web Standards Evangelist Forum) – http://www.clearboth.org/

  유니버설 디자인

  • THE PRINCIPLES OF UNIVERSAL DESIGN – http://www.design.ncsu.edu/cud/about_ud/udprinciplestext.htm
  • W3C cheatsheet – http://www.w3.org/2009/cheatsheet/

  통계

  • 구글 분석 – http://www.google.com/analytics/ko-KR/ 나의 웹사이트 통계관리.
  • 다음 웹인사이드 – http://inside.daum.net/ 나의 웹사이트 통계관리.
  • 랭키닷컴 – http://rankey.com/ Navvy 사용자의 표본집계를 이용한 웹사이트 순위.
  • 통계청 – http://www.nso.go.kr/
  • 인터넷 통계정보 검색시스템 – http://isis.nic.or.kr/
  • Internet Trend – http://internettrend.co.kr/ 국내 인터넷 관련 통계.
  • MarketShare – http://marketshare.hitslink.com/ 월드와이드의 다양한 IT관련 통계 제공
  • OneStat – http://www.onestat.com/html/aboutus_pressbox.html Web Browsers, Operating Systems, Screen Resolutions, etc …
  • StatCounter – http://gs.statcounter.com/
  • TheCounter – http://www.thecounter.com/stats/ Browser Stats
  • W3counter – http://www.w3counter.com/globalstats.php Web Browsers, Operating Systems, Countries, Screen Resolutions
  • W3Techs – http://w3techs.com/

  CSS

  CSS Framework

  • CSS Framework – http://en.wikipedia.org/wiki/CSS_framework
  • Blueprint – http://code.google.com/p/blueprintcss/
  • Logicss – http://code.google.com/p/logicss/
  • XE CSS Framework for Layout – http://naradesign.net/wp/2009/07/17/998/
  • Yahoo UI Library – http://developer.yahoo.com/yui/reset/
  • YAML – http://www.yaml.de/en/

  CSS Reference

  • About Conditional Comments – http://msdn.microsoft.com/en-us/library/ms537512.aspx MS IE 전용 브라우저 버전별 조건 주석.
  • A sample style sheet for HTML 4.0 – http://www.w3.org/TR/1998/REC-CSS2-19980512/sample.html W3C에서 권장하는 HTML 엘리먼트의 기본 스타일 정보
  • Bob Image Replacement – http://neal.venditto.org/articles/12/bir/ z-index를 이용한 IR 기법으로 현존하는 기법 가운데 가장 접근성이 높은 방식.
  • CSS Differences in Internet Explorer 6, 7 and 8 – http://www.smashingmagazine.com/2009/10/14/css-differences-in-internet-explorer-6-7-and-8/ IE 6, 7, 8 버전별 CSS 지원/미지원 차이점 정리.
  • CSS Drive – http://www.cssdrive.com/ 다양한 CSS 예제들.
  • CSS Hack – http://centricle.com/ref/css/filters/
  • CSS Hack 정리 – http://www.nmindplus.com/2006/06/28/css-hack/ by nmind.
  • CSS Play – http://www.cssplay.co.uk/ 다양한 CSS 예제들.
  • CSS Test and Experiments – http://www.brunildo.org/test/ 다수의 CSS 실험 예제.
  • CSS Zen Garden – http://www.csszengarden.com/ 하나의 Markup 에 다양한 CSS 파일을 적용한 예제.
  • Em Calculator – http://riddle.pl/emcalc/ px값을 em값 으로 환산해 줌.
  • Instant CSS – http://instacss.com/ CSS 속성별 예제 코드와 샘플.
  • Layout Gala – http://blog.html.it/layoutgala/ CSS 박스모델에 대한 예제.
  • MSDN CSS Reference – http://msdn.microsoft.com/en-us/library/ms531209.aspx MS IE 전용 CSS Properties 참조.
  • Nifty Corners – http://www.html.it/articoli/niftycube/nifty1.html Javascript와 CSS를 이용한 라운딩 표현.
  • OUIF – http://naradesign.net/ouif/ Open User Interface Framework
  • position:fixed 구현하기 – http://divinentd.com/experiments/emulating-position-fixed.html
  • Reed Design – http://www.reeddesign.co.uk/test/points-pixels.html pt-px-em-% 단위 비교표.
  • The Noodle Incident – http://www.thenoodleincident.com/ CSS 박스모델에 대한 예제 수록.
  • 53CSS – http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/ Techniques You Couldn’t Live Without.
  • 9 Most Common IE Bugs and How to Fix Them – http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/

  CSS Standards

  • W3C CSS – http://www.w3.org/Style/CSS/
  • W3C CSS Current Work – http://www.w3.org/Style/CSS/current-work
  • 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 Recommendation – http://www.w3.org/TR/CSS21/propidx.html
  • W3C CSS2.1 Recommendation 추가된 속성들 – http://www.w3.org/TR/CSS21/changes.html#new

  CSS Vendor Extensions

  • Firefox CSS Extensions – https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions
  • IE CSS Extentions – http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx
  • IE8 CSS Extensions – http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
  • Safari CSS Extensions – http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html
  • Opera Web specification support – http://www.opera.com/docs/specs/

  CSS3

  • 30 usefil CSS3 generators – http://www.land-of-web.com/resources/30-useful-css3-generators.html
  • 47 Amazing CSS3 Animation Demos – http://webdesignerwall.com/trends/47-amazing-css3-animation-demos
  • CSS3 Click Chart – http://css3clickchart.com/
  • CSS3 Current Work – http://www.w3.org/Style/CSS/current-work
  • CSS3 Generator – http://css3generator.com/
  • CSS3 Generator – http://www.css3.me/
  • CSS3 ivizr – http://selectivizr.com/
  • CSS3 Maker – http://www.css3maker.com/
  • CSS3 Playground – http://css3.mikeplate.com/
  • CSS3 Please – http://css3please.com/
  • CSS3 Pie – http://css3pie.com/
  • CSS3 structural pseudo-class selector tester – http://leaverou.me/demos/nth.html
  • HTML5 & CSS3 Checkist – http://www.findmebyip.com/litmus/
  • Introduction to CSS3 – http://www.w3.org/TR/css3-roadmap/ Working Draft Road Map
  • Optimize browser rendering – http://code.google.com/intl/ko-KR/speed/page-speed/docs/rendering.html
  • Sencha Animator – http://www.sencha.com/products/animator/download/
  • Working Draft CSS3 소개 – http://www.css3.info/
  • Working Draft CSS3 Properties Test – http://westciv.com/iphonetests/

  Flash

  • 플래시 사용 설명서 > 액세스 가능한 내용 만들기 – http://livedocs.adobe.com/flash/8_kr/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00000877.html
  • 플래시에 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
  • 플래시 클럽 – http://flashclub.co.kr/
  • Niqui Merret – http://niquimerret.com/ Flash & Accessibility Expert.

  Fonts

  • 구글 웹 폰트 – http://www.google.com/webfonts 구글이 제공하는 웹 폰트
  • 우리글닷컴 – http://www.woorigle.com/W_font/list_02.php 가독성 좋은 우리나라의 이쁜 클리어타입(ClearType) 폰트 아직은 유료지만 잠재성을 가진 폰트. (아쉽게도 익스플로러에서만 폰트 확인 가능.)
  • 네이버 나눔고딕 – http://hangeul.naver.com/index.nhn?goto=fonts#fonts 2008년 한글날을 기념하여 네이버에서 출시한 무료폰트 ‘나눔고딕’
  • Common fonts to all versions of Windows & Mac equivalents – http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

  HTML/XHTML

  • Authoring Techniques for XHTML & HTML Internationalization: Characters and Encodings 1.0 – http://www.w3.org/TR/i18n-html-tech-char/
  • DTD 어떻게 읽는지 아세요? – http://www.pageoff.net/794
  • How to read the HTML DTD – http://www.w3.org/TR/html401/intro/sgmltut.html#h-3.3
  • HTML Code Tutorial – http://www.htmlcodetutorial.com/
  • HTML Element – http://en.wikipedia.org/wiki/HTML_element
  • 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 의 표준스펙에 대한 학습 자료.
  • W3C QA Recommended list of DTDs you can use in your Web document – http://www.w3.org/QA/2002/04/valid-dtd-list.html
  • XHTML Character Entity Referenece – http://www.digitalmediaminute.com/reference/entity/index.php XHTML 특수문자 본체 참조.

  HTML5

  • A Preview of HTML 5(A List Apart) – http://www.alistapart.com/articles/previewofhtml5
  • HTML Working Group – http://www.w3.org/html/wg/ HTML5의 향후 계획을 볼 수 있다
  • HTML4와 HTML5의 차이점 – http://www.creation.net/work/html5/html4-differences/Overview_ko.html
  • HTML5에 대한 모든 것 – http://channy.creation.net/blog/776
  • HTML5(Working Draft) – http://www.w3.org/TR/html5/
  • HTML5(Author Edition) – http://dev.w3.org/html5/spec-author-view/Overview.html (마크업 예제가 풍부하여 HTML 마크업 개발자에게 추천)
  • HTML5(Working Draft) – http://www.whatwg.org/specs/web-apps/current-work/
  • HTML5 명세 – http://www.clearboth.org/html5/spec.html (클리어보스 번역 한글문서)
  • HTML5 Cross browser Polyfills – http://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
  • HTML5 Doctor – http://html5doctor.com/
  • HTML5 enabling script – http://remysharp.com/2009/01/07/html5-enabling-script/
  • HTML5 Forms – http://wufoo.com/html5/
  • HTML5 Gallery – http://html5gallery.com/
  • HTML5 Markup – http://dev.w3.org/html5/markup/
  • HTML5 Please – http://html5please.us/ (fallbacks, polyfills)
  • HTML5 Reference – http://dev.w3.org/html5/html-author/
  • HTML5 Tag Reference – http://www.w3schools.com/html5/html5_reference.asp
  • HTML5 Test – http://html5test.com/
  • HTML5 & CSS3 Checkist – http://www.findmebyip.com/litmus/
  • Video for Everybody – http://camendesign.com/code/video_for_everybody
  • When can I use… – http://a.deveria.com/caniuse/
  • 위키피디아 HTML5 – http://en.wikipedia.org/wiki/HTML5
  • 웹 브라우저 엔진 기준 HTML5 지원현황 – http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)

  Javascript

  • 자바스크립트를 이용하여 IE5~6을 IE7~8처럼 만들기 – http://code.google.com/p/ie7-js/ 또 다른 렌더링 버그 유발로 권장 안함.
  • BluShoes – http://www.blueshoes.org/en/javascript Javascript 예제.
  • DOM Script 예제 – http://www.acornpub.co.kr/sample/dom/index.html 겸손한 자바스크립트 예제들. 에이콘 출판사.
  • 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/
  • 8 Regular Expressions You Should Know – http://net.tutsplus.com/tutorials/other/8-regular-expressions-you-should-know/ 웹 개발에 자주 사용되는 8가지 정규식 표현.

  jQuery

  • jQuery – http://jquery.com/
  • jQuery Mobile – http://jquerymobile.com/
  • jQuery CookBook Example – http://jquery-cookbook.com/examples/
  • jQuery Menus – http://apycom.com/
  • jQuery TOOLs – http://flowplayer.org/tools/demos/

  User Interface 개발

  • Daum Front End 개발 가이드 – http://ui.daum.net/
  • Even Faster Web Sites – http://stevesouders.com/efws/links.php?ex 보다 빠른 웹 사이트를 위한 실험들
  • 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 개발 지침.
  • Yahoo Develoeper Network(yui) – http://developer.yahoo.com/yui/
    

    I 개발자를 위한 북마크

    뉴스

    • 디지털타임즈 – http://www.dt.co.kr/
    • 아이뉴스24 – http://www.inews24.com/
    • 전자신문 – http://www.etnews.co.kr/
    • TED 한국어 – http://www.ted.com/index.php/translate/languages/kor 지구촌 명사들의 프리젠테이션을 볼 수 있다.
    • ZDNet – http://zdnet.co.kr/

    드림위버

    • 드림위버를 이용한 웹 표준 코딩 가이드 – http://naradesign.net/open_content/lecture/DW&CSS/
    • 드림위버 CS4 한글 사용자 메뉴얼 – http://help.adobe.com/ko_KR/Dreamweaver/10.0_Using/
    • 드림위버 CS3 한글 사용자 메뉴얼 – http://livedocs.adobe.com/ko_KR/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에서 권고하는 모바일 웹 저작지침
    • 모바일 컨텐츠 이야기 – http://www.mobizen.pe.kr/
    • 별주부뎐 – http://hollobit.tistory.com/
    • iPhone Accessibility – http://www.apple.com/accessibility/iphone/index.html
    • 까칠한 Mobile 2.0 – http://mobile2.tistory.com/
    • 모바일OK – http://mobileok.kr/
    • K모바일 – http://www.kmobile.co.kr/
    • Mobile Emulator – http://mobiforge.com/emulators/page/mobile-emulators
    • Mobile Tests – http://quirksmode.org/m/ 모바일 UI 개발과 관련된 여러가지 테스트들.
    • testiphone(테스트아이폰) – http://testiphone.com/

    블로그

    웹 표준

    • 김군우 – http://www.miya.pe.kr/
    • 김대석 – http://nmindplus.com/
    • 김요한 – http://hiphapis.net/
    • 김일규 – http://www.hiweb.kr/
    • 나인환 – http://na93008.openhaja.com/blog/
    • 남덕현 – http://dstyle.org/
    • 남동훈 – http://seye2.egloos.com/
    • 장성민 – http://www.jangkunblog.com/
    • 조현진 – http://resistan.com/
    • 신현석 – http://hyeonseok.com/
    • 연홍석 – http://blog.wystan.net/
    • 윤좌진 – http://boochim.net/
    • 이원석 – http://wonsuk73.tistory.com/
    • 일몰 – http://ilmol.com/
    • 정찬명 – http://naradesign.net/
    • 조만영 – http://manyoung.net/
    • 조훈 – http://hooney.net/
    • 추지호 – http://www.pageoff.net/
    • 홍윤표 – http://mydeute.com/

    웹 접근성

    • 백남중 – http://njpaiks.egloos.com/
    • 신승식 – http://gregshin.pe.kr/
    • 현준호 – http://jhyun.wordpress.com/
    • Haeppa World – http://haeppa.kr/

    자바스크립트

    • firejune – http://firejune.com/
    • ajaxian – http://ajaxian.kr/

    IT Trends

    • 윤석찬 – http://channy.creation.net/
    • 애자일 이야기 – http://agile.egloos.com/
    • 이원석 – http://www.wonsuk73.com/
    • 조만영 – http://manyoung.net/
    • Talk about Software with hani – http://www.talk-with-hani.com/

    User Experience

    • dobiho – http://dobiho.com/
    • Empathic notes – http://blog.naver.com/dakitani/
    • Experience Design – http://exign.net/
    • UX Cosmos – http://uxcosmos.tistory.com/
    • UX Factory – http://www.uxfactory.com/
    • UXlog – http://uxlog.net/
    • √ MIRiyA’s AstraLog – http://blog.daum.net/miriya/

    블로그 허브

    • 올블로그 – http://allblog.net/ 메타 블로그.
    • Daum DNA > Lens – http://dna.daum.net/lens/ 다음 DNA Lab 에서 추천하는 IT 관련 포스트.
    • Standard Magazine RSS Feed – http://planet.standardmag.org/ UI/UX 관련 포스팅을 수집.

    사용자 맞춤형 웹 서비스

    • 위자드닷컴 – http://wzd.com/ 사용자 맞춤형 인터넷 시작페이지.
    • Netvibes – http://www.netvibes.com/ 사용자 맞춤형 인터넷 시작페이지.
    • Remember The Milk – http://www.rememberthemilk.com/ 할일 목록 관리 서비스.
    • Webwag – http://www.webwag.com/ 사용자 맞춤형 인터넷 시작페이지.

    사전

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

    웹 디자인

    • 디비컷 – http://dbcut.com/ 최근 런칭된 국내 웹사이트 정보.
    • 디자인 정글 – http://jungle.co.kr/
    • 웹 어워드 코리아 – http://www.webaward.co.kr/ 매년 최고의 웹 사이트를 선정하는 컨퍼런스.
    • 한국색채연구소 – http://www.kcri.or.kr/
    • Adobe – http://www.adobe.com/kr/
    • Apycom – http://apycom.com/ 다양한 jQuery 메뉴 디자인.
    • PickPick – http://picpick.wiziple.net/ 화면 캡처 프로그램.
    • Yahoo! Design Pattern Library – http://developer.yahoo.com/ypatterns/ 야후! 디자인 패턴 라이브러리.
    • 5DAY – http://5day.co.kr/ 최근 런칭된 국내 웹사이트 정보.
    • 34 Outstanding Admin Panels for Your Web Applications – http://www.ourtuts.com/34-outstanding-admin-panels-for-your-web-applications/

    사진

    • 쉐어이미지닷컴 – http://shareimage.com/
    • 이미지코리아 – http://www.imagekorea.co.kr/
    • 이미지클릭 – http://www.imageclick.com/
    • Flickr – http://flickr.com/
    • Getty Images – http://creative.gettyimages.com/
    • Topic – http://www.topicphoto.com/
    • 세계도시풍경 – http://www.jennyhouse.info/

    아이콘

    • Downloadpedia – http://downloadpedia.org/Free_Icons_and_Buttons
    • favicon.cc – http://www.favicon.cc/
    • IcoFX – http://icofx.ro/
    • Icon Buffet – http://www.iconbuffet.com/
    • Icon Finder – http://www.iconfinder.net/
    • Icojoy – http://icojoy.com/
    • iconlet – http://www.iconlet.com/
    • iconsPedia – http://www.iconspedia.com/
    • Yellow Icon – http://yellowicon.com/
    • 96 of the Best Ever Free Icon Sets – http://speckyboy.com/2008/07/28/96-best-ever-free-icon-sets-for-web-designers-developers-and-bloggers/

    웹 브라우저

    웹 브라우저들

    • 인프라웨어 – http://www.infraware.co.kr/ 한국의 모바일 웹 브라우저 제작사.
    • Apple Safari – http://www.apple.com/kr/safari/download/
    • Google Chrome – http://www.google.com/chrome
    • Mozilla Firefox – http://www.mozilla.or.kr/ko/firefox/
    • Microsoft Internet Explorer – http://www.microsoft.com/windows/products/winfamily/ie/default.mspx
    • Microsoft IE8 팀 블로그 – http://blog.msdn.com/ie8kr/ Microsoft IE 블로그 포스트 가운데 IE8 관련 소식만 한국어로 번역되어 있다.
    • Opera Software Opera – http://www.opera.com/

    웹 브라우저 에뮬레이터

    • Browsershots – http://browsershots.org/ 현존하는 10 여종의 웹 브라우저에 대한 Simulator 테스트. 브라우저 선택 옵션에 모두 체크해도 한번에 4~5개 정도 밖에 Simulation 되지 않으며 시간이 오래 걸리고 추가 테스트를 진행 하는 경우 기존의 스크린샷이 사라지므로 스크린샷은 PC에 저장하는 것을 권함.
    • IE Tester – http://my-debugbar.com/wiki/IETester/
    • Internet Explorer Collection – http://finalbuilds.edskes.net/iecollection.htm 모든 버전의 IE를 스텐드얼론 형식으로 사용할 수 있다. 개발자용 IE툴바를 사용할 수 있는 것이 장점.
    • Multiful IE – http://tredosoft.com/Multiple_IE IE 3~6 브라우저에 대한 렌더링 툴.
    • Safari Simulator(BrowsrCamp) – http://www.browsrcamp.com/ Mac OS 전용 웹 브라우저 Safari 의 렌더링 테스트.
    • Xenocode Browser Sandbox – http://www.xenocode.com/browsers/ IE 6~8, FF 2~3, SF, OP, CR 브라우저를 실행파일을 이용하여 설치 없이 테스트 할 수 있다.
    • Microsoft Expression Web SuperPreview for Windows Internet Explorer – http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677 MS 익스프레션 웹으로부터 슈퍼 프리뷰 기능만 뽑아낸 IE 6~8 브라우저 시뮬레이터.

    모바일 웹 브라우저 에뮬레이터

    • Mobile Emulator – http://mobiforge.com/emulators/page/mobile-emulators
    • iPhone/iPod Touch Simulator – http://testiphone.com/
    • BlackBerry Emulator – http://www.blackberry.com/developers/downloads/simulators/index.shtml
    • Opera Mini Simulator – http://www.operamini.com/demo/
    • Opera Mobile Emulator – http://www.opera.com/developer/tools/

    웹 브라우저 테스트

    • Acid2 Test – http://acid2.acidtests.org/ 웹 브라우저의 HTML/CSS/PNG 표준 지원 테스트.
    • Acid3 Test – http://acid3.acidtests.org/ 웹 브라우저의 DOM/HTML/CSS/SVG 표준 지원 테스트.
    • Browser Tests, Services and Compatibility Test Suites – http://www.smashingmagazine.com/2007/10/02/browser-tests-services-and-compatibility-test-suites/
    • CSS2 Test Suite – http://www.richinstyle.com/test/
    • CSS2 Test Suite: Prototypical Pages – http://meyerweb.com/eric/css/tests/css2/
    • CSS3 Selectors Test – http://www.css3.info/selectors-test/
    • CSS3 Selectors Test Suite Index – http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/
    • CSS Test & Experiments – http://www.brunildo.org/test/
    • Official W3C CSS Test Suites – http://www.w3.org/Style/CSS/Test/
    • HTTP를 통한 브라우저 종류 및 버전 확인 – http://logger.co.kr/tools/getBrowser.tsp

    웹 브라우저 호환성 문제

    • 개발자 좀 살려주세요! – http://resistan.com/savethedeveloper/ IE 6 업그레이드 캠페인.
    • 웹 브라우저의 성능 비교 실험 – http://www.howtocreate.co.uk/browserSpeed.html
    • 웹 브라우저의 종류 – http://en.wikipedia.org/wiki/List_of_web_browsers
    • 웹 브라우저 점유율 통계 – 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에 대한 가이드.
    • Ultimate IE6 Cheet Sheet – http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs
    • Web Devout – http://www.webdevout.net/ 주요 웹 브라우저에 대한 표준지원 현황.
    • When can I use… – http://a.deveria.com/caniuse/ 주요 웹 브라우저에 대한 표준지원 현황. 초안 포함.

    웹 브라우저 확장

    • Mozilla Firefox > Firebug – https://addons.mozilla.org/en-US/firefox/addon/1843 Firefox 브라우저의 웹 개발자 디버깅 툴.
    • Mozilla Firefox > Pencil Project – http://www.evolus.vn/Pencil/ 프로토타이핑 도구.
    • Microsoft Internet Explorer Developer Toolbar – http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en IE 6~7 브라우저의 웹 개발자 디버깅 툴.
    • Opera Dragonfly – http://www.opera.com/products/dragonfly/ Opera 브라우저의 웹 개발자 디버깅 툴.
    • WebSniper – http://freeutil.net/board/?document_srl=150&mid=pds_freeutils&sort_index=readed_count&order_type=asc IE6~7 웹퍼블리셔&웹개발자를 위한 만능 툴(실시간 태그 검색, 소스보기, 소스분석, 실시간 소스편집)

    웹 사용성

    • 씽크유저 – http://thinkuser.com/ 사용자경험, 전략, 디자인 관련 기업.
    • 팀인터페이스 – http://uidesign.co.kr/ 사용성 관련 기업.
    • Jakob Nielsen – http://www.useit.com/ 사용성 전문가 제이콥 닐슨.

    웹 성능 분석

    • Cool Check! – http://www.coolcheck.co.kr/ 웹 위험진단 서비스.
    • GTmetrix – http://gtmetrix.com/ 웹 페이지 성능 분석 도구.
    • 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개의 웹 사이트를 비교.

    웹 어플리케이션

    • Balsamiq Mockups – http://www.balsamiq.com/demos/mockups/Mockups.html 프로토타이핑 도구.
    • FCKeditor – http://www.fckeditor.net/ 웹 에디터.
    • Genii Software WebEditors – http://geniisoft.com/showcase.nsf/WebEditors 웹 에디터 벤치마크.
    • MediaWiki – http://www.mediawiki.org/ 설치형 위키.
    • Mindomo – http://www.mindomo.com/ 온라인 마인드맵.
    • Textcube – http://textcube.org/ 설치형 블로그.
    • WordPress – http://wordpress.org/ 설치형 블로그.
    • WordPress 한국어 포럼 – http://wordpress.co.kr/forum/
    • WikiMatrix – http://www.wikimatrix.org/ 위키 벤치마크.
    • WYSIWYG Editor – http://www.mediawiki.org/wiki/WYSIWYG_editor 위지윅 에디터 목록.
    • Xpress Engine – http://www.zeroboard.com/ 콘텐츠 관리 시스템.

    웹 접근성

    지침

    • 인터넷 웹 콘텐츠 접근성 지침 1.0 – http://www.wah.or.kr/kwcag/wcag_preface_1.asp 대한민국 국가표준.
    • 인터넷 웹 콘텐츠 접근성 지침 2.0 – http://www.wah.or.kr/Board/brd_view.asp?page=1&brd_sn=4&brd_idx=544 대한민국 국가표준.
    • 웹 접근성에 대한 빠르고 쉬운 소개 – http://kukie.net/resources/accessibility/
    • 웹 접근성 연구소 – http://www.wah.or.kr/
    • 정보통신 접근성 향상 표준화 포럼 – http://www.iabf.or.kr/ 웹 접근성에 관한 연구 및 발간 자료가 풍부.
    • 한국 웹 접근성 그룹 – http://kwag.net/ 한국의 웹 접근성 활동.
    • 한국정보문화진흥원 – http://www.kado.or.kr/
    • 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 Accessible Flash Design – http://www.adobe.com/resources/accessibility/best_practices/bp_fp.html
    • 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 Recommendation – http://www.w3.org/TR/WCAG20/
    • WCAG 2.0 Recommendation (한글) – http://archi.ssu.ac.kr/WCAG20/
    • WCAG 2.0 Understanding – http://www.w3.org/TR/UNDERSTANDING-WCAG20/
    • Code for the Representation of the Names of Languages. From ISO 639, revised 1989. – http://xml.coverpages.org/iso639a.html 표준 언어 코드.

    기법

    • 웹 접근성을 고려한 콘텐츠 제작기법 – http://www.mozilla.or.kr/ko/docs/web-developer/content_authoring_for_accessibility.pdf
    • WCAG 2.0 HTML 기법 – http://www.wah.or.kr/w3c_doc/techs/html.asp
    • WCAG 2.0 CSS 기법 – http://www.wah.or.kr/w3c_doc/techs/css.asp
    • WCAG 2.0 클라이언트측 스크립팅 기법 – http://www.wah.or.kr/w3c_doc/techs/client-side-script.asp
    • WCAG 2.0 ARIA 기법 – http://www.wah.or.kr/w3c_doc/techs/aria.asp

    색

    • Check My Colours – http://www.checkmycolours.com/
    • Colour Contrast Check(snook.ca) – http://www.snook.ca/technical/colour_contrast/colour.html
    • Colour Contrast(Juicy Studio) – http://juicystudio.com/services/luminositycontrastratio.php
    • Colour Contrast Analyzer(Colors on the web) – http://www.colorsontheweb.com/colorcontrast.asp
    • Contrast Analyser(The Paciello Group) – http://www.paciellogroup.com/resources/contrast-analyser.html Windows/MAC Application.

    웹 표준

    • 오픈웹 – http://openweb.or.kr/ 웹페이지 국제표준화를 위한 민원/소송.
    • 웹 표준 점검 목록 – http://kukie.net/resources/checklist/
    • 한국 웹 표준 사이트 모음 – http://kwsg.org/ by 신현석.
    • CDK(CSS Design Korea) – http://forum.standardmag.org/ XHTML, CSS, 웹표준, 웹접근성 관련 커뮤니티.
    • The Web Standards Project – http://webstandards.org/
    • W3C 대한민국 사무국 – http://www.w3c.or.kr/
    • W3C 문서 한국어 번역판 – http://www.w3.org/2003/03/Translations/byLanguage?language=ko
    • Web Standards Group – http://webstandardsgroup.org/
    • Web Standards Korea – http://webstandards.or.kr/ 한국의 웹 표준활동에 대한 영문 블로그.
    • 웹표준경진대회 출품작 – http://forum.standardmag.org/viewforum.php?id=17 2008년 6월 웹표준경진대회 출품작 모음.
    • Clearboth(Web Standards Evangelist Forum) – http://www.clearboth.org/

    유니버설 디자인

    • THE PRINCIPLES OF UNIVERSAL DESIGN – http://www.design.ncsu.edu/cud/about_ud/udprinciplestext.htm
    • W3C cheatsheet – http://www.w3.org/2009/cheatsheet/

    통계

    • 구글 분석 – http://www.google.com/analytics/ko-KR/ 나의 웹사이트 통계관리.
    • 다음 웹인사이드 – http://inside.daum.net/ 나의 웹사이트 통계관리.
    • 랭키닷컴 – http://rankey.com/ Navvy 사용자의 표본집계를 이용한 웹사이트 순위.
    • 통계청 – http://www.nso.go.kr/
    • 인터넷 통계정보 검색시스템 – http://isis.nic.or.kr/
    • Internet Trend – http://internettrend.co.kr/ 국내 인터넷 관련 통계.
    • MarketShare – http://marketshare.hitslink.com/ 월드와이드의 다양한 IT관련 통계 제공
    • OneStat – http://www.onestat.com/html/aboutus_pressbox.html Web Browsers, Operating Systems, Screen Resolutions, etc …
    • StatCounter – http://gs.statcounter.com/
    • TheCounter – http://www.thecounter.com/stats/ Browser Stats
    • W3counter – http://www.w3counter.com/globalstats.php Web Browsers, Operating Systems, Countries, Screen Resolutions
    • W3Techs – http://w3techs.com/

    CSS

    CSS Framework

    • CSS Framework – http://en.wikipedia.org/wiki/CSS_framework
    • Blueprint – http://code.google.com/p/blueprintcss/
    • Logicss – http://code.google.com/p/logicss/
    • XE CSS Framework for Layout – http://naradesign.net/wp/2009/07/17/998/
    • Yahoo UI Library – http://developer.yahoo.com/yui/reset/
    • YAML – http://www.yaml.de/en/

    CSS Reference

    • About Conditional Comments – http://msdn.microsoft.com/en-us/library/ms537512.aspx MS IE 전용 브라우저 버전별 조건 주석.
    • A sample style sheet for HTML 4.0 – http://www.w3.org/TR/1998/REC-CSS2-19980512/sample.html W3C에서 권장하는 HTML 엘리먼트의 기본 스타일 정보
    • Bob Image Replacement – http://neal.venditto.org/articles/12/bir/ z-index를 이용한 IR 기법으로 현존하는 기법 가운데 가장 접근성이 높은 방식.
    • CSS Differences in Internet Explorer 6, 7 and 8 – http://www.smashingmagazine.com/2009/10/14/css-differences-in-internet-explorer-6-7-and-8/ IE 6, 7, 8 버전별 CSS 지원/미지원 차이점 정리.
    • CSS Drive – http://www.cssdrive.com/ 다양한 CSS 예제들.
    • CSS Hack – http://centricle.com/ref/css/filters/
    • CSS Hack 정리 – http://www.nmindplus.com/2006/06/28/css-hack/ by nmind.
    • CSS Play – http://www.cssplay.co.uk/ 다양한 CSS 예제들.
    • CSS Test and Experiments – http://www.brunildo.org/test/ 다수의 CSS 실험 예제.
    • CSS Zen Garden – http://www.csszengarden.com/ 하나의 Markup 에 다양한 CSS 파일을 적용한 예제.
    • Em Calculator – http://riddle.pl/emcalc/ px값을 em값 으로 환산해 줌.
    • Instant CSS – http://instacss.com/ CSS 속성별 예제 코드와 샘플.
    • Layout Gala – http://blog.html.it/layoutgala/ CSS 박스모델에 대한 예제.
    • MSDN CSS Reference – http://msdn.microsoft.com/en-us/library/ms531209.aspx MS IE 전용 CSS Properties 참조.
    • Nifty Corners – http://www.html.it/articoli/niftycube/nifty1.html Javascript와 CSS를 이용한 라운딩 표현.
    • OUIF – http://naradesign.net/ouif/ Open User Interface Framework
    • position:fixed 구현하기 – http://divinentd.com/experiments/emulating-position-fixed.html
    • Reed Design – http://www.reeddesign.co.uk/test/points-pixels.html pt-px-em-% 단위 비교표.
    • The Noodle Incident – http://www.thenoodleincident.com/ CSS 박스모델에 대한 예제 수록.
    • 53CSS – http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/ Techniques You Couldn’t Live Without.
    • 9 Most Common IE Bugs and How to Fix Them – http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/

    CSS Standards

    • W3C CSS – http://www.w3.org/Style/CSS/
    • W3C CSS Current Work – http://www.w3.org/Style/CSS/current-work
    • 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 Recommendation – http://www.w3.org/TR/CSS21/propidx.html
    • W3C CSS2.1 Recommendation 추가된 속성들 – http://www.w3.org/TR/CSS21/changes.html#new

    CSS Vendor Extensions

    • Firefox CSS Extensions – https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions
    • IE CSS Extentions – http://msdn.microsoft.com/en-us/library/ms531207(VS.85).aspx
    • IE8 CSS Extensions – http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
    • Safari CSS Extensions – http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html
    • Opera Web specification support – http://www.opera.com/docs/specs/

    CSS3

    • 30 usefil CSS3 generators – http://www.land-of-web.com/resources/30-useful-css3-generators.html
    • 47 Amazing CSS3 Animation Demos – http://webdesignerwall.com/trends/47-amazing-css3-animation-demos
    • CSS3 Click Chart – http://css3clickchart.com/
    • CSS3 Current Work – http://www.w3.org/Style/CSS/current-work
    • CSS3 Generator – http://css3generator.com/
    • CSS3 Generator – http://www.css3.me/
    • CSS3 ivizr – http://selectivizr.com/
    • CSS3 Maker – http://www.css3maker.com/
    • CSS3 Playground – http://css3.mikeplate.com/
    • CSS3 Please – http://css3please.com/
    • CSS3 Pie – http://css3pie.com/
    • CSS3 structural pseudo-class selector tester – http://leaverou.me/demos/nth.html
    • HTML5 & CSS3 Checkist – http://www.findmebyip.com/litmus/
    • Introduction to CSS3 – http://www.w3.org/TR/css3-roadmap/ Working Draft Road Map
    • Optimize browser rendering – http://code.google.com/intl/ko-KR/speed/page-speed/docs/rendering.html
    • Sencha Animator – http://www.sencha.com/products/animator/download/
    • Working Draft CSS3 소개 – http://www.css3.info/
    • Working Draft CSS3 Properties Test – http://westciv.com/iphonetests/

    Flash

    • 플래시 사용 설명서 > 액세스 가능한 내용 만들기 – http://livedocs.adobe.com/flash/8_kr/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00000877.html
    • 플래시에 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
    • 플래시 클럽 – http://flashclub.co.kr/
    • Niqui Merret – http://niquimerret.com/ Flash & Accessibility Expert.

    Fonts

    • 구글 웹 폰트 – http://www.google.com/webfonts 구글이 제공하는 웹 폰트
    • 우리글닷컴 – http://www.woorigle.com/W_font/list_02.php 가독성 좋은 우리나라의 이쁜 클리어타입(ClearType) 폰트 아직은 유료지만 잠재성을 가진 폰트. (아쉽게도 익스플로러에서만 폰트 확인 가능.)
    • 네이버 나눔고딕 – http://hangeul.naver.com/index.nhn?goto=fonts#fonts 2008년 한글날을 기념하여 네이버에서 출시한 무료폰트 ‘나눔고딕’
    • Common fonts to all versions of Windows & Mac equivalents – http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

    HTML/XHTML

    • Authoring Techniques for XHTML & HTML Internationalization: Characters and Encodings 1.0 – http://www.w3.org/TR/i18n-html-tech-char/
    • DTD 어떻게 읽는지 아세요? – http://www.pageoff.net/794
    • How to read the HTML DTD – http://www.w3.org/TR/html401/intro/sgmltut.html#h-3.3
    • HTML Code Tutorial – http://www.htmlcodetutorial.com/
    • HTML Element – http://en.wikipedia.org/wiki/HTML_element
    • 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 의 표준스펙에 대한 학습 자료.
    • W3C QA Recommended list of DTDs you can use in your Web document – http://www.w3.org/QA/2002/04/valid-dtd-list.html
    • XHTML Character Entity Referenece – http://www.digitalmediaminute.com/reference/entity/index.php XHTML 특수문자 본체 참조.

    HTML5

    • A Preview of HTML 5(A List Apart) – http://www.alistapart.com/articles/previewofhtml5
    • HTML Working Group – http://www.w3.org/html/wg/ HTML5의 향후 계획을 볼 수 있다
    • HTML4와 HTML5의 차이점 – http://www.creation.net/work/html5/html4-differences/Overview_ko.html
    • HTML5에 대한 모든 것 – http://channy.creation.net/blog/776
    • HTML5(Working Draft) – http://www.w3.org/TR/html5/
    • HTML5(Author Edition) – http://dev.w3.org/html5/spec-author-view/Overview.html (마크업 예제가 풍부하여 HTML 마크업 개발자에게 추천)
    • HTML5(Working Draft) – http://www.whatwg.org/specs/web-apps/current-work/
    • HTML5 명세 – http://www.clearboth.org/html5/spec.html (클리어보스 번역 한글문서)
    • HTML5 Cross browser Polyfills – http://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
    • HTML5 Doctor – http://html5doctor.com/
    • HTML5 enabling script – http://remysharp.com/2009/01/07/html5-enabling-script/
    • HTML5 Forms – http://wufoo.com/html5/
    • HTML5 Gallery – http://html5gallery.com/
    • HTML5 Markup – http://dev.w3.org/html5/markup/
    • HTML5 Please – http://html5please.us/ (fallbacks, polyfills)
    • HTML5 Reference – http://dev.w3.org/html5/html-author/
    • HTML5 Tag Reference – http://www.w3schools.com/html5/html5_reference.asp
    • HTML5 Test – http://html5test.com/
    • HTML5 & CSS3 Checkist – http://www.findmebyip.com/litmus/
    • Video for Everybody – http://camendesign.com/code/video_for_everybody
    • When can I use… – http://a.deveria.com/caniuse/
    • 위키피디아 HTML5 – http://en.wikipedia.org/wiki/HTML5
    • 웹 브라우저 엔진 기준 HTML5 지원현황 – http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)

    Javascript

    • 자바스크립트를 이용하여 IE5~6을 IE7~8처럼 만들기 – http://code.google.com/p/ie7-js/ 또 다른 렌더링 버그 유발로 권장 안함.
    • BluShoes – http://www.blueshoes.org/en/javascript Javascript 예제.
    • DOM Script 예제 – http://www.acornpub.co.kr/sample/dom/index.html 겸손한 자바스크립트 예제들. 에이콘 출판사.
    • 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/
    • 8 Regular Expressions You Should Know – http://net.tutsplus.com/tutorials/other/8-regular-expressions-you-should-know/ 웹 개발에 자주 사용되는 8가지 정규식 표현.

    jQuery

    • jQuery – http://jquery.com/
    • jQuery Mobile – http://jquerymobile.com/
    • jQuery CookBook Example – http://jquery-cookbook.com/examples/
    • jQuery Menus – http://apycom.com/
    • jQuery TOOLs – http://flowplayer.org/tools/demos/

    User Interface 개발

    • Daum Front End 개발 가이드 – http://ui.daum.net/
    • Even Faster Web Sites – http://stevesouders.com/efws/links.php?ex 보다 빠른 웹 사이트를 위한 실험들
    • 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 개발 지침.
    • Yahoo Develoeper Network(yui) – http://developer.yahoo.com/yui/