본문 바로가기

XHTML13

봄버맨 브라우저 게임 웹브라우저 게임 봄버맨 브라우저 게임 웹브라우저 게임 봄버맨 브라우저 게임은 웹브라우저 게임입니다. 특별히 뭔가 설치하지 않더라도 웹에 접속해서 폭탄맨 게임을 할 수 있습니다. 테스트해보니 파이어폭스에서 잘돌아가고 IE10에서도 잘 되네요. 봄버맨과 같은 형태로 진행이되고 설치는 필요없고 접속해서 닉네임만 정해주고 게임을 진행해주면 됩니다. 아이템을 획득할 수 록 좀 더 강력해지게 되네요. 실제 유저가 1000명까지 접속하여 함께 게임을 즐길 수 있습니다. 꽤 많은 유저가 항시 접속하고 있는데 서버가 잘 버텨주네요. 궁금하신분은 게임을 한번 해보시기 바랍니다. 참고로 채팅도 가능하네요. http://www.crazygames.com/game/bombermine 위사이트에 먼저 접속을 합니다. 서버를 선택하고 닉네임을 정.. 2013. 3. 1.

티스토리 모바일 페이지 리뷰 완벽판 좋은점 아쉬운점 티스토리 모바일 페이지란? 티스토리는 테터툴즈를 기반으로 한 블로그 서비스 입니다. 무제한의 용량과 무제한의 트래픽, 그리고 XHTML,CSS 를 모두 수정 할 수 있도록 개방한것이 티스토리만의 장점입니다. 또한 티스토리는 컴퓨터 웹브라우저로 접속은 물론 스마트폰으로 접속시 모바일 페이지를 지원하여 1천만 스마트폰 시대에 발맞춰서 빠른 서비스를 지원중입니다. 모바일 페이지는 모바일기기에서 접속 시 모바일기기의 화면해상도에 맞도록 미리 제작된 페이지를 말합니다.스마트폰으로 접속하거나 태블랫PC 등으로 접속 시 모바일 페이지로 뜨도록 해서 상대적으로 성능이 낮은 모바일기기에서도 좀 더 빠른 속도로 블로깅을 즐길 수 있고 화면해상도에 맞게 뜨도록 해서 글자를 읽기 편하게 해줍니다. 왼쪽은 스마트폰에서 풀브라우.. 2011. 3. 29.

웹표준검사 W3C 웹문서 Markup검사 웹표준검사 W3C 웹표준검사 하는 방법에 대해서 알아봅시다. W3C 웹문서 마크업검사 웹표준검사를 통해서 모든 브라우저에서 재대로 표기가 되는지 자신의 블로그나 사이트를 확인 할 수 있습니다. 특별히 비용이 들지 않고 웹표준검사가 가능하며 에러나 경고가 발생했을 때 해결책도 확인해 볼 수 있습니다. 한글로 표기가 되어서 에러 내용을 쉽게 확인할 수 있습니다. 웹표준은 IE 브라우저의 활용도가 아주 높은 예전에는 크게 문제가 되지 않았지만 이제는 IE 인터넷 브라우저 이외에 파이어폭스, 구글크롬, 오페라, 사파리 등 다양한 브라우저의 활용이 높아지면서 여러 브라우저에서 모두 동일하게 표현되어야할 필요성이 생겼습니다. 티스토리 블로그도 XHTML 규격으로 만들어져 있죠. 때문에 어느브라우저로 보더라도 재대로.. 2011. 2. 3.

티스토리 블로그 XHTML CSS 에러 잡기 이벤트 티스토리 블로그 에러 두고 계십니까. 티스토리 블로그를 사용하면서 좋았던 점은 블로그를 다양하게 꾸밀 수 있다는 점 입니다. 그런데 블로그를 마음대로 꾸밀 수 있는 만큼 블로그 스킨에 알지 못하는 에러가 생길 수 도 있습니다. 이 에러는 블로그의 속도를 느리게도 할 수 있으며, 일정 부분이 보이지 않을 수 도 있고, 어떤 사람은 해당 블로그로 접근시 컴퓨터가 멈추기도 합니다. XHTML 검사 : http://validator.w3.org/ CSS 검사 : http://jigsaw.w3.org/css-validator/ 티스토리 블로그 XHTML CSS 오류 잡기 이런 에러를 두고만 볼 수 없겠죠. 다만 제가 예전에 XHTML , CSS 의 에러를 잡는 방법에 대해서 글을 적은게 있지만, 자신의 블로그에 .. 2010. 8. 13.

티스토리 블로그 XHTML CSS 오류 잡기 티스토리 블로그 XHTML CSS 오류 티스토리 블로그를 현재 사용 중 입니다. 티스토리는 테터툴즈 기반의 블로그로 XHTML ,CSS 를 따르는 블로그이죠. 티스토리 블로그 팁을 가끔 쓰면서 가끔은 저도 게을러서 제 블로그가 오류가 있음을 알면서도 넘어갈 때 도 있었죠. 웹표준은 W3C 에서 제안하는 내용에 맞춰서 작업을 해야하죠. 자신의 블로그에 오류가 얼마나 많은지 검사를 해보신 분이 있는분도 있을테고 안해보신 분도 계실겁니다. XHTML CSS 오류를 어떻게 잡는지 한번 살펴보고 왜 오류 잡기를 해야하는지 알아봅시다. 티스토리 블로그 오류는 한번 체크를 반드시 티스토리 블로그 오류 체크는 한번씩은 해보아야합니다. 자신이 넣은 코드나 블로그 팁등이 뭔가 어긋나게 안맞게 되어있을 수 있기 때문이죠. .. 2010. 6. 28.

티스토리 블로그 팁 비밀공간을 만들어보자 티스토리 블로그 나만의 비밀 공간 만들기 티스토리 블로그 팁 중 자신의 블로그에 나만의 비밀 공간 만드는 방법에 대해서 설명합니다. 자신의 블로그의 글을 발행 후 메타사이트로 찾아가야 하거나 또는 자주 찾아가는 블로그들 주소, 또는 블로그의 스킨 스타일 때문에 꼭 넣고 싶지만 일반인에게는 보이기에는 애매한 부분 등 다양한 이유로 자신만 보기 위한 공간이 필요할 수 있습니다. 자신의 블로그의 일부 공간중 관리자에게만 보이는 공간을 활용하는 방법에 대해서 설명합니다. 티스토리 블로그 비밀공간 엿보기 티스토리 블로그의 부분중 관리자만 보이는 부분은 이미 있습니다. 글수정/글삭제 등의 영역을 보통 표기하는 본문의 상단 부분입니다. (당연 스킨의 형태에 따라 위치는 달라질 수 있습니다.) 이 부분을 활용하면 관리.. 2010. 6. 17.

티에디션 꾸미기 솔찍한 나의 생각 티스토리 첫페이지 꾸미기 그 시작 티스토리 첫페이지 꾸미기를 티스토리에서 준비하면서 베타테스터 인원을 모집 했고, 저도 베타테스터로 참여했었습니다. 티스토리 간담회에서도 첫페이지 꾸미기에 대한 이야기를 듣고 그동안의 개발자의 고충도 듣고 했었죠. 참 여러가지 생각을 하면서 만드는 구나 하는 생각도 그때 들었었습니다. 다른 포털 사이트등의 블로그들의 첫페이지를 보면 뭔가 잡지의 첫페이지처럼 화려하게 잘 꾸며져 있죠. 그렇게 쉽게 꾸미는걸 제공하지 않아서 사실 티스토리로 넘어오는것을 꺼려하는 분도 실제로 본적이 있습니다. 그런 유저들을 위해서 만든게 티스토리 첫페이지 꾸미기이며, 블로그를 꾸미기를 좋아하는 분들의 심리를 파악한 티스토리의 리스펀스이기도 하죠. 지금은 첫화면 꾸미기가 티에디션이라는 새로운 이름.. 2010. 5. 25.

다음뷰 추천 위젯 배경 꾸미기 하이 퀄리티 테마 블로그팁 다음뷰 배경 꾸미기 그 시작 다음뷰 추천 위젯이 있습니다. 다음뷰에 추천을 할 수 있는 위젯이죠. 이 추천 위젯에 배경을 주어서 더 부곽을 시키고 스킨과 어울리게 하는데 그 첫번째 의도가 있습니다. 제가 배경을 만들어서 배포를 했었고 알게 모르게 많은 분들이 잘 쓰고 계시네요. 어떻게 사용하는지에 대해서는 아래 링크를 자세히 참조해 주세요. 여기에서는 코드만 공개하도록 하겠습니다. 넉두리지만 혼자서만 쓰려고 만들었던 코드도 하나 있는데 결국 공개해버렸네요. 다음뷰 배경 꾸미기 방법 (꼭 읽어보세요) 다음뷰 배경 꾸미는 방법 설명 및 다음뷰 배경 꾸미기 공개 코드 링크 : http://cdmanii.com/1046 다음뷰 배경 꾸미기 흰색 배경 전용 div.blogger-news-widget { backg.. 2010. 5. 15.

티스토리 본문 넓이 넓히기 방법 설명 #content 블로그의 본문폭을 넓혀보자 블로그 본문폭을 넓히는 방법에 대해서 설명합니다. 티스토리 블로그는 XHTML + CSS 구조로 되어있습니다. CSS 를 조절하면 본문의 넓이 및 높이등도 조절이 가능합니다. 의외로 쉽게 조절이 가능하죠. 보통 스킨을 만들때 이름을 비슷하게 만듭니다. 본문의 경우는 id 를 사용해서 #content 로 보통 쓰죠. 이 부분에 대한 CSS 를 조절하면 본문의 넓이를 넓히거나 줄일 수 있습니다. 예전에 젤리빈님 블로그 본문 넓히는 것에 대해서 설명해주겠다고 했었는데 이번에야 글을 정리해서 올리네요. 동영상도 만든건 좀 되었는데 이제야 공개합니다. 파이어폭스의 부가 기능중 하나인 파이어버그를 이용하면 미리 스킨을 제어해서 수정해 볼 수 있습니다. style.css 에서 #conten.. 2010. 5. 8.

블로그 광고 수익 모델-구글 애드센스 본문 상단 2개 넣는 방법 본문 상단에 2단의 광고 어떻게 넣어야할까? 구글 애드센스 광고를 티스토리 블로그 상단에 넣는 방법은 많이 공개 되어있죠. 다만 구조와 스타일을 분리해서 티스토리 블로그에 넣는 방법에 대해서 소개를 해볼까 합니다. 제 티스토리 블로그의 본문 상단의 구글 애드센스 광고도 이렇게 구조와 스타일이 분리되어 적용되어 있습니다. 본문 상단에 구글 애드센스 광고를 넣은 블로거들의 블로그를 보면 상당수는 를 썻거나 또는 스타일(style) 를 분리를 안해둔 경우가 많네요. 구조와 스타일을 분리를 해서 올바르게 넣는 방법 및 설정을 하는 방법에 대해서 설명합니다. 블로그 상단에 구글애드센스를 2단으로 넣어둔 모습입니다. 파란색박스 부분은 구글애드센스 부분이며, 아래의 노란색부분은 구글애드센스를 묶고있는 박스의 하단여백.. 2010. 1. 1.

XHTML 웹표준 틀리기 쉬운 문법들 블로그 스킨을 수정하면서 틀리기 쉬운 부분에 대해서 이야기를 해볼까합니다. 어렵지 않으니 외워보죠 ^^ 어려운 부분은 넘기시고 붉은색 글자부분은 자세히 보세요! XHTML 을 선언해놓고 규칙을 어긴다 ? skin.html 의 윗줄 일부분 티스토리 스킨의 DOCTYPE 선언 부분입니다. 여러 브라우저에서 다 잘 보이게 하기위해서 "이 문서는 뭐에 맞춰서 만들어졌어!" 라고 알려주는 부분입니다. XHTML 을 선언해놓고 HTML 을 쓰면 안되겠죠. DTD 에는 3가지 형식이 있습니다. strict, transitional, frameset 인데요. 크게 구분하면 Transitional , Strict 가 있습니다. Transitional 는 호환성을 어느정도 준것이고, Strict 는 엄격하게 XHTML 규.. 2009. 9. 29.

파이어버그로 티스토리 스킨 미리 수정하기 블로그 스킨을 수정해주는 작업을 최근에 하고 있습니다. 그런데 어떤식으로 미리 확인을 해보는지 궁금해하는 분들이 계셔서 간략하게 글을 적어볼까 합니다. Firefox 는 현재 세계적으로 점유율 2위의 많은 부가기능과 강력한 기능으로 사랑받는 인터넷 브라우저 중 하나입니다. Firefox 의 부가기능 중 하나인 Firebug 를 이용해서 스킨을 미리 고쳐보는 방법에 대해서 소개해보겠습니다. Firebug 설치 제가 Firebug 를 알게된것은 윤초딩님이 소개해준 Firefox의 부가기능 Firebug 에서 입니다. Firefox 를 설치 또는 무설치판을 이용해서 켠 뒤, 윤초딩님의 파이어폭스 확장기능 웹개발자필수 firebug 편 을 확인하셔서 설치합니다. Firebug 의 원리는 ? Firebug 의 원.. 2009. 9. 20.

블로그 스킨 수정해 드립니다. 최초작성일 : 2009/09/11 11:12 스킨작업기한 : 2009/09/11 ~ 특별한 사유 없는한 계속 지금 현재는 많은 업무로 인해서 스킨 수정 작업을 잠시 보류합니다. 재개 할 수 있을때 다시 해드릴께요 ~ 티스토리 블로그 스킨 수정해 드립니다. 자신이 스킨을 수정하고 꾸몄지만 뭔가 느리고 뭔가 재대로 수정해보고 싶지만 망설이는 분들 도와 드릴까합니다. 저 역시 스킨에 대해서 아주 통달하고 아주 잘하느건 아니지만, 가능한 아는만큼 도와드리고 좀 더 빠르게 뜨고 좀 더 쾌적한 블로그 스킨이 될 수 있도록 방법을 제시해주고 직접 수정도 해드릴까합니다. 한분씩 정성드려 해드리겠습니다. 스킨수정이 아무래도 스킨을 모두 파악해야하고 그 블로그 운영자의 성격 및 생각도 생각해야하기때문에 댓글 달아주신 한분.. 2009. 9. 11.

이전 1 다음

티스토리툴바