본문 바로가기
반응형

HTML58

FormData Object 확인 HTML5 API 인 FormData 객체를 사용하여 데이터를 할당하는 도중,삽질된통 했다. 나중에 How to FormData Object Inspect 라고 구글링 하면 여러 결과를 확인할 수 있지만 백문이불여일타다.직접 쳐보는게 제일 좋다.간단히 내가 겪은 상황은 아주 단순 심플하다. var formData = new FormData(); formData.append('id', 'JKUN.NET'); console.log(formData); 위와 같은 상황이라면 요소검사의 떡하니 폼데이터 객체에 id 속성이 할당된줄만 알았다.그래서 찍어보니... 없다... 아 돌아가시는 줄 알았다. 여기서 제가 찾은 방법은 XHR - AJAX 를 이용하여 네트워크에서 확인하는 방법말고는 특별히 없었습니다.더 심플하.. 2015. 9. 21.
Emmet 으로 HTML UI 개발속도 높이기 출처 : http://codeflow.co.kr/question/393/emmet으로-html과-css-작업-속도-높이기-accelerate-your-html-and-css-production-with-emmet/ Emmet (Zen Coding으로 알려진바 있는) 은 빠른 웹개발을 위한 마크로와 키보드 바로가기 모음집입니다. 무상 다운로드 할수있으,며10여개이상의 에디터의 플러그인으로 설치할수 있이며, 일관성 있게 사용한다면 최대 2배의 생산성을 기대할수 있습니다. 이 포스팅에서 Emmet의 설치, 사용법과 최대의 결과를 얻기위한 커스터마이징 방법들을 설명하겠습니다.최근에 나온 에디터의 대부분은태그를 자동으로 닫아주거나 늘상 쓰이는 요소들로 미리 포맷을 잡아주거나하는, 이런 저런 종류의 마크로를 내부에.. 2015. 4. 9.
HTML5 미지원 IE에서 DOM Script 를 이용하여 적용하기 (function(){ if(!/*@cc_on!@*/0) return; var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video".split(','); var i=0,ll=e.length; while (i 2013. 9. 23.
HTML5 / CSS3 placeholder 폰트 색상 지정 ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } 2013. 9. 2.
반응형