KTUG마당은 KTUG를 방문하는 모든 이용자가 대화를 나누고 소식을 전하는 곳입니다.
- 로그인 없이 자유롭게 글을 읽고 쓸 수 있는 철학은 처음과 같이 계속됩니다.
- Team Blog의 글을 이곳 게시판의 "정보글"로 모았습니다. Team blog는 기고자가 올린 글에 질문을 받는 부담을 줄이기 위하여 댓글을 허용하지 않았습니다. 그러나 이곳 게시판으로 모으면서 댓글을 달 수 있습니다. 게시물을 작성하실 때 댓글을 원하지 않으시면 댓글을 허용하시지 않으시기를 바랍니다. 또한 불필요한 소모성 댓글을 달지 않도록 주의하여 주시기를 바랍니다.
- TeX과 관련된 질문이나 답변은 QnA 마당을 이용하십시오. TeX과 관련된 질문은 지웁니다
- MathJax를 이용한 수식조판을 사용하실 수 있습니다. 여기를 참조하세요.
- 스팸 글을 막기 위하여 짧은 시간 내에 다시 글이 등록되는 IP를 막거나, 광고 글을 막기 위하여 금지어로 .com, .net 등을 설정하고 있습니다. 다소간의 불편함이 있으시더라도 양해 바랍니다.
- 금지어에서 stackexchange, stackoverflow, ctan, overleaf, , github, google.com, gmail.com, .org, .io, sil.org, wiki.com, tistory.com등은 해제하였습니다.
- 사용하는 편집기는 CKeditor입니다. 편집기에서 [enter]를 누르면 <p> 태그가 들어가고, 문단으로 생각하고 한줄을 비웁니다. 글줄만 바꾸려면 shift-enter 를 누르시면 <BR>가 들어가므로 용도에 맞게 나누어 쓸 수 있습니다.
자유글 html5 사이트 몇 개
2010.06.13 09:02
http://apirocks.com/html5/html5.html#slide1 html5로 만든 html5 소개 페이지
http://www.scribd.com/doc/30964170/Scribd-in-HTML5 PDF파일을 업로드하면 웹에서 플래시로 보여주던 사이트인데, html5로 전환을 했습니다. 그 이유를 소개하는 페이지인데, 이것도 html5입니다.
http://sungmooncho.com/2010/06/04/html5/ HTML5가 바꿔가는 애플리케이션 세상
http://dreamgoer.net/174 오프라인 지원, Web Storage, Drag & Drop 등의 새로운 API에 대한 소개입니다.
http://code.google.com/p/pywebsocket/ WebSocket이라는 새로운 API를 사용하려면 서버에서 이를 지원해야 하는데 파이썬으로 구현한 아파치 웹 서버 모듈입니다. Web Socket을 사용해서 일본어 루비를 처리하는 예는 http://bloga.jp/koma/ws/pipelinetest.html 에 있습니다.
http://my.opera.com/core/blog/2010/03/03/everything-you-need-to-know-about-html5-video-and-audio-2 오디오와 비디오에 대한 이야기인데,
<video controls> <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'> <source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> video not supported </video>
처럼 type으로 비디오와 오디오 코덱을 명시해 줄 수 있습니다.
http://mrdoob.com/ html5 canvas로 만든 다양한 예가 있습니다. 다 재밌지 그 중에서도만 http://mrdoob.com/projects/chromeexperiments/google_gravity/ 요게 특히 재밌네요.
http://www.miceseoul.com/ 우리나라 최초 html5 사이트라는데(확인은 안해봤어요), html5에서 생긴 header, section, nav 같은 태그를 사용해서 레이아웃을 만들었습니다. 태그에 대해 살펴볼 때 좋은 것 같습니다.
http://alteredqualia.com/canvasmol/ 화학구조를 html5로 나타낸 사이트인데, 마우스로 움직일 수도 있고 움직이는 화학구조 밑에 있는 버튼(X Y Z Atoms Bonds B-width B-gradient A-color PNG)으로 여러가지 효과도 볼 수 있습니다.
http://mugtug.com/ 포토샵을 흉내낸 사이트인데, lightroom을 따라한 darkroom도 생겼네요.
http://www.html5test.com/ 웹브라우저가 html5를 얼마나 지원하는지 점수를 매겨주는 사이트입니다.
댓글 1
-
dynamics
2010.06.13 11:37
흡사 PDF로 돌아간다는 느낌이 날 정도로 훌륭한 사이트가 많군요.그러나...짜증나는 한국 웹사이트들...도무지 한국 웹사이트는 국제표준(?)을 지키지 않는 지 한 번 들어가면 정말로 짜증이 납니다.하도 팝업이 올라와서 팝업 억제 브로우즈를 사용하면 본문 가운데 올라오는데 아마 플레시로 돌리는것 같습니다.언론사 웹사이트는 요즈음 기사 중 키워드에 함정을 파놓고 마우스가 지나가기만 해도 광고가 올라오도록 하고,아래 단에서는 팝업 광고가 뜨도록 하고 있습니다. 또 얼마나 반짝반짝 광고를 해대는지 웹사이트가 정말로화려합니다. 외국 언론사의 웹사이트는 그렇지 않는데 도무지 이해가 가지 않습니다.HTML5가 도는가 했더니 IE 계열은 안된다고 하는군요.크롬으로 돌려보니 잘 나옵니다만... 위에서 말한대로 한국 웹사이트들에서 나오는 플레시 팝업 광고가아무리 닫기를 눌러도 사라지지 않습니다. 어떻게 하면 없앨 수 있나요?
