For A While

검색 :
RSS 구독 : 글 / 댓글 / 트랙백 / 글+트랙백

Akinator for IRC Bot

2010/02/23 00:06, 글쓴이 While
사용자 삽입 이미지


Akinator 가 아이폰버전으로 어플이 나왔길레 패킷을 분석해서 irc봇에다가 갖다붙여봤습니다.
2010/02/23 00:06 2010/02/23 00:06

맨 위로

CSS3에서 웹폰트

2010/02/16 06:56, 글쓴이 While

IE에서만 되던 웹폰트가 CSS3에서는 공식적으로 지원합니다. ttf 도 가능합니다.
2010/02/16 06:56 2010/02/16 06:56

맨 위로

webkit 의 CSS 애니메이션

2010/02/16 06:50, 글쓴이 While

webkit 을 기반으로 만들어진 브라우저(사파리, 크롬 등)에서 사용 가능한 CSS 애니메이션에 대한 글입니다.
2010/02/16 06:50 2010/02/16 06:50

맨 위로

Zen-coding, HTML / CSS 코딩을 훨씬 빠르게

2010/02/16 05:11, 글쓴이 While

이 동영상 한번만보면 사용법을 웬만하면 다 익힐 것 같다.

문제는 CSS3을 지원하지 않는 IE 때문에 두세번 코딩해야 될거라는건데, cssQuery 도 있고.. 이제 IE6에서 퍼포먼스를 지키면서 코딩하진 않을꺼니까 별 상관은 없겠지.

내가 쓰는 에디터 SciTE 도 곧 지원 예정에 있다. 빨리 지원이 들어갔으면!

http://code.google.com/p/zen-coding/

일단 Komodo Edit 에다가 넣어서 써볼 생각.

2010/02/16 05:11 2010/02/16 05:11

맨 위로

링크에서 점선을 없에는 새로운 방법.

2010/02/16 05:04, 글쓴이 While
세 방법이 있다.

둘은 CSS, 셋째는 자바스크립트를 이용하는 방법이다.

1. a:active { outline: none; }
2. a {selector-dummy: expression(this.hideFocus=true);}
3.
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;


3번째 자바스크립트의 방법은 a나 img 태그에 접근시 포커스를 body엘리먼트로 보내버리는 스크립트이다. 이렇게 되면 키보드의 접근성을 해친다. 저리 제쳐두고, 보통 많이 쓰는 방법이 2번 방법이다.

1번 방법을 조금 전 키보드의 접근성을 해치지 않고 클릭 했을 때의 링크 점선 없애는 법에서 발견하였는데, 역시나 IE에선 작동하지 않는다.
2010/02/16 05:04 2010/02/16 05:04

맨 위로

SVG / VML 기술을 이용한 웹브라우저에서의 쉬운 벡터 처리 자바스크립트 라이브러리, raphael

2010/02/16 04:42, 글쓴이 While
http://raphaeljs.com/

우선 우리나라에 자료는 별로 없습니다. 저 역시 SVG / VML 도 들어보긴 했지만 직접 사용해본적은 없습니다.

위 사이트에 들어가면 여러가지 놀라운 데모들을 볼 수 있습니다.




VML 과 관련된 예제는 여기에 많이 있습니다.

이게 디자인과 합쳐지면 HTML5에서 곧 지원하지 않게 될 플래시의 대안이 되겠네요


SVG는 이쪽.



덧붙여 http://www.blueb.co.kr/ 이 사이트도 볼게 많은 것 같습니다.
2010/02/16 04:42 2010/02/16 04:42

맨 위로

여러 브라우저에서 Firebug 를, Firebug lite

2010/02/16 04:34, 글쓴이 While
http://getfirebug.com/firebuglite

미남이의 이러쿵저러쿵이라는 블로그를 우연히 발견하게 되어 이리저리 글을 계속 읽어보다가, SpriteMe 라는 사이트를 보게 됐고 여기서 이것저것 만지다보니 발견하였습니다.

파이어폭스 플러그인으로만 지원되던 Firebug 를 자바스크립트로 구현해 IE, Opera, Safari, Chrome 에서 firebug를 쓸 수 있게 하는 겁니다. 크롬의 경우 개발자툴이 내장되어있기 때문에 별 필요 없지만 IE의 경우 혼자서 렌더링엔진이 개판이기 때문에 평소에 이런 툴이 절실해서 여러 툴바를 찾아 봤으나 별 눈에 띄는 좋은놈이 없었습니다. 이건 정말 좋네요. 웹페이지에서 .js 파일만 로드시키면 됩니다.
아래는 IE 에서 실행한 스크린샷입니다.


사용자 삽입 이미지

2010/02/16 04:34 2010/02/16 04:34

맨 위로

CSS 체크박스 가운데 정렬 노하우

2010/02/12 03:05, 글쓴이 While
input type=checkbox 에서

vertical-align:-2px; 를 주면 세로정렬이 어느정도 된다. (굴림 9pt 기준) 이 체크박스 부분이 특히 브라우저마다 달라서 상당히 짜증나는 부분. 윙버스 가입약관 확인 페이지에서 발견.

IE에서는 아직 테스트하지 못함
2010/02/12 03:05 2010/02/12 03:05

맨 위로

irc 봇 socket_select 함수 문제 해결

2010/02/11 05:51, 글쓴이 While
function process()
{
while (1)
{
$botSocketArray = $this->getIrcSocketList();
// print_r($botSocketArray);
if ($bufSockSelect=@socket_select($botSocketArray['socket'], $write, $except = NULL, 1))
{
foreach ($botSocketArray['class'] as $class)
{
if (!@socket_recv($class->socket,$buf,512,MSG_PEEK)) continue;
if ($class->socktype == "irc")
{ // irc소켓일 경우

이런식으로 애매하게 쓰고 있던 socket_select 함수를,

function process()
{
while (1)
{
$botSocketArray = $this->getIrcSocketList();
if (!$botSocketArray) return error("어떤 봇도 실행중이지 않습니다.");
foreach ($botSocketArray['class'] as $class)
{
$fd = array( $class->socket );
if (!$bufSockSelect=@socket_select($fd, $write, $except = NULL, 0)) continue;
if (!@socket_recv($class->socket,$buf,512,MSG_PEEK)) continue;
if ($class->socktype == "irc")
{ // irc소켓일 경우

이런식으로 좀더 확실하게 바꿔주었더니, 잘 동작 합니다.


처음의 소스를 썼을때 socket_select 의 리턴이 2이면 Connnection Refused 가 나야하는데, 왜 자꾸 정상 접속인가 했더니 함수를 잘못 쓴거였네요.
2010/02/11 05:51 2010/02/11 05:51

맨 위로