개인이 끄적끄적 거리는 블로그

요소는 입력 필드 ()와 함께 사용되어 사용자가 값을 입력할 때 미리 정의한 옵션들을 드롭다운 목록으로 제공하는 HTML5 요소이다. 사용자가 값을 입력하는 동안에도 드롭다운 목록의 값들을 보여줌으로써 사용자의 편의성을 높이고 입력 오류를 줄일 수 있다. jquery autocomplete 와 흡사 연동되는 인풋 컨트롤: 요소는 요소의 list 속성과 연동됩니다. 사용자가 요소에 값을 입력하면 에서 정의한 옵션 중에서 일치하는 값을 드롭다운으로 보여줍니다. 사용자 선택 가능: 사용자는 드롭다운에서 제공되는 옵션 중 하나를 선택하여 입력 필드에 삽입할 수 있습니다. 이로써 사용자의 편의성을 높일 수 있습니다. 커스텀 옵션: 요소에 나열된 값 이외에도, 사용자가 직접 입력할 수 있습니다. 이를 통해 입력 필..

HTML5 Full Screen API 간단 구현웹 브라우저(Gecko, Webkit 등..)상에서 특정 엘리먼트 영역을 전체 화면(툴바 영역이 보이지 않는)으로 변경할 수 있는 FullScreen API가 있습니다.API에 대한 설명은 그리 어렵지 않아 따로 설명 드리지 않도록 하겠습니다.아래는 관련 소스를 모듈화 시킨 코드 입니다.1. JSBin 소스 링크:http://jsbin.com/ayicib/32.모듈 사용방법:window.onload = function () { var contextStart = document.getElementById('specialstuffStart'); var btnStart = document.getElementById('fsbuttonSta..

카테고리 별로 기초적인 지식에 대해 정리가 잘 되어 있는사이트 ASP.NETHTML5 JSP등등 Web(웹) 관련된 기술에 대한 기초적인 듀토리얼이 체계적으로 잘 정리되어있음 http://www.tutorialspoint.com/index.htm

DEMO : http://www.jqmobi.com/testdrive SITE : http://www.jqmobi.com/ JQuery 모바일보다 강력하다고 하는 jqMobi 가 등장했다.이 프레임워크는 고성능 HTML5 와 하이브리드앱 개발을 위해 개발되었고.jQuery 호환 인터페이스를 지원한다. 성능은 jQuery Mobile 보다 훨씬 빠르다.사이즈도 1/10 수준이라고하는데 사이즈는 잘 모르겠고.. 속도는 진짜 빠르다. 이제 막 jQuery Mobile 시작하긴 했는데.. 불만이 많던 나로서는 흥미로운 프레임웍이 나왔다.공부할께 참 많구나.. 아아앙..ㅇ.ㅇㅇ..아.아 아이폰에서 돌려 봤는데 확실히 반응이 jQuery Mobile보다 빠르다. 근데 이게 지속 가능해야 할 텐데. 지금 섣불리 적용..

Trinity HTML TemplateHTML5 Template for Design CompanySingle Page Scrolling HTML5 Portfolio TemplateFree Hosting Company Website TemplateClean HTML5 Business TemplateShinra HTML5 Template for Business and CorporatesHTML5 Business TemplateSingle Page HTML TemplateTemplate for Photography WebsiteiPhone Application TemplateFree Photography TemplateClean and Simple HTML5 Web TemplatesStay updated by..

정말 좋다. 다운로드도 지원해주니. 일석 삼조. HTML5 각종 템플릿을 다운 받을 수 있는 사이트http://freehtml5templates.com/todo-html5-and-css3-template/

http://caniuse.com/ HTML5 / CSS3 / SVG 등등 웹에서 사용되는 스크립트 및 기술에 대해서 현재 브라우저가 어디까지 지원하는지 자세히 설명해 주는 사이트. 지원안하는기능인데 왜 자꾸 안되나.. 삽질하지말고.. 한번씩 확인해보고 쓰는게 좋을듯.

소스는 1하고 똑같다. 단지 스타일만 변경해서 모양만 예쁘게 해줬을뿐.

모든 드래그 이벤트는 dataTransfer 객체를 통해서 이루어 진다. dropEffect : 드래그가 끝나면서 사용할 효과 지정 effectAllowed (copy,move,link) : 드래그하는 동안 어떤 효과를 사용하는지 지정. (default는 move임) clearData(type) : 주어진 유형의 데이터 삭제. getData(type) : 주어진 유형의 데이터를 가져온다. setData(type, data) 주어진 유형으로 데이터를 설정 스타일은 다음에 넣는다.. 귀찮으니까.. 기능만 우선 봅시다. 예제소스 문서1 문서2 문서3 휴지통

간단하게 만든 그림판. 설명이 뭐가 필요하리. 주석이 최고의 설명!!! 1px 2px 5px 10px black red green blue yellow white