후니와 함께 만드는 CSS Reference

CSS 디자인 1 - 탈 그리드 디자인

나는 CSS 디자인이라는 용어를 자주 사용하곤 한다. 웹 디자인의 한 부류로써 표현하곤 하는데, 개념을 명확히 표현하는데 꽤 오랫동안 어려움을 겪어왔다. 생각을 정리해서 표현하지 못했던 아쉬움을 이제서야 털 수 있을 것 같다. 자 그럼 CSS 디자인의 하나하나를 파헤쳐 보자. CSS 디자인을 협의(狹義)로 볼 때, 테이블 디자인과 반대되는 개념으로 이해할 수 있다. 웹 디자인 역사를 만들어 왔다고 할 [...]

Web Deveoper 1.1 업데이트

웹 개발자와 디자이너를 위한 최고의 도구(tool) 중 하나인 파이어폭스 확장기능 Web Deveoper가 1.1 버전으로 업데이트됐습니다. 돋보기 기능 등 추가된 기능은 제작자 웹 사이트에서 확인할 수 있습니다. CSS와 HTML 수정하기 기능은 정말 멋지군요. 아직 세세한 테스트를 거치지 않은 듯, 몇몇 기능을 테스트하다보니 툴바에서 버그가 발견되고 있네요.

사용자 환경이 화면 출력에 미치는 영향

웹에 접속하는 사용자의 데스크탑, 브라우저, 폰트, 기타 시스템 설정이 웹 사이트를 출력해주는 차이를 직접 비교해보셨나요? 윈도우 XP SP 2, Firefox 2.0, 맑은고딕 설치, clear type 적용시 KWAG 화면 : 다양한 사용자 환경에서 KWAG 사이트의 스크린샷을 비교하는 페이지를 만들었습니다. 직접 스크린샷을 올리면서 비교해보면, 국내 웹 사이트에 한글 텍스트 형식의 타이포를 잘 사용할 수 있는 방법을 발견할 수 [...]

한국 웹 접근성 그룹 KWAG 사이트 오픈

한국 웹 접근성 그룹(Korea Web Accessbiluty Group : KWAG) 사이트가 오픈했습니다. KWAG이 회원들의 자발적인 참여와 상호추천제로 이뤄진만큼, 사이트 자체가 위키를 기반으로 만들었습니다. 또한 회원 상호 간의 커뮤니케이션은 구글 그룹을 이용합니다. KWAG의 웹 사이트 오픈이 국내 웹 접근성을 보장하기 위한 다양한 활동의 초석이 되길 바랍니다.

웹 브라우저 업그레이드 캠페인 2

“창밖을 보라 창밖을 보라 창밖을 보라 흰눈이 내린다 창밖을 보라 창밖을 보라 찬 겨울이 왔다 썰매를 타는 어린애들은 해가는 줄도 모르고 눈길 위에다 썰매를 깔고 신나게 달린다 긴긴해가 다가고 어둠이 오면 오색빛이 찬란한 거리거리의 성탄빛” 조선시대처럼 유리창이 없었을 땐, 한 겨울에 내리는 눈을 보기 위해선 마당으로 나가야만 했죠. 하지만 지금은 유리창이 있기에 따뜻한 집 안에서도 창밖으로 [...]

핸드폰으로 웹 서핑을 제대로 하고 싶음.

ZDNet Korea에 삼성전자「울트라에디션 HSDPA」유럽 출시라는 제목으로 등록된 기사를 보니, 울트라에디션 HSDPA의 부가기능이 시선을 사로잡네요. 이 제품은 그 밖에 기존 3백만 화소 카메라와 화상 통화 전용 VGA급 카메라를 추가로 장착했으며, 일반 PC화면처럼 인터넷 화면을 그대로 휴대폰 화면에 구현한 HTML 브라우징, 사용자가 위치한 나라와 수신 감도에 따라 바탕화면이 자동으로 변환되는 ‘uGo’ 기능, 300만 화소 카메라, 캠코더, 블루투스, MP3 [...]

브라우저 업그레이드 캠페인 1

좋은 썬그라스는 자외선으로부터 눈을 보호하고 강렬한 태양빛으로부터 사물을 보다 쉽게 분간할 수 있도록 도와줍니다. 하지만 오래돼고 기스가 많은 썬그라스는 오히려 시력을 저하시킵니다. h2. 당신은 어떤 브라우저를 통해서 웹사이트를 보나요? 혹시 2002년에 출시되어 악성코드가 자동설치되는 보안의 문제가 많은 인터넷 익스플러 6(Internet Exploer 6)을 사용하고 있나요? 2002년에 출시된 256컬러, 16화음 벨소리의 핸드폰를 아직도 사용하진 않겠죠? MP3 기능과 카메라 기능은 기본이고, [...]

color cop : 최고의 색상 선택(추출) 프로그램

웹 디자인을 하다보면, 색상 선택기를 자주 사용하게 된다. 특히 CSS를 전경/배경색상까지 분리시켜 별도의 파일로 만들때에 자주 사용하게 된다. 많은 웹 디자이너들이 다양한 프로그램을 사용(심지어 어떤 디자이너는 포토샵을 사용)하고 있는데, 나는 웹용 색상 선택기로 color cop를 최고의 툴로 추천한다. 기본적으로 확대 기능이 제공될 뿐 아니라, 다양한 확대 기능을 사용할 수 있으며, 웹 안전색으로 변환 등 다양한 기능을 [...]

파이어폭스 죽다.

오늘 오전에 노트북에서 웹 서핑 중에 파이어폭스 2.0.0.1로 자동 엡데이트를 했다. 업데이트가 완료된 후, 파이어 폭스가 죽었다. 몇번을 지웠다가 다시 깔아봤는데, 모두 허탕이다. 그렇게 오늘 하루를 날렸다. 노트북에 설치된 윈도우 비스타와 충돌이 있는듯 하다. 비스타를 사용자가 적어서 그런지, 비스타에서 파이어폭스를 사용하는 사람은 더더욱 적어서 그런지 모르겠지만, 국내에서 관련 글을 찾아보기 힘들다. 구글신에게 도움을 요청해도 관련 내용을 [...]

웹 페이지 확대 보기와 마이티 마우스의 재발견

최근 Internnet Explorer 7(IE7) 정식 버전이 출시되면서, 탭 브라우징, RSS 구독, 사용자 지정 검색창 등 다양한 기능들을 MS IE를 주로 사용하고 있는 국내 웹 사용자들도 활용할 수 있게 됐다. 그 중에서 나는 기존 파이어폭스에서 제공하고 있지 않던 기능인 IE7의 화면 확대 기능이 무척 맘에 든다. 기존의 웹 페이지 확대 기능은 “%”나 “em”과 같은 상대적인 단위에 [...]

 
Be Friend~! 웹 접근성 향상 캠페인