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

http://www.codedread.com/blog/archives/2009/06/19/embed-an-svg-editor-on-your-web-page/ 아이프레임에 넣어서 같다가 쓸수도 있다.

주로 봐야할 속성으로는 placeholder / autocomplete / autofocus / required 경우이고. 직접 만들어서 값을 안넣어본다던지 하면 각 컨트롤들이 어떻게 작동하는지 확인 가능 웹표준을 지키기 위해서 label for를 이용해서 input 타입 객체와 연결을 꼭 시켜주자. 나중에 접근성에서 문제를 발생시키지 않기위해서. 로그인 정보 아이디 비밀번호 비밀번호 확인 회원 등급 개인정보 이름 메일주소 연락처 숙련도(상,중,하) 제출

이미지없이 CSS 만으로도 예쁜 버튼을 만들 수 있다. 주의할점은.. 오타를 조심합시다... HTML5

웹으로.. 이정도가지 이미지 편집이 가능하다니... 그저 놀라울뿐.. http://advanced.aviary.com/tools/image-editor

주소 : http://html5test.com 크롬 / 파이어폭스가 점수가 상당히 높다.. IE9은 win7에서는 망.. win8에서는 그럭저럭 나온다.

웹 브라우저가 점차 지원하는 것들이 많아지면서 많은 개발자와 디자이너들이 강력한 웹 어플리케이션을 만들기 위해 HTML5를 시작하고 있습니다. 새로운 인터넷을 향한 혁명은 HTML5를 통해 진행되고 있습니다. 여기서 저는 15개의 꽤나 유용한 HTML5개발에 도움을 주는 개발 가이드와 입문가이드를 추천해 드리고자 합니다. Development Guides HTML5로 아이폰 앱 만들기(소스 및 코딩가이드, 사용된 HTML5기술 등 제공) HTML5와 CSS3로 되어 있는 단일 페이지의 "포트폴리오"를 위한 예제 소스(소스코드 제공) HTML5로 되어 있는 Cool iPhone App의 디자인 소스 & 소스코드(디자인소스, 소스코드 제공) HTML5 레이아웃으로 코딩하기(표준화된 HTML5 소스코드 제공..

단한번의 클릭으로 html5 템플릿을 만들어주는 사이트를 알려드립니다. 이전에 html5 상용구를 사용해서 템플릿을 제공하는 사이트html5boilerplate 를 소개한 적이 있습니다. 여기서는 3가지의 스타일에서 골라 다운로드를 받아서 사용하면 됐습니다. 마찬가지로 initializr 도 3가지 스타일대로 템플릿을 제공해주고 있습니다. 홈페이지 => http://www.initializr.com/ 제목은 1초 기능 템플릿이라고 해서 가장 간단한 템플릿을 말합니다. 이것을 받아서 사용해도 됩니다. 제가 다운로드 받아서 보니 간단해도 있을것은 다 있습니다. 미디어쿼리 @media 까지 적용되어서 작성되어 있습니다. 고급 사용자가 사용하는 일분짜리 템플릿은 클릭하면 다운로드가 바로 되는것이 아니라 고급사용..

익스플로러9 이하 브라우저에서 CSS3 속성(radius, shadow) 사용하기 .TEST{ -moz-border-radius: 15px; /* for Firefox */ -webkit-border-radius: 15px; /* for Crome, Safari */ border-radius: 15px; /* IE9, Opera 10.5, 미래 브라우저들 */  -moz-box-shadow: 10px 10px 20px #000; /* for Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* for Crome, Safari */ box-shadow: 10px 10px 20px #000; /* IE9, Opera 10.5, 미래 브라우저들 */ ..

HTML5 태그를 익스플로러에서 인식시키기 위해 라이브러리를 링크할 수도 있다. 다음은 레미샤프씨가 제작하야 구글 코드를 통해 배포하고 있는 자바스크립트이다. 'if lt IE 9'는 IE9 이하 버전에 이 스크립트를 적용한다는 뜻이다. html5shiv 자바스크립트에서 익스플로러를 위해 지원하는 HTML5 태그는 article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time, video 이다. -------------------------------------------------------------------..