Clearboth

HTML 5 Visual Cheat Sheet by Woork - 예쁘게 만들어 놓은 HTML5 치트시트. HTML5에서 새로 추가된 요소와 지원되지 않는 요소등을 색상으로 구분해서 보기가 편합니다.
20 Email Design Best Practices and Resources for Beginners - 이메일을 위한 웹페이지 제작 방법

CSS

35 Ultimate Useful CSS Cheats to Streamline Web Development - 각종 CSS 치트시트, 마법사 도구들.
Tabbed CSS only website template
25 Rounded Corners Techniques with CSS - CSS로 라운드 박스 만드는 방법 25가지.

Mobile

iUI 0.13 - An Overview - 아이폰/아이팟터치 UI를 적용할 수 있는 프레임워크 가이드.

Email

20 Email Design Best Practices and Resources for Beginners

마법사 도구들

HTML and CSS Table Border Style Wizard - 테이블 마법사
CSS List Style Wizard - CSS 목록 마법사
CSS Font and Text Style Wizard - 글꼴 마법사

JavaScript

Meerkat - jQuery를 이용한 하단고정 레이아웃
15 Must-Have Bookmarklets For Web Designers And Developers - 웹개발자와 웹디자이너를 위한 북마크릿 15개

UX/UI

Interface Design Inspiration | 30 Impressive Ways to Design Sign-Up Page/Form - 30개의 사용자 서식 요소 디자인을 소개하고 있음.

웹 개발 리소스

Tools of the Trade: Web Development Frameworks that the Pros Use - 웹개발자들에게 필요한 프레임워크들. Server Side Frameworks, Javascript Frameworks, CSS Frameworks 등 소개.
Now I understand what they mean by tabular data (or: building a relational database using jQuery and <TABLE> tags) - jQuery와 테이블로 RDB 만들기
Simple UI Kit for complex web apps

웹 기반 에디터들

다음 오픈에디터 _WYSIWYG
xinha _WYSIWYG
CKEditor, FCKEditor _WYSIWYG
YUI 2: Rich Text Editor _WYSIWYG
NicEdit _WYSIWYG
tinymce _WYSIWYG
Markitup _Markdown

보조기기(스크린리더 등)

http://hyeonseok.com/temp/screenreaderdisplaynone.html - 스크린 리더 display 속성 인식 테스트

Bookmarklet

FontFriend - 웹 페이지 내의 글꼴을 실시간으로 변경해 볼 수 있는 도구.
PAJET - 홍윤표, 신현석님이 공동 제작한 웹사이트 분석 도구. 타이틀, 대체 텍스트, 프레임, 테이블, 스크립트 정보 등 제공.
Firebug Lite - Firebug의 IE, Safari, Opera 지원 버전. Firefox 버전에 사용성이 떨어짐.
Print Liminator - 웹 페이지의 불필요한 정보를 제거한 후 인쇄할 수 있음.
XRay - HTML 문서의 박스 모델 정보를 파악할 수 있음. Firebug의 인스펙터 기능처럼 사용 가능.
http://www.westciv.com/mri/ MRI - HTML 문서의 계층 정보를 파악할 수 있음. Firebug의 인스펙터 기능처럼 사용 가능.
Design - 그리드와 격자를 제공. Firefox 확장기능인 Web Developer Toolbar에 가이드 라인과 눈금자 표시와 비슷함.
Favelet Suite - 사용된 색상 정보, HTML 헤더 정보, 자바스크립트 오브젝트 정보 등 여러가지 정보를 출력해주는 도구. 2004년이 마지막 업데이트.

유효성 검증 도구(서비스)들

Markup Validation Service _한국어
CSS Validation Service _한국어

블로그

신현석 (신현석님)
나라디자인 (정찬명님)
일모리와 웹표준 (일모리님)
Hooney (후니님)
장군블로그 (성민장군님)
루트박스 놀이터 (루트박스님)
Wystan's tales (윈스턴님)
부침개블로그 (윤좌진님)
겨미♡웹 (겨미겨미님)
웹 뒤에 숨은 web (봄눈님)
Are you ready? (비티님)
_style (디스타일님)
::hoi~♡:: (호이님)
deutism (듀트님)
백남중
번역웹진
삐돌이의 웹 접근성 & IT Transformation
녹차 프린스
미남이의 이러쿵저러쿵
신승식의 다른 생각
SIRINI's Blog
웹 뒤에 숨은 WEB (봄눈님)

오픈캐스트

2009년 12월 현재 아래 대부분의 오픈캐스트가 운영되고 있지 않음.

어떤 직함이 좋은가?

추지호 — Tue, 02 Mar 2010 00:18:11 +0900

어떤 직함이 좋은가?

HTML과 CSS를 주로 다루면서 웹 사이트의 사용자 화면을 설계하는 사람들을 주로 웹 퍼블리셔라고 합니다. 과거에는 HTML 코더나 하드 코더, 핸드 코더라고도 불렸구요. 포털이나 게임사같은 경우에는 UI개발자라고도 합니다. 혹은 마크업 개발자나 HTML 개발자라고 부르는 사람들도 있습니다. ASP, JSP와 같은 서버측 언어를 다루는 전통적인 웹 개발자를 서버 사이드 개발자라고 하여 반대로 클라이언트 사이드 개발자 또는 프론트 앤드 개발자(백 앤드 개발자의 반대어)라고도 합니다.

디자이너냐 개발자냐라는 고리타분한 논쟁에서부터 코더냐 웹퍼블리셔냐라는 최근의 고민까지 우리는 우리들 스스로의 정체성을 확립하기까지 너무 많은 에너지를 쏟고 있습니다. 하지만 불려지는 이름이 다양할 뿐 사실은 모두 공통된 업무를 하고 있는 것이지요. 회사와 정책에 따라 직무 범위가 조금씩 다를 뿐인 것입니다. 그럼에도 사람 마음이란 것이 참 가벼워서 어느 것 하나로 결정되기를 바라나 봅니다.

2010년 첫번째 설문 주제로 'HTML, CSS, JS등을 주로 다루면서 사용자 화면을 설계하는 당신은 어떤 직함이 가장 좋습니까?' 라는 질문을 던져 보겠습니다.

jobtitle

HTML, CSS, JS등을 주로 다루면서 사용자 화면을 설계하는 당신은 어떤 직함이 가장 좋습니까?

아울러 직함과 관련하여 여러분의 다양한 의견도 부탁드립니다. 어떤 이름은 좋다. 나쁘다라는 의견도 좋고, 그 의미나 해석도 좋습니다. 설문의 목적이 1위 직함으로 몰아가자!는 결코 아니지만 불려지는 이름이 곧 우리가 하고 있는 일을 대변하고 있다고 생각합니다. 직함만 보고도 아 그런 일을 하는 사람이구나. 훌륭한 일을 하고 계십니다라는 이야기를 듣고 싶은게 욕심은 아닐테니까요. 많은 의견 남겨 주시면 감사하겠습니다.

다른 설문조사

설문조사, 웹퍼블리셔, 웹디자이너, 웹개발자, HTML코더, UI개발자, 마크업개발자, HTML개발자, 클라이언트 사이드 개발자, 프론트 앤드 개발자