작년에 David Hyatt 이 Shawun Inman 의 글에서 이러한 댓글을 달았었다. The sad truth about CSS3 selectors is that they really shouldn’t be used at all if you care about page performance. Decorating your markup with classes and ids and matching purely on those while [...]

따끈따끈한 브라우저 업데이트가 릴리스 되었습니다. 많은 분들이 기다리셨던 Firefox 3.5! 많은 기능중에서도 저는 일모리네가 언제나 그렇듯이 쌩뚱맞는 @font-face를 살펴보고 싶은데요 일단 @font-face 이야기 전에 간단히 아웃라인만 살펴보겠습니다. HTML5의 video 태그와 audio태그를 지원한다는것 (기타 문서적인 틀을잡는 태그들은 이미 지원중이었슴) 더욱 빨라진 js엔진 Location Aware Browsing 탑재 [...]

사파리4 브라우저에는 사파리 개발자들이 브라우저의 역량을 마음껏 뽐내는 흥미로운 부분을 담고 있습니다. 짧게나마 나누면서 파워풀한 html5+css3+js를 만나보겠습니다. 사파리 브라우저를 설치하시면 오프닝 영상이 나오게 됩니다. 이 영상은 처음에 단순한 맥OSX 설치후에 시작되는 프로그램 자체적인 영상으로 생각했지만 그것이 아니라 여러 이미지들과 작은 MOV 파일을 가지고 HTML, CSS3, [...]

오늘 많은 분들이 한국에서 밤을 새시면서 이번 2009 WWDC를 지켜보셨으리라 생각됩니다. 어느때 보다도 신빙성이 있게 다가왔던 아이폰 출시의 소문들이 많았기에 이번 컨퍼런스는 커다란 실망으로 다가왔으리라 생각되네요. 이번 컨퍼런스는 강하게 시작되었습니다. 새로운 맥북 라인을 발표하며 유니바디 디자인 맥북이 맥북프로로 들어가면서 새로운 맥북 프로라인이 형성되었습니다. $1200 대의 [...]

어제 만우절날 CSS3-IE 에 놀라신 분들게 죄송한 마음으로 이번에는 제대로된 포스팅을 올립니다. ^^ 최근 사파리 3.1 이 출시된 소식은 이미 접하셨으리라 생각 됩니다. 그다지 큰 관심은 갖지 않았는데 3.1에서 구현 가능해진 이 CSS Animation 부분은 짚고 넘어가도 괜찮겠다는 생각이 들었습니다. 특히 CSS3 에서 구현되면 정말 [...]

최근 IE9의 루머가 빠르게 퍼지고 있는 가운데 IE 팀이 블로그를 통한 IE9의 입장과 CSS3 에 대한 계획을 밝혔습니다. 이것저것 살펴보니 IE8과 그다지 다를 것은 없지만 CSS3 부분에 있어서는 상당한 논란을 불러올듯 하네요. 아시다시피 CSS3의 계획이 계속 지연되면서 몇몇 브라우저들 사이에서 multi background image나 text shadow [...]

최근 마이크로소프트쪽에서 제안한 버전 지정 Version Targeting 때문에 표준 커뮤니티가 후끈 거리고 있습니다. 하지만 IE 이기 때문에 라는 색안경이 큰 역할을 하고 있는듯 한데요. 이 움직임의 시발점이된 Aaron Gustafson 의 “Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8” 이라는 글입니다. A List Apart에 소개되었죠. 이제 [...]

프린트 스타일을 지정하는건 그리 어렵지 않습니다 (너무 쉽다고 생각했는지 이야기 한적이 없군요 ㅠㅠ). 아시다시피 타겟으로 media=”print” 를 지정해 주면 어렵지 않게 인쇄 시에 출력될 프레젠테이션에 스타일을 바꿀수 있습니다. print.css 경로를 제대로 잡아주시는것 아주 중요합니다. <link rel="stylesheet" type="text/css" href="print.css" media="print" /> <!– 혹은 –> <style type="text/css" [...]

7월 19일, CSS 2.1이 Candidate Recommendation 으로 승급 되었습니다. But, 별 느낌 없습니다. W3C 무기력증에 걸린 일모립니다. 비실비실… 2.1로 찔러도 느낌이 없습니다. 하.하.하. 권고안 (Recommendation)이 되기까지 Proposed Recommendation 이 남아있습니다. W3C is pleased to announce the advancement of “Cascading Style Sheets (CSS) 2.1″ to Candidate [...]

POSH. Plain Old Semantic HTML. 저도 POSH 를 추구합니다. I LOVE POSH.

CSS off 콘테스트는 웹사이트에서 당일날 .psd 포토샵파일을 받아 24시간안에 웹표준을 준수하여 마크업 의미를 최대한 살린 1등 html/css 제작자에게 적은 액수지만 $30(기부할경우 $50) 를 상금으로 주는 행사입니다. 앞으로 계획은 한달에 한번 이라고 하네요. html, css (js 가능) 그리고 이미지 파일과 그외(설명파일?)를 zip으로 압축하여 24시간이 지나기 전에 [...]

CSS 마스터 전략(CSS Mastery)의 저자 Andy Budd 의 블로그에 올라온 CSS2.2 라는 글이 여러 디자이너들과 ‘퍼블리셔’ 들 사이에 불을 지피고 있군요. Andy Budd는 CSS 의 빠른 성장을 소개하며 CSS3 또한 그러하리라 생각되었었다고 소개 하며 왜 지체되었는가의 글을 시작합니다. First proposed by Hakon Lie in Oct [...]

max-width 와 min-width는 놀랍게도 인터넷익스플로러에서 먹히지 않는다. 이 때문일까? 이제 1024 이상의 해상도를 가진 유저들이 상당히 많아 졌는데도 너비의 유연성을 가진 국내 사이트를 거의 찾아볼수 없다. 이제 ‘흔해진’ 블로그 디자인에서도 찾아보기 힘들다. IE가 지원하지 않는것이 주 요인일까 아니면 테이블을 사용한 틀에 잡힌 디자인이 손에 익은것이 [...]

최근 배포한 워드프레스의 테마를 태터 스킨으로 변환하면서 여러 태터 스킨들을 살펴보게 되었다. 치환자와 여러 스타일시트 요소들을 둘러보기 위함이었는데 여기서 상당히 흥미로운 코딩패턴을 볼수 있었다. 꽤 많은 숫자의 스타일시트가 선택자 경로를 지정할 시에 절대경로를 즐겨 쓰고 있었다. 예를들어 #school 이라는 div 안의 #desk 가 있다면 #school [...]

IE 익스플로러에서 해더의 폰트 사이즈를 너무 크게하면 글자의 위 아래가 잘려 보이는 경우가 있다. line-height이 폰트 사이즈보다 작게 지정되어 있는 경우다. line-height: 을 사용하여 잡아주면 문제없다. px보다는 단순 자연수를 사용하자. 나중에 폰트 크기를 조절할때 line-height은 신경쓰지 않아도 된다. font-size: 40px; line-height:1; line-height 은 40px이다. 폰트단위를 [...]

앞으로 시간이 남는데로 CSS3 를 정리하고 소개해야겠습니다 물론 xhtml2 vs html5 이야기도 나누고 말이죠. 가끔은 다른데에 눈이가서 ^^ CSS3 이야기를 잠깐 하자면 아직도 권고안 마련에 한창입니다. 속도가 느린만큼 한창이라는 말이 어울릴지 모르지만 여러 모듈이 꾸준히 각각의 페이스에 맞춰서 개발중에 있습니다. 아직까지는 확정된 recommendation 이 나오지 [...]