-
[비공개] Mobile first strategy for CSS designer.
마지막으로 블로그에 글을 포스팅 했던 날짜가 작년 여름이네요. 오늘 주제는 CSS 디자이너를 위한 모바일 퍼스트 전략 인데요. 작년에 썼던 'HTML5 & Responsive Web Design' 포스팅과 관련이 있습니다. 모바일 퍼스트 전략이라는 것은 IT 기업들 입에 자주 오르내리는 단어 인데요. 이 개념은 CSS 개발에도 적.. -
[비공개] jQuery 입문: form 데이터 유효성 검사.
사용자가 form 안에서 올바른 값을 입력했는지 여부(데이터 유효성)는 기본적으로 서버측 스크립트로 확인해야 합니다. 사용자가 입력한 form을 서버로 전송하면 서버측 스크립트는 사용자 값을 받아서 맞는지 틀린지 확인하고 틀린 경우 다시 입력 페이지를 내놓습니다. 이 과정의 문제는 서버측 스크.. -
[비공개] jQuery 입문: 네비게이션 만들기.
오늘은 jQuery를 이용해서 네비게이션(div>ul>li>ul>li) 만들기를 해볼까 합니다. 수직 형태의 네비게이션과 수평 형태의 네비게이션 동작이 약간 달라서 예제를 두 개 준비 했습니다. 예제의 마크업은 같지만 수직, 수평 네비게이션을 구분하기 위해 클래스 이름을 다르게 지정하고 각각 다른 동작.. -
[비공개] jQuery 입문: 콘텐츠 로테이션 기능 만들기.
저는 지난 포스팅에서 자바스크립트에 익숙하지 않다면서 ‘객체, 함수, 변수, 할당’이라는 용어를 사용했습니다. 솔직히 말해 저 용어들의 정확한 정의를 아직 모릅니다. ’나중에 언젠가는 이해하게 되겠지’라는 막연한 기대를 하고 있을 뿐이예요. 기초부터 튼튼히 배우고 싶은 분들은 책을 찾아.. -
[비공개] jQuery 입문: 레이어 토글 기능 만들기.
아직 자바스크립트에 익숙하지 않지만 jQuery 이야기를 해 보려고 합니다. 제가 jQuery를 잘 다루게 된다면 이미 잘 알고 있는 것에 흥미를 잃어버리는 습성 때문에 jQuery 글쓰기를 시도하지 않을것 같아요. 그래서 초심자인 지금이 가장 좋은 타이밍이라고 생각합니다. jQuery를 잘 다루려면 초급 수준의 HTML.. -
[비공개] 글쓰기 기술.
몇일전 블로터포럼에 ‘우린 왜 스타 개발자가 없나‘라는 주제의 글이 올라왔습니다. 그리고 트위터에는 스타 개발자는 어떤 모습인지 의견을 묻는 윤석찬님 트윗도 있었습니다. 저는 딱히 의견을 내지 않았지만 이런 생각을 하고 있습니다. 보통 스타 개발자라고 하면 해당 분야에서 유명하고 그 증.. -
[비공개] HTML5 & Responsive Web Design(반응형 웹 디자인).
최근 블로그를 HTML5와 반응형 웹 디자인으로 리팩토링 했습니다. 제목은 거창한데 사실 별것 없습니다. 바꾸는데 하루도 걸리지 않았고 무엇을 바꾸었는지 소스 코드를 한 줄씩 설명해 보겠습니다. HTML5 HTML5로 변경하는데는 약 2~3시간 정도 밖에 걸리지 않았습니다. 하지만 고민했던 시간은 꽤 길었습.. -
[비공개] 국내외 유명 웹 에디터 ‘p, br’ 구현방식 벤치마킹.
웹에서 마치 워드프로세서를 사용하는 것과 같은 편리함을 주는 글쓰기 도구를 우리는 통상 웹 기반의 위지윅 에디터라고 부릅니다. 오픈소스 XE 개발에 참여하며 오래전부터 심심치 않게 논쟁꺼리가 되어왔던 p, br, p margin 처리 방식을 고민하며 유명한 국내외 웹 에디터가 어떻게 구현되어 있는지 살.. -
[비공개] 신봉동 주민자치센터 보세요.
최근에 용인시 수지구 신봉동으로 이사를 왔습니다. 그리고 오늘 우연히 이곳 주민자치센터에서 초등학생을 대상으로 역사문화 탐방을 보내주겠다는 반가운 공지를 봤습니다. 우리 아들이 아직 초등학생은 아니지만 머지 않았습니다. ‘정말 좋은 동네로 이사를 왔구나’ 싶어서 기뻤습니다. 그렇게 .. -
[비공개] 웹 접근성 품질마크 18개 지표 및 관련 지침들.
웹 접근성 품질마크란 장애인 및 고령자가 웹을 이용하는데 불편함이 없도록 웹 접근성 국가 표준을 준수한 사이트에 대하여 수준을 인정하고 이를 상징하는 품질 마크를 부여하는 제도 입니다. 웹 사이트를 운영하는 정부 및 공공기관과 민간기관이 신청할 수 있으며 최근에는 웹 사이트 구축을 의뢰.. -
[비공개] IE6부터 IE9까지 대응하기.
어제 시간 IE9 베타 런칭 행사에 ‘IE6부터 IE9까지 대응하기’ 라는 주제로 발표를 다녀왔습니다. 경쟁사 브라우저들과 비교해도 손색이 없을만큼 높은 표준 준수율로 무장한 IE9 베타를 런칭하는 자리에서 낡은 브라우저 대응 방법을 소개하는 발표를 포함시켰다는 것은 어찌보면 참 아이러니한 일입니.. -
[비공개] HTML5 오픈 컨퍼런스: CSS3 소개 발표자료 공유.
지난 7월 2일 HTML5 오픈 컨퍼런스가 열렸습니다. 윤석찬님의 제안으로 약 1개월 전부터 기획이 되었고 한국 웹 표준 프로젝트 멤버및 국내외 웹 표준 커뮤니티(CSS디자인코리아, 클리어보스, 한국정보화진흥원, 모질라)의 자원 봉사 또는 후원으로준비했습니다. 한국 웹 표준 프로젝트라는 그룹은 생소하.. -
[비공개] 42 CSS3 Selectors(+Meaning) & Browser Suppo..
CSS level 1~3까지의 모든 선택자와 그에 대한 해설 그리고 대중적인 브라우저들의 지원 여부를 정리하였습니다. CSS 선택자 문법을 익히면 jQuery를 익히는 것에도 무척 도움이 됩니다. jQuery가 HTML 요소를 선택하는 문법이 CSS가 HTML을 선택하는 문법과 거의 동일하니까요. jQuery를 사용하려면 스크립트가 DOM .. -
[비공개] 웹 표준 경진대회 ‘기출+예상’ 문제 풀어보세요.
몇일 전 있었던 제4회 웹 표준의 날에는 골든벨 형식의 웹 표준 경진대회도 함께 진행 되었는데요. 웹 표준의 날에 참석하지 못하셨던 분들께도 기회를 드리고자 이렇게 블로그에 옮기게 되었습니다. 재미로 풀어보시고 채점도 한번 해보세요. 참고로 이 블로그에는 경진대회 때 후보 문제로 분류되어 .. -
[비공개] 제4회 웹 표준의 날 + 9 Useful CSS3 Properties.
지난주 토요일 제4회 웹 표준의 날 행사가 있었습니다. 저는 이 행사를 2006년 첫 회 때부터 빠짐없이 참석했고 후기도 꼬박꼬박 작성해 왔었답니다. 제1회(2006년 9월) -제1회 Css Design Korea 참가 후기. 제2회(2006년 12월) -2nd Web Standards Day, 웹 표준 개발자들의 잔치. 제3회(2009년 2월) -웹 표준을 넘어서… ..
이전
맨위로


