ILMOL.COM

Back

웹 그리고 표준 이야기의 재시작

Design

일모리네에서 정기적으로 사이트를 소개하고 나누려고 합니다. 혹시나 소개하고 싶으신 사이트가 있다면 주저말고 알려주세요.

Web Standards

웹표준은 생활입니다. 그 변화의 삶으로 당신을 초대합니다.

back to menu

Thanks P Roh

노무형 대통령님 감사했습니다.

back to menu

RSS 피드

애플 WWDC와 새 사파리4 브라우저

오늘 많은 분들이 한국에서 밤을 새시면서 이번 2009 WWDC를 지켜보셨으리라 생각됩니다. 어느때 보다도 신빙성이 있게 다가왔던 아이폰 출시의 소문들이 많았기에 이번 컨퍼런스는 커다란 실망으로 다가왔으리라 생각되네요.

이번 컨퍼런스는 강하게 시작되었습니다. 새로운 맥북 라인을 발표하며 유니바디 디자인 맥북이 맥북프로로 들어가면서 새로운 맥북 프로라인이 형성되었습니다. $1200 대의 맥북프로가 생긴 것이죠. 모두 8G 까지 가능하며 500GB 하드장착이 가능합니다.

그후 새로 발표될 OS 스노우레퍼드를 발표하며 이번 키노트는 정말 굵직한 것들만 발표되는 구나라는 생각이 들었죠. 윈도우 7을 언급하며 발표를 시작한 것이 아무래도 윈7이 상당히 Mac OS X에 근접했음을 알수 있었습니다. 이제 몇주간 윈7을 써보며 상당히 안정적이고 적어도 맥OS를 써보지 않은 사람들에겐 ‘바로 이거야’ 라는 생각이 들 정도의 여파를 가지고 올수 있는 마소의 (잘 배낀) 시스탬이구나 라는 생각이 들었거든요. 스노우 레퍼드의 매력은 충분하지만 윈도우7은 아주 성공적으로 시작되는데에는 큰 영향을 주지 않을꺼 같습니다. 아무튼 스노우레퍼드는 최고의 os로 남을것으로 생각됩니다. 설치후 용량이 6GB나 리커버 해준다니…. :)

그리고 이어진 사파리 4 이야기. 사파리 4가 정식 출시되며 여러부분 메이저 업글이 있음을 시사하며 강력히 선보였습니다. Acid3 100, JS 향상. 새로운 커버플로우와 그리드 UI 는 매력덩어리로 다가왔습니다. 백문이 불여일견 곧바로 설치.

의례적으로 브라우저 설치후 몇초의 짧은 오프닝 영상이 돌아가더군요.

영상후 곧바로 그리드 형태로 Top Sites 들을 자동으로 불러들여와서 로딩됩니다.
(계속 읽기…)

0

맥, 리눅스용 구글 크롬의 진화시작

목욜밤 구글이 개발자전용 맥, 리눅스용 크롬을 공개했습니다. 완전 처음단계라 개발자 외엔 아예 다운을 하지 말라고 경고를 해놨지만 무시하고 다운하고 설치했습니다. 맥에서 불여우 사파리 오페라등을 몇일씩 켜놓고 브라우징을 하지만, 불여우가 가장 안정적이고 작업이 원활하게 돌아갑니다. 사파리는 의외로 메모리와 싸움을 좀 많이 하더군요. 해서 나름 크롬을 기대하고 있는데 개발에 심히 오래걸린다는 단점아닌 단점이…

윈도우에서도 UI가 깔끔하기로 유명하지만 맥에서도 다를바 없군요. 속도 면에서도 이미 강한 인상을 주고 있습니다.

크롬

In order to get more feedback from developers, we have early developer channel versions of Google Chrome for Mac OS X and Linux, but whatever you do, please DON’T DOWNLOAD THEM! Unless of course you are a developer or take great pleasure in incomplete, unpredictable, and potentially crashing software. - Google Chrome

구글 크롬은 지난달 0.4% 성장을 보이면서 1.8% 점유율[1] 을 보였고 마소의 최근 브라우저 IE8는 3.7% 성장과 함께 7.6%점유율을 보였습니다. IE7의 몰락은 점유율에서 한달간 3.7%하락을 보였고… 빠르게 버려야할 브라우저로 보이지만 IE8사용자중 1/5 정도가 Compatibility View 를 사용[2] 하고 있다니 IE7의 여파가 어느정도 간다는건 충분히 예측할수 있는 부분입니다. 익스플로러 전체적으로 0.6% 하락이네요.

구글은 브라우저 공개후 1년이 채 되지 않은 지금, 언급한데로 약 2% 에 가까운 점유율을 보이면서 오페라와 넷스케이프외 기타 마이너 브라우저들을 합친량을 넘어셨습니다. 구글이 말하던 “The web gets better with more options and innovation. Google Chrome is another option, and we hope it contributes to making the web even better.” 더 많은 옵션, 이노베이션을 웹에 안겨주었는데요. 몇년전부터 불이 붙은 IE, Safari, Firefox, 음.. maybe Opera 그리고 최근 Chrome 의 브라우저 전쟁은 한치도 양보하지 않는 이노베이션, 개발 그리고 성장으로 그 어느때보다도 웹이 급성장하며 변화하는데에 큰 역할을 할 것으로 생각합니다. 전혀 속도가 줄어들지 않을것으로 보이네요. 새로 성장한 크롬과 IE8은 아주 기대감을 높여주고 있습니다. 곧 불여우 3.5가 공개되죠? 오페라도 몇일전 오페라 10 베타를 보여줬구요.

크롬의 맥용 베타가 빨리 공개되기를 바라면서. :) html5여 어서오라…

P.S. 역시 여름은 각종 컨퍼런스들 때문에 새소식들이 넘쳐나네요.
P.P.S 졸릴땐 주절주절…

  1. Net Application 의 2009년 5월 통계 []
  2. Net Application 이 5월 중순부터 IE8과 compatibility 데이터를 나눔 []
2

HTML5 에서 div 를 돌아보다

html5 를 주욱 읽다가 copy&paste 로 노트에 남겨두었던 div 에 대한 부분이다. 사실 오랫동안 table 디자인으로 익숙해지셨던 분들에게 일모리를 포함하여 table 디자인 대체 요소로 보고 있지만 사실 그 이상이기도 하면서 그렇지도 않다. 쏟아지는 nested div 들 앞에 무너지는 많은 퍼블리셔들 개발자들을 보며 gg! 그리고 <! — 와 –> 랑 절친을 맺으시길 이라는 말 밖에는…

Div 엘리먼트는 특별한 의미가 전혀 없다. 자식 엘리먼트를 나타낸다. 이어지는(연속적인) 엘리먼트 그룹에 일반적인 의미를 마크업 하기위해 class, lang/xml:lang 그리고 title 속성과 함께 사용될수 있다.
The div element has no special meaning at all. It represents its children. It can be used with the class, lang/xml:lang, and title attributes to mark up semantics common to a group of consecutive elements. - W3C

div 엘리먼트에 phrasing content 을 담을 수 있도록 허락함으로써 저자들이 class=”" 속성 사용에서 부터 마크업 안에 다른 어떤 엘리먼트를 넣지 않는등 div 를 남용하기 쉽도록 되어있다. 접근성의 시각으로 볼때 이것은 악몽[1] 이며 그러한 페이지들을 표준이 아님을(non-compliant) 알리는 식으로 하되 스팩이 따로 지원하지 않는 한 지금 상태의 메카니즘대로 사용되는걸 제한하지는 않도록 하면 좋을꺼 같다.
Allowing div elements to contain phrasing content makes it easy for authors to abuse div, using it with the class=”" attribute to the point of not having any other elements in the markup. This is a disaster from an accessibility point of view, and it would be nice if we could somehow make such pages non-compliant without preventing people from using divs as the extension mechanism that they are, to handle things the spec can’t otherwise do (like making new widgets). - W3C

그러고 보니 Table 의 악용 그리고 남용에 대해 글을 쓴지가 어제 같은데 이제는 div 남용에 대한 글들을 여기 저기서 볼 수 있다. 사실 불완전한 HTML 내에서 시멘틱 마크업을 최대한 살리면서 디자이너들이 표현하려다 보니 남용아닌 남용이 표출될 수 밖에 없다. 단순한 division 을 나타내며 문서를 자르는 것 뿐만이 아니라 이것 위에 프레젠테이션을 씌워야 하는 고통은 이미 많은 퍼블리셔들과 개발자들이 경험한 고통이다 (물론 nested div 도). html5 에서 header, footer, article, section, aside 등이 어느정도 해결을 해준다고 하지만 그 또한 ‘바로 이거야!’ 라는 뇌리를 치는 해결책은 아니다. 물론 어느정도의 시멘틱적인 요소를 첨가함으로써 문서 자체에 의미를 주지만 그것을 더욱 의미 있게 나누려다 보니… 사실 더 머리가 아파온다. 오해는 없으시길. 대환영 그리고 대환영이다. 숨통이 트여지는 기분.

물론 아직 밖은 흐리다.

Phrasing content 는 문서의 text(문자, 본문)들과 그 text 들을 마크업 하는 문단내(intra-paragraph) 엘리먼트들 까지도 포함한다. phrasing content 의 모음이 문단을 형성한다.
Phrasing content is the text of the document, as well as elements that mark up that text at the intra-paragraph level. Runs of phrasing content form paragraphs. - W3C

P.S. 사이트에 간단히 JS 로 HTML5 분위기를 IE 에서도 낼 수 있다는 장점을 사용해서 일몰.com에 몇안되는 요소들을 첨부 해보았다. 전에 어느분의 포스팅에서도 본거 같은데, DOCTYPE html PUBLIC “-//W3C//DTD XHTML Basic 1.0//EN” “http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd” 이거… 외우기 힘들다… <!DOCTYPE html> 얼마나 좋나…

P.P.S 몇일간 사이트 업데이트를 할 예정.

  1. disaster 재앙이라는 표현은 한국에선 최악의 상황으로 표현될 뿐더러 잘 사용되지 않는다. []
15

일몰네는 재활중

일몰네를 폐쇠까지 고려했다가.. 흠 컴백하려다 보니 온 부분이 정상이 아님을 깨달아 현재 일모리는 재활중입니다.
바닥부터 시작하기가 쉽지 않네요. 읽어보아야 할 글들이 많구요. 이곳저곳 이분저분. 시동이 잘 걸려야 할텐데…

4

Web2.0 보다 Web2MB

web2mb

웹 2.0(Web 2.0)은 단순한 웹사이트의 집합체를 웹 1.0으로 보고, 웹 애플리케이션을 제공하는 하나의 완전한 플랫폼으로의 발전을 웹 2.0이라고 지칭한다 - 위키피디아

웹 2MB(Web 2MB)은 자유체제의 웹사이트 집합체를 웹1MB 으로 보고, 웹 필터링을 제공하는 하나의 완전한 정부 제제 플랫폼으로의 발전을 웹 2MB이라고 지칭한다 - 일몰

구글도 수용한 웹2.0과 웹2MB 의 만남.

NOTE: 일모리네는 10만명 회원이 넘지 않음을 알려드립니다.

8

웹 접근성 향상 캠페인 - 지지서명

웹 접근성 향상을 위한 캠페인에서 지지서명을 받고 있습니다.

최근 케나다 아이폰 전화 플렌의 개선을 촉구하는 서명운동으로 스티브잡스에게 반대서명을 보낸일이 있었지만 아무튼 개개인의 서명과 함께 목소리를 높이는 좋은 시도 같습니다. 저는 미국인지라 어떻게 동참할수 있는건지는 모르겠지만 아무튼, 좋은 결과 있기를 바래봅니다.

14
Page 2 of 49«12345»...Last »

    RECENT POSTS

    COMMENTS

    • Korea.net의 베너
    • 한RSS 구독