HTML5のメリットを活かしたコンテンツアイデア


–


–
•
•

©


–


–

–

©


–

–

–

–

©



–
•

–

–


–
–

©


–

–

–

•

©



–

–

–

–

–

©


–
–


–

©


–


–

©


–

–

–

©


–

•

–

–

©


–
–
•

•

©



–
•
•
•

•
•

•

©



<canvas width="480" height="268"></canvas>

HTML
function onEnterFrame3() {
ctx.beginPath();
ctx.clearRect(0, 0, slideArea_w, canvas.height);
sx = (sx + dx * 1 + tmpCanvas.width) % tmpCanvas.width;
var w = Math.min(slideArea_w, tmpCanvas.width - sx);
ctx.drawImage(tmpCanvas, sx, 0, w, cellH, 0, 0, w, cellH);
var w1 = slideArea_w - w;

JavaScript
var x1 = w;
while (w1 > 0) {
var w2 = Math.min(w1, tmpCanvas.width);
w1 = w1 - w2;
ctx.drawImage(tmpCanvas, 0, 0, w2, cellH, x1, 0, w2, cellH);

©



–
•
•
•
•
–
–
–
–

©

–
–

CACHE MANIFEST # CSS
/css/iphone.css

# Version: 200911041941 # JavaScript
/js/lib/jquery.js
/js/iphone.js
/js/iphone/appreciate.js
CACHE:
# Images
/img/iphone/bg/body.png
# Desktop Icon /img/iphone/viewer/logo.png
/img/iphone/ico/desktop.png

©



<input type="text"> input[type="text"],
<input type="email"> input[type="password"],
<input type="password"> input[type="email"],
input[type="number"] {
<input type="number">
width: 410px;
margin-bottom: 3px;
padding: 10px 7px;
border: 1px solid #ff789e;
-webkit-border-radius: 5px;
background: #fffbd0;
}
input[type="password"],

HTML CSS
input[type="number"] {
width: 200px;
}

©

HTML5のメリットを活かしたコンテンツアイデア

More Related Content

HTML5のメリットを活かしたコンテンツアイデア