| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- #image
- CSS
- javascript
- 홈페이지
- #동영상
- #jQuery
- 솔루션
- 게시판
- 웹솔루션
- #cgimall
- #happycgi
- #솔루션
- CGIMALL
- jquery
- 해피CGI
- #홈페이지
- 해피씨지아이
- #웹솔루션
- #이미지
- happycgi
- #홈페이지제작
- #쇼핑몰
- #해피CGI
- 사이트제작
- #업종별
- 쇼핑몰
- #CSS
- #뉴스
- 홈페이지제작
- php
- Today
- Total
목록html5 (21)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
HTML5 기반으로 반응형 웹 템플릿을 무료로 제공하고 있으므로 홈페이지 제작시 참고하실 수 있습니다. 사이트에서 각 유형의 Demo 버튼을 클릭하여 미리보기 하실 수 있습니다.
홈페이지를 html5로 만드실때 기본적인 디자인 소스등을 확인하고 다운 받을수 있는 사이트입니다^^ 다양한 형태로 디자인 된 파일들을 다운받아서 원하시는 정보로 변경하시어 사용 하시기 바랍니다^^
사이트에서 단계별로 가이드 안내가 되어 있으므로, 참고하여 변경해 보실 수 있습니다. http://tutorialzine.com/2010/02/html5-css3-website-template/ [데모사이트] http://demo.tutorialzine.com/2010/02/html5-css3-website-template/template.html
HTML5와 CSS3 을 사용하여 제작되었으며, 색상 변경이 가능한 깔끔한 테마입니다. 또한, 워드프레스, 블로그 등 다르게 활용하실 수 있습니다.
HTML5 에서는 기존의 버전에서 하지 못했던 여러가지 기능등을 완벽히 구현하지는 못하지만 자바스크립트와 같이 사용을 한다면 플러그인 없이도 어느정도 구현이 가능합니다. 그중 canvas 기능은 그림판을 만들거나 간단한 게임, 이미지 효과를 적용할 수 있습니다. 각 목차 페이지로 이동을 하면 영문페이지로 접속이 되나 우측하단의 언어를 한국어로 선택하시면 한글페이지로 보실 수 있습니다. 아직은 IE9 이상 최신 브라우저에서만 지원이 되며 기존의 프로그램들을 모두 대체하지는 못하겠지만 앞으로 발전가능성이 충분히 있을 듯 합니다. canvas 를 이용한 몇개의 사이트를 소개해드립니다. http://www.effectgames.com/demos/canvascycle/ http://dougx.net/plunder..
특정 웹브라우저 영역을 전체화면으로 변경할 수 있는 Full Screen API 입니다. 토글 풀브라우저 버튼 이벤트를 통해서 원하는 영역을 풀스크린로 전환하여 이용할 수 있습니다. "esc" 클릭시 원래 화면으로 돌아옵니다. 해당 사이트에 가시면 관련script 소스 및 css3 소스가 있습니다. 손쉽게 되어 있어서 이용도 쉽습니다.
HTML, CSS, JS 파일의 최소한의 기초 코딩이 되어 있으며, 소스파일에 주석 부분은 자세한 설명이 되어 있습니다. 인터넷 IE6 포함하여 모든 브라우저에서 적합한 html5 기초 코딩을 확인해 보실 수 있습니다.
HTML5 가이드 소개 HTML5 가이드는 HTML5 소개 및 마크업, CSS3, HTML5 APIs 및 iPhone에서의 웹 앱 개발등 5장으로 구성되어 있으며, 웹 개발자들이 HTML5의 기본 개념을 배우고 모바일 웹에서 실질적으로 사용할 수 있도록 하기 위해 제작되었습니다.
HTML5로 들어오면서 새롭게 생겨난 속성입니다. 기존에 인풋박스에 placeholder와 같은 속성을 이용하려면 자바스립트나, jquery를 이용하여 이미지 또는 텍스를 이용하여 복잡하게 설정해야만 했지만. placeholder는 간단히 태그입력후 alt나 title속성입력하는것과 같이 원하는 문구를 적어주면 됩니다. 위와같이 사용할수도 있으며 인풋태그에 간단히 설명을 입력할 수 도 있습니다. 사용방법은 예시 html5로 업그레이드되면서 새롭게 생긴속성이라서 구버전 익스플로러에서는 사용이 되지 않습니다. ie의 같은경우는 10버전에서 일부의 html5를 지원하기때문에 9이하로는 무용지물이 됩니다. 아래의 링크를 통해서 개발자가 만들어둔 jquery소스를 이용해 placeholder를 ie9이하에도 사용..
사이트에서 배경이미지 및 html5/CSS3 등 자료를 검색하면, 무료 자료가 많습니다. 소스를 참고하여 따라하거나 활용해 보실 수 있겠습니다. http://designinstruct.com/web-design/code-a-vibrant-professional-web-design-with-html5css3/ http://designinstruct.com/free-resources/10-free-clean-minimal-resume-templates-help-get-job/