본문 바로가기

Programing/웹

(21)
[CSS] HTML5::Canvas 텍스트 흐림현상 HTML5의 캔버스에서 fillText를 이용해서 텍스트를 나타내고 있었다.그런데 아래와 같이 이상하게 어느 순간 부터 글씨가 흐리게 나타나고 있었다. 인터넷을 찾아보았더니 canvas의 크기 지정을 HTML 엘리먼트에서 하지 않고, CSS로 처리를 할 경우 흐리게 보인다는 것이었다.
[CSS] HTML&CSS 벤치마킹 플래쉬보다 쉽게 구조화되고 다이내믹한 메뉴 만들기 | Clearboth :hover 를 이용한 Rollover Menu 만들기 « 장군블로그 [진심을 담는 마크업. 웹 표준. 웹 접근성. 성민장군]
[CSS] 블록엘리먼트 꽉차게 하기 다음과 같이 가로 200, 세로 200인 녹색 div가 있다고 하자. HTML 코드는 아래와 같다. (MORE 클릭) 해봐라 -- div#box { width: 200; height: 200; background: #b7d84b; } --> 해당 div를 화면에 꽉차게 만들어볼 수 있겠는가?아래와 같이 처음에 떴을 때 div가 꽉차는 것은 물론,창의 크기가 변해도 아래처럼 꽉 차야 한다. 쉽게 생각해서 div#box { width:100%; height: 100%; ...} 로 바꾸면 될 것이라 생각해면 문제를 내지도 않았다!!이렇게 했을 경우 div는 화면에서 보이지 않는다. 높이가 지정되지 않았기 때문이다. jQuery를 이용한다면 다음과 같다. (MORE 클릭) DOCTYPE html PUBLIC ..
[jQuery] iframe 엘리먼트 접근하기 자바스크립트를 이용하면 iframe에서 로딩한 엘리먼트에 접근이 가능하다.힌트는 iframe 엘리먼트를 선택하고 contents().find(...) 를 이용하는 방법이다.CSS link의 경로 바꿔치기도 가능하다. (IE, Safari, FF에서는 가능했으나 Chrome에서는 불가능했다) 참고: - How to access iframe in jQuery : 접근하는 예아래와 같은 iframe이 있다고 가정하고, id는 엘리먼트르 쉽게 접근하기 위해 부여 iframe이 내부에 someID라는 id를 가지는 자식 엘리먼트를 포함한다고 할 때,Hello world! 다음과 같이 내용을 가져오는 것이 가능하다. 핵심은 contents()에서 find하는 것$('#iframeID').contents().find..
[JavaScript] RIA::자바스크립트 프레임워크 자바스크립트 테스트 캔버스 : http://jsbin.com/ jQuery를 공부하던중에 몇 가지 정리를 해본다. jQuery 공식사이트(1.8.2): http://jquery.com/ jQuery UI(1.9.0) : http://jqueryui.com/ - jQuery Online Movie Tutorial by John Resig - eclipse plug-in : Aptana Studio 3 - http://download.aptana.com/studio3/plugin/install => http://j07051.tistory.com/entry/Eclipse-Jquery-플러그인-설치 => jQuery, 기본 셀렉터 (TAEYO.NET) jQuery 플러그인들 차트관련: jQuery Plugins..