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 계열은 안된다고 하는군요.크롬으로 돌려보니 잘 나옵니다만... 위에서 말한대로 한국 웹사이트들에서 나오는 플레시 팝업 광고가아무리 닫기를 눌러도 사라지지 않습니다. 어떻게 하면 없앨 수 있나요?
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
375 | 안드로이드 ICS에 새로 추가된 폰트, '로보토' | 에드 | 2012.07.10 | 19713 |
374 | TeX Live 2012 pretest [9] | ndh | 2012.05.15 | 27627 |
373 | TeXworks 0.4.4 released | 에드 | 2012.05.04 | 66744 |
372 |
Cygwin을 써야 할 세 가지 이유
![]() | karnes | 2012.04.18 | 7321 |
371 | Pro Git책 PDF버전 | 에드 | 2012.04.09 | 27558 |
370 | 구글 북스에 접속하니 재미있는 기능이.. [2] | 샘처럼 | 2012.04.08 | 26547 |
369 | 책읽기의 낙원.. | beavim | 2012.04.03 | 4068 |
368 | 세상에... [2] | 에드 | 2012.03.27 | 23390 |
367 | winedt 7 나왔나봅니다. [2] | beavim | 2012.03.21 | 28294 |
366 | Here is why vim uses the hjkl keys as arrow keys | 에드 | 2012.03.20 | 24848 |
365 |
화이트데이
[4] ![]() | 작나 | 2012.03.14 | 25682 |
364 | ConTeXt에서 은글꼴 사용하기 [8] | 정달영 | 2012.03.13 | 41784 |
363 | 구글 크롬 확장 프로그램 daum equation editor | 에드 | 2012.03.08 | 44403 |
362 |
texworks가 불편하신 분을 위한 TnXTeX 변형버전
[13] ![]() | ndh | 2012.03.07 | 37765 |
361 |
학술지 AJT Vol.5 도착
[4] ![]() | Progress | 2012.03.05 | 39940 |
360 | LaTeX 재미있는 물건이네요. | KeAlice | 2012.03.03 | 22751 |
359 |
[KTS 2012] 언어학에서 라텍의 활용
[2] ![]() | 두텁 | 2012.02.29 | 30234 |
358 | 아래글 YHVH 코드 루아텍 버전 | DohyunKim | 2012.02.27 | 4385 |
357 | TeXmaker 3.3 released | 에드 | 2012.02.27 | 23310 |
356 | 강남 프리스비 새 매장 20% 할인 [4] | 에드 | 2012.02.26 | 23466 |