오페라 브라우저가 최신버젼 11을 내놓았네요

http://www.opera.com/browser 여기서 다운받을 수 있습니다

변경사항은

1. 설치 파일의 크기가 줄어들고 설치 속도도 크게 향상되었습니다. 아울러 한 폴더 안에 모든 설정을 다 저장하는 무설치 버전의 포터블 설치가 설치 프로그램에서 제공됩니다.

2. 탭을 좀 더 효율적으로 사용하는 탭 묶음(Tab Stacking) 기능이 도입되었습니다. 관련이 있거나 필요에 의해 묶어두는 기능입니다. 탭을 끌어다 원하는 탭에 놓으면 묶여집니다.

3. 확장 기능을 정식으로 제공합니다. 없는 기능이 없다 싶을만큼 다양한 기능이 자체 내장된 오페라 브라우저이지만, 확장 기능을 제공함으로써 더욱 다양한 기능을 추가로 사용할 수 있습니다. 확장 기능은 확장 기능 웹페이지에서 받으실 수 있으며, 현재 200개 정도의 확장 기능이 있습니다. 유용한 기능으로는 유튜브 동영상 다운 받기(Youtube Downloader), 유튜브 동영상 광고 없애기(Youtube AdsFree), 링크를 블록으로 잡아서 한 꺼번에 열기(Snap Link), 광고나 웹 구성요소 차단하기(NoAds), 온라인 암호 관리자(LastPass) 등이 있습니다. 유용한 확장 기능은 기회가 되면 다음에 따로 자세히 소개하도록 하겠습니다.

4. 그 밖에 주소 표시줄 등이 더욱 다양한 정보를 포함하게 수정되었으며, 보안 기능 등이 추가되었습니다.

더 자세한 내용은 변경사항 출처인 http://youngjr.tistory.com/117 여기서 확인 할 수 있습니다~

파폭이 지속적인 업그레이드를 하네요

크롬의 추격에 긴장탄 것일까요

변경점이

• 탭 상위 기능: 탭을 주소창 맨 위로 올려서 일관성 있는 UI제공
  
• 탭 바로가기: 이미 열린 탭의 경우, 주소창에서 바로 가기 가능
• Firefox 버튼: 메뉴를 모두 없애고 버튼의 메뉴 모음 제공
• 앱 기능 탭: 앱 탭으로 만들면 아이콘 크기의 작은 탭으로 변화
• 멀티 터치: 윈도 7에서 양 손으로 터치하는 기능 제공

외에도 제법 되네요

동영상 보시면 이해가 쉬울듯 합니다

http://www.mozilla.or.kr/ko/firefox/beta/

nhn에서 좋은 행사를 하네요

가고싶다... ㅜㅜ

http://deview.naver.com/2010/courses.nhn

아... 잘쓰고 있던 기능이였는데 아쉽습니다

개발자분께서 마음고생이 심하셨나보네요 만들어줘도 xx하는 참...

무조건 좋다 할 순 없지만 좋은기능이 안좋은 것보다 많기 때문에 더욱더 안타깝네요

정말 우리나라 일부 자기들끼리만 노는 특징때문에 피해보는 사람이 많은듯 합니다. 제가 미투 잘 안하는 이유가 그런점이 크구요 twi2me 사용한 이유도 국내 트렌드는 일단 따라가자라는 의미가 컸었는데 뭐 게으른 이유도 있고...

암튼 그동안 잘썼습니다 (당췌 뭔 내용이야 ㅡㅡ;; 저주받은 글솜씨...)

접근성과 사용성에 중요한 역할을 하는 태그중 하나가 label태그 인데요. 로그인 과정등에서 쓰이면 좋은 사용성을 보장해줍니다.

<fieldset> 
<input id="naver" type="checkbox"> 
<label for="naver">NHN WS Team</label> 
</fieldset> 

위 코드처럼 NHN WS Team이란 글자를 label태그로 감싼후 checkbox의 id와 label 태그의 for값을 매칭시켜주면 아래의 예시와 같이 checkbox와 텍스트는 서로 연동되어져 동작하게 됩니다. (텍스트에 클릭을 해도 체크박스의 체크여부를 설정할수 있습니다)

NHN WS Team

헌데 NHN WS Team 이란 텍스트대신 image형태로 처리하게 되면 IE의 경우는 label본연의 기능이 동작하지 않습니다. (버그일까요?) IE사용자 분들은 아래 예시를 통해 확인해보실수 있습니다. (네이버 로고를 클릭해 보세요)

이럴 경우 간단한 Javascript를 통해서 label 태그의 기능을 사용할수 있습니다. (IE일경우만 동작하는 스크립트 입니다.)

<fieldset> 
<input id="naver2" type="checkbox"> 
<label for="naver2" onclick="if(navigator.appVersion.indexOf('MSIE') != -1){naver2.click()}">
<img src="http://wstatic.naver.com/w/n_c600.gif" alt="Naver" style="cursor:pointer">
</label> 
</fieldset> 

위 코드가 적용된 예시를 아래에서 확인해보시면 잘 동작되는 모습을 보실수 있습니다. (네이버 로고를 클릭해 보세요)

접근성 뿐만 아닌 일반사용자들에게 사용성도 높여주는 label태그를 많이 활용해 보자구요 :)

ps_
봄이 정말 힘겹게 오고있는것 같습니다. 화창한 날씨를 보고 싶은데 계속 흐린주말이네요. 힘들게 오는 봄이니 만큼 화창 하겠지요? 봄이 기다려지는 흐린 주말입니다. ^^

출처 : http://html.nhndesign.com/?mid=blog&category=87&document_srl=792

네이버에서 개발자용 배포하는 나눔고딕이네요

http://dev.naver.com/projects/nanumfont/download/shownote?release_id=222

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

IE6를 강제 종료시키는 코드

CSS

a { position:relative; }
a:hover { float:left; }

HTML

<a href="#">IE6 브라우저라면 강제로 종료될 것입니다.</a>

Demo

http://naradesign.net/open_content/bug/crash_ie6.html

IE7을 강제 종료시키는 코드

CSS 

div { float:left; width:175px; }
ul { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
li { position:relative; }

HTML 

<div>
    <ul>
        <li>IE7 브라우저라면 강제로 종료될 것입니다.</li>
        <li>IE7 브라우저라면 강제로 종료될 것입니다.</li>
    </ul>
</div>

Demo

http://naradesign.net/open_content/bug/crash_ie7.html

해결방법

position:relative 속성이 적용된 엘리먼트에 zoom:1 속성을 추가로 부여하면 더 이상 강제로 종료되지 않습니다.

a { position:relative; zoom:1; }
li { position:relative; zoom:1; }

참조

CSS让你的IE浏览器崩溃

출처 : http://naradesign.net/wp/2008/12/27/416/

ReadWriteWeb 에서 말한 미래의 10개의 웹 트렌드 입니다.

http://www.readwriteweb.com/archives/10_future_web_trends.php

1. Semantic Web
2. Artificial Intelligence
3. Virtual Worlds
4. Mobile
5. Attention Economy
6. Web Sites as Web Services
7. Online Video / Internet TV
8. Rich Internet Apps
9. International Web
10. Personalization

출처 : http://www.readwriteweb.com

htmlarg.cpp

htmlarg.exe

htmlarg은?

1. htmlarg.exe를 다운로드를 받아 Editplus 폴더에 넣는다.
2. 에디트 플러스를 실행,, 메뉴->도구->사용자 도구 구성
3. 추가버튼을 눌러 위와 같이 프로그램을 추가한다.
4. 텍스트 필터 사용에 꼭 체크한다
5. 저장하고 사용

• 들여쓰기
  0~9까지의 숫자, 탭문자를 이용하고 싶으면 t를 사용
• 코드들여쓰기
  0~9까지의 숫자, 탭문자를 이용하고 싶으면 t를 사용
  코드 정렬을 안하려면 n을 사용한다
• 태그리스트1
  들여쓰기할 태그 리스트, D를 이용하면 기본 태그를 사용한다.
  기본 목록은 tr,td,div,ol,ul,li 이다.
  추가하고 싶다면, D뒤에 컴마(,)를 이용 추가하면 가능하다.
  D를 없애고 직접 적어주는것도 가능하다.
• 태그리스트2
  들여쓰기는 안하지만 한줄에 하나만 있어야할 태그 리스트.
  D를 이용하면 기본 태그를 사용한다.
  기본 목록은 html,head,body,title,meta,table,link,map,select 이다.
• 태그리스트3
  정리를 안할 태그 리스트, D를 이용하면 기본 태그를 사용한다.
  기본 목록은 pre,style 이다.
  script와 ? 를 넣어두면 php와 jacsript가 html의 정렬과 상관없이 정렬된다.
  

• php javascript의 정렬
• 주석제거, PHP코드 제거 기능 제거

• 2.0.1 : 정렬무시 기능 오작동 수정
• 2.0.2 : 태그이름이 겹치는경우(ex link,li) 옵션이 무시되는 버그수정