전체 글 496

웹퍼블리셔에게 가장 중요한 것은 무엇일까?

그동안 본 블로그를 통해서 어떤 사람들이 웹퍼블리셔가 되는지, 웹퍼블리셔들은 어떤 일을 해야 하는지, 문서화의 중요성, 웹퍼블리셔들에게웹퍼블리셔들에게 필요한 가이드라인과 커뮤니티 사이트 소개, 어떻게 표준화를 지켜갈 것인지, UI개발자와 웹퍼블리셔라는 명명의 문제, 개발 프로세스(웹 개발 프로세스) 등 적지 않은 이야기들을 나름대로 풀어 놓았던 것 같다. 하지만 아직도 뭔가 부족한 것이 있다는 생각을 갖고 있었는데 며칠전 가까운 지인들을 만난 자리에서 한 친구가 중요한 사실 하나를 깨닫게 해주는 이야기를 들려 주었다. 협업은 함께 완성해 나가는 작업이다어떤 분야든 사람은 혼자서 모든 일을 온전히 다다 해내기란 쉽지 않다. 특히나 우리가 업으로 삼고 있는 IT. 그 중에서도중에서도 웹과 관련된 직종은 기술..

Web story/Front End 2009.01.08

Alen Grakalic의 Class 이름 10가지

Alen Grakalic이 자신이 가장 많이 사용하는 Class 이름 10개(My Top 10 Most Used CSS Class Names)를 소개하고 있습니다. Class 이름은 요소(Element)가 어떻게 보이든지 어느 자리에 위치하는지보다위치하는지보다 무엇으로 표현되는지(어떤 의미로 사용되는지)가 중요하다는 것을 강조하면서 자신의 Class 이름들이 도움이도움이 되기를 바란다고 쓰고 있습니다. class="fixedfixed " 자신의 모든 스타일 스트에서 사용되고 있고, 요소요소 안에 요소가 간격이 벌어지는 버그를 해결하기 위해 사용한다고 합니다. class="alt" (대체텍스트로 오해될 수 있는데) Alen Grakalic은 특정한 방법으로 스타일된 그룹그룹 요소들 중 차이를 가지는 요소를..

Web story/CSS 2009.01.05

HTML/CSS 코드가 IE 6~7을 강제 종료시키는 버그.

특정 HTML/CSS 코드가 IE6, IE7 브라우저를 강제로 종료시키는 사례가 있습니다. 전혀 특별할 것도 없는 일반적인 코드이지만 다음과 같이 특정 조건이 충족되면 IE 브라우저를 강제로 종료시켜 버립니다. HTML/CSS 코드가 브라우저를 강제로 종료시키는 버그를 지니고 있다는 것은 상상하기도 어려운 일입니다. IE6는 바로 종료되고 IE7은 첫 번째 목록을 클릭-드래그 하는 상황에서 종료 됩니다. 여러분들의 잘못이 아닙니다. IE6를 강제 종료시키는 코드 CSS a { position:relative; } a:hover { float:left; } HTML IE6 브라우저라면 강제로 종료될 것입니다. Demo http://naradesign.net/open_content/bug/crash_ie6...

Web story/Web 2009.01.02

구조적인 CSS 만들기. 정리.

CSS 를 쓰는데에 대한 절대적인 방법은 없습니다. 그리고 그것이 문제가 되는것도 아닙니다. 하지만 그래도 어떠한 일관된 방식으로나 어떠한 규칙을 정해서 쓴다면 한마디로 구조적인 CSS 를 쓸수 있다면 여러모로 플러스가 되지 않을까 생각이 듭니다. 예전에 후니님께서도 이러한 고민을 하셨듯이 내가 만들지 않은 CSS를 수정하는 것이 생각보다 쉽지 않다. 머랄까.. Xhtml는 공개된 원론적인 부분에 따라 구조화되어 가는 것에 비해서 CSS는 개발자의 개성을 많이 따르는 것 같다. -후니 꽤나 많은 스타일로, 입맛에 맞는대로, 적혀지는게 css 이겠지만 이 안에서 조금이나마 개선된 방법을 사용하면 좋겠다 싶어서 나누고자 합니다. 첫번째 전체적인 틀을 잡기 일단 커다란 그림을 보면, css 는 기본태그값설정,..

Web story/CSS 2009.01.02

border-collapse에 관한 버그

이 버그는 border-collapse에 관한 버그인듯한데요 ------- 모질라 포럼 질문 내용---------------------------------- 111 1111 IE에서는 제대로 나오는데 FF3에서는 border-collapse를 먹은 table은 상단의 2px을 잡아 먹어버립니다. 즉 위치가 -2px이 되어버리더군요 FF3은 안써서 몰랐는데 아는분의 도움요청으로 테스트를 해본결과 이러한 버그가 발생했습니다. 해결방법은 table에 display: block;를 주는걸로 해결을 하셨다고 했는데 영찜찜해서요 --------------------------------------------------------------------- 해당 스크린샷입니다. 서정민's Website출처 : http..

Web story/CSS 2008.12.24

IE6 : CSS Multi Selector Bug.

IE6 : CSS Multi ‘id/class’ Bug IE6에서 발생하는 ‘다중 선택자 버그‘ 입니다. 하나의 아이디와 여러개의 클래스를 교차 조합하여 선택자를 만드는 경우 IE6는 첫 번째 선택자의 조합(#bold.red)만을 유효하게 처리하고 나머지 선택자 조합을 무시하는 버그 입니다. CSS #bold.red { font-weight:bold; color:red; } #bold.green { font-weight:bold; color:green; } /* IE6는 이 스타일을 처리하지 않음 */ #bold.blue { font-weight:bold; color:blue; } /* IE6는 이 스타일을 처리하지 않음 */ HTML #bold.red #bold.green #bold.blue Expec..

Web story/CSS 2008.12.23

IE6 : CSS Double Margin Float Bug.

IE6에서 발생하는 ‘더블 마진 플롯 버그‘ 입니다. float된 요소에 float된 방향과 동일한 방향의 margin을 설정하는 경우 margin값이 두 배로 작용하는 버그 입니다. 이 버그는 float된 방향과 같은 방향으로 형제 엘리먼트가 존재하는 경우에는 발생하지 않습니다. CSS .a { float:left; height:100px; background:silver; padding:10px;} .b { float:left; margin-left:100px; width:100px; height:100px; background:red; } /* IE6는 왼쪽 마진을 200px으로 출력 */ HTML .b Expected Result ‘.b’ 요소의 왼쪽으로 100px의 margin이 발생한다. .b..

Web story/CSS 2008.12.23
반응형