Post

네이버에서 진행한 IE6퇴출 이벤트에 이어 다음에서도 이벤트를 진행하고 있네요 ㅎ
아직도!!! 익스플로러6버전을 사용하고 계신분들께서는~ 필히 이번 기회에 브라우저를 업그레이드해서
보안도 지키고 더 좋은 기능들도 사용하시고 더불어 이벤트에도 참여하시면 정말!!! 좋을것 같네요~~ ^ㅅ^

이벤트페이지 : http://search.daum.net/search?w=tot&q=%40%EC%9D%B5%EC%8A%A4%ED%94%8C%EB%A1%9C%EB%9F%AC6%EC%9D%B4%EC%A0%9C%EA%B7%B8%EB%A7%8C


Post

네이버에서 익스플로러 8 업그레이드 이벤트를 진행하고 있답니다-
제일 큰 이유는 아마도 크로스브라우징 개발에 여러 문제가 있어서가 아닐까 싶은데 ㅋ
어쨌든 이왕 하는거 좀더 크게 광고해서 빨리빨리 IE6,7이 사라졌으면 좋겠어요 ㅠㅅㅠ
이 글을 보시는 분 중에 익스플로러 6이나 7 또는 그 이하 버전을 사용하는 분이 계시다면
조금 귀찮으시더라도 한번만 시간 내셔서 모두모두 업그레이드 해주시면 감사하겠습니다~ 꾸벅 ^ㅅ^

이벤트페이지 :  http://campaign.naver.com/goodbye-ie6

Post

ㅠㅅㅠ IE6,7 사용자 여러분~ 이 글을 보시면 개발자 몇백명 살린다고 생각하시고 브라우저 업그레이드 좀 해주세요~
아래 내용 보시면,, IE6,7은 보안상의 문제로도 많이 안좋다고 하잖아요~~ ㅎ
아, 그리구 제 생각엔,, 익스플로러 6은 웹디자이너보다는 개발자(특히 퍼블리셔!!)에게 곤욕스러운 브라우저라고 생각됩니다만.. ^^a


Post

http://css3please.com/


CSS3 예제소스가 잔~뜩 있어욧 >ㅅ<
아래 이미지는 위 사이트에서 제공하는 예제 중 둥근모서리박스 소스를 가지고 샘플로 만들어본 화면이예요~
(테스트용으로 사용한 브라우저는 모두 2010.05.28 기준 최신버전입니다. IE9는 아직 구하지 못한 관계로 패스 ^^;)


사용한 소스는 아래와 같습니다~

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>CSS3 test</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<style type="text/css">
.box {width:50%; padding:20px; background-color:yellowgreen;}
.box_round {
border:3px dashed gray;
-moz-border-radius: 12px; /* FF1+ */
-webkit-border-radius: 12px; /* Saf3+, Chrome */
border-radius: 12px; /* Opera 10.5, IE 9 */
 }
</style>
</head>
<body>
<div class="box box_round">
This element will receive inline changes as you edit the CSS rules on the left. Enjoy
</div>
</body>
</html>

테두리가 solid인 디자인이라면 정말 유용하게 쓰이겠네요~ ^ㅅ^ dashed는 브라우저마다 약간 부자연스러워 보이기도 해서;;

아무튼 CSS3가 샘플소스로 제공이 돼서 정말 도움이 될만한 사이트인것 같아요~~
CSS3 공부하시는 분들 참고하시길 ^ㅅ^

Post

크로스브라우징을할 때 각 버전별 익스플로러로 확인을 하기가 가장 골치 아픈 일 아닐까 싶네요 ^^a
전에는 Multi Explorer라는 프로그램을 사용해서 각 버전의 익스플로러를 따로 따로 설치했었는데
개인적으로 사용해보니 이 프로그램이 사용성으로 보아서는 훨씬 더 편한듯 합니다~

IE 5.5부터 6,7,8까지 확인할 수 있구요 원래의 익스플로러를 동시에 실행시켰을때 간혹 오류메시지가 뜨면서 종료되기도 합니다..
홈페이지에는 자바 애플릿과 6버전(OS사용자계정)에서의 플래시가 작동되지 않기도 한다고 써있네요
그리고 역시, 실제 익스플로러와 100% 똑같은 렌더링을 하지는 못한다고 하구요

그렇지만, 그나마 이런 프로그램이라도 없으면 OS를 여러개 설치해서 확인하든지 아님 컴퓨터를 여러대 사용해서 확인하든지 하는수밖에 없겠죠;;
암튼 여러가지로 속썩이는 익스플로러랍니다 -ㅅ-a


제작사 홈페이지 및 프로그램 다운로드 ☞ http://www.my-debugbar.com/wiki/IETester/HomePage

Post

http://www.css3.info/selectors-test/

자신의 컴퓨터 웹브라우저가 CSS 셀렉터 중 어느것들을 지원하는지를 테스트해볼 수 있는 곳입니다.


테스트 결과로 각 셀렉터가 세 가지 분류로 나뉩니다.
빨강 : unsupported    /    초록 : supported    /    주황 : buggy

각 셀렉터를 클릭하면 셀렉터 테스트 예제 페이지로 넘어가구요, 각 예제마다 지원여부를 다시 색상으로 표시해서 알려줍니다.
아래 이미지는 selector[attribute]의 예제 결과입니다.


예제 테스트 결과에서 색상표시는 약간 정확하지 못한 것 같기도 하네요.. 색상보다는 설명을 보는게 중요할 듯..

참고로, 위 스크린샷 이미지들은 제 컴퓨터 Internet Explorer 7.0의 테스트 결과입니다.

Post



http://resistan.com/savethedeveloper/
↑↑↑
(위 링크로 가시면 각 웹브라우저의 최신버전 링크주소가 있습니다.)


완전 공감가는 말.. ㅋ 브라우저 업그레이드가 정말 여러 사람(웹프로그래머,웹퍼블리셔 등등)을 살린답니다~
모두모두 웹브라우저 업그레이드에 동참해 주세요

Post

오페라의 가장 큰 문제점은 한글입력에 오류가 난다는 것!
한글을 입력하면 마지막에 한글자씩 더 입력이 된다든지, 한글이 제대로, 순서대로 입력이 되지 않고 뒤죽박죽 입력이 된다든지.. -ㅅ-;;

검색하고 또 검색해서 겨우 해결방법을 찾아 해결했습니다. ㅎㅎ

----------------------------------------------------------------------------------------------------

1. 우선 오페라 사이트에서 오페라 버전에 맞는 언어파일을 다운받는다.
파일은 오페라가 설치된 폴더의 local폴더(C:\Program Files\Opera\local)에 저장한다.
오페라 언어파일 다운로드

2. 그 다음 오페라의 도구>환경설정>일반탭>언어에서 자세히 버튼을 눌러서 언어창의 띄운다.
언어창의 사용자 인터페이스 언어선택... 버튼을 누르고 위에서 다운받은 언어파일을 찾아서 지정한 후 OK를 눌러 환경설정을 끝낸다. 오페라를 종료한 뒤 다시 실행시켜서 한글입력을 테스트해보면 문제가 해결된 것을 확인한다.
▲ top