[B! html5] s5-styleã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

s5-style id:s5-style

html5ã«é–¢ã™ã‚‹s5-styleã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (162)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

HTMLã®srcsetã‚’ä½¿ã£ã¦ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«Retinaå¯¾å¿œã•ã›ã¦ã¿ã‚ˆã† | Kia King
WEBã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã™ã‚‹ã¨ãã«çµæ§‹å¤§å¤‰ãªã®ãŒç”»åƒã®æ‰±ã„ã€‚iPhoneç‰ã®é«˜è§£åƒåº¦ãƒ‡ãƒã‚¤ã‚¹(Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç‰)ã«ã¯2å€ã®ç”»åƒã‚’ç”¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã—ã€æœ€è¿‘ã¯ç”»é¢ã®ã‚µã‚¤ã‚ºã«ä¼šã‚ã›ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆãŸã„å ´åˆã‚‚å¤šã„ã€‚ãã‚“ãªæ™‚ã«HTML5ã®srcsetãŒã™ã“ã¶ã‚‹ä¾¿åˆ©ã ã£ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ srcsetã§ã§ãã‚‹ã“ã¨ æ¬¡ã®ã‚ˆã†ãªã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦å‹•çš„ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§imgã‚¿ã‚°ã«ä½¿ç”¨ã—ã¾ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãã€‚ <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/[email protected] 2x" alt
s5-style 2014/11/01
srcset

Retina

ãƒ†ã‚£ãƒƒãƒ—ã‚¹

HTML5
ãƒªãƒ³ã‚¯
swfâ‡’HTML5å¤‰æ›ï½œWebãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãƒ»ãƒãƒ©ãƒ’ãƒã‚·ã®ãƒ–ãƒã‚°
s5-style 2014/05/10
ã¾ã¨ã‚

ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«

swf

html5
ãƒªãƒ³ã‚¯
iOS6ã‹ã‚‰ä½¿ç”¨å¯èƒ½ã«ãªã£ãŸWeb Audio APIã‚’è©¦ã™ - ã¨ã‚ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒžã®å‚™å¿˜éŒ²
æŸãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®iOSã®éŸ³å£°ãŒãªã‚‰ãšã„ã‚ã„ã‚è©¦è¡ŒéŒ¯èª¤ã—ã¦ã¿ãŸçµæžœ ã“ã®æ–¹æ³•ã§ãªã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ä¸€å¿œå‚™å¿˜éŒ² å‡¦ç†ã®ãƒ•ãƒãƒ¼çš„ã«ã¯ã“ã‚“ãª 1,ãƒšãƒ¼ã‚¸ãŒé–‹ã‹ã‚Œã‚‹ 2,å¯¾è±¡ã®éŸ³å£°ã‚’ãƒãƒ¼ãƒ‰ 3,Web Audio APIãŒä½¿ç”¨ã§ãã‚‹ã‹ã®ãƒã‚§ãƒƒã‚¯ â€»iOS6ã‹ã‚‰ä½¿ç”¨ãŒå¯èƒ½ 4,XMLHttpRequestã§mp3ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒã‚¤ãƒŠãƒªã§æŒã£ã¦ãã‚‹ 5,ãƒ‡ã‚³ãƒ¼ãƒ‰ 6,ã€Œå†ç”Ÿã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ 7,ãƒãƒ¼ãƒ‰ã—ã¦ã‚‹éŸ³å£°ãƒ•ã‚¡ã‚¤ãƒ«ã‚’æµã™ ã¨ã„ã†æµã‚Œã«ãªã‚Šã¾ã™ã€‚ sound.js $(document).ready(function() { /** * @component */ var context; var sound_buffer = null; //onLoad window.addEventListener('load', init, false); /** * åˆæœŸåŒ– * **/ function ini
s5-style 2014/04/19
JS

HTML5

éŸ³æ¥½

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

API
ãƒªãƒ³ã‚¯
HTML5 ã§è¿½åŠ ã•ã‚ŒãŸå±žæ€§ã®ä¸ã‹ã‚‰ãƒžã‚¤ãƒŠãƒ¼ã£ã½ã„ã®ã‚’ç´¹ä»‹ã—ã¦ã¿ã‚‹
HTML5 ã‹ã‚‰è¿½åŠ ã•ã‚ŒãŸå±žæ€§ã®ä¸ã‹ã‚‰ã€ã¾ã ã‚ã¾ã‚Šåºƒãä½¿ã‚ã‚Œã¦ãªã•ãã†ãªå±žæ€§ã•ã‚“ãŸã¡ã«æ—¥ã®ç›®ã‚’è¦‹ã¦é ‚ããŸã‚ã®ç´¹ä»‹è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€HTML5 Advent Calendar 2013ã€11æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ åŽ»å¹´ã® HTML5 Advent Calendar 2012 ã§ã¯ã€Microdata é–¢é€£ã®è¨˜äº‹ã‚’æ›¸ã„ãŸã‚“ã§ã™ãŒã€ä»Šå¹´ã‚‚ç™»éŒ²ã—ã¦ã¿ãŸã‚‚ã®ã®ã€è¦‹äº‹ã«ãƒã‚¿ãŒç„¡ã„ã®ã§ã©ã†ã—ã‚ˆã†ã‹ãªã¨...... ã¨ã„ã†ã“ã¨ã§ã€HTML5 ã‹ã‚‰è¿½åŠ ã•ã‚ŒãŸå±žæ€§ ï¼ˆè¦ç´ ã˜ã‚ƒãªãå±žæ€§ã®æ–¹ï¼‰ ã®ä¸ã‹ã‚‰ã€ã¾ã ã‚ã¾ã‚Šåºƒãä½¿ã‚ã‚Œã¦ãªã•ãã†ãªå±žæ€§ã•ã‚“ãŸã¡ã«æ—¥ã®ç›®ã‚’è¦‹ã¦é ‚ããŸã‚ã®ç´¹ä»‹è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€ã€Œã‚ã¾ã‚Šåºƒãä½¿ã‚ã‚Œã¦ã„ãªã•ãã†ãªã€ ã¯å®Œå…¨ã«ç§ã®ç‹¬æ–ã¨åè¦‹ã§ã™ã®ã§ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ placeholder å±žæ€§ æœ€åˆãªã®ã§ã‚ã¾ã‚Šãƒžã‚¤ãƒŠãƒ¼ã£ã½ããªã„ã‚„ã¤ã‹ã‚‰ã€‚ãã®åã®é€šã‚Š
s5-style 2013/12/14
placeholderã€formã€patternã€scopedã€manifestã€sizesã€seamlessã€contenteditableå±žæ€§ã®è§£èª¬

html5

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ãƒªãƒ³ã‚¯
D3.jsã¨Fabric.jsã‚’ä½¿ã£ã¦canvasã«æç”»ã™ã‚‹
d3.js Advent Calendar 2013 4æ—¥ç›®ã®å‚åŠ è¨˜äº‹ã§ã™ã€‚ ä»¥å‰ã‚‚ã€Fabric.jsã«ã¤ã„ã¦ã¯æ›¸ã„ãŸã“ã¨ãŒã‚ã‚‹ã®ã§ã™ãŒã€D3ã¨Fabricã®çµ„ã¿åˆã‚ã›ã«ã¯ã„ã‚ã„ã‚ãªå¯èƒ½æ€§ã‚’æ„Ÿã˜ã‚‹ã®ã§ã€å¸ƒæ•™ã®ã¤ã‚‚ã‚Šã§æ”¹ã‚ã¦è¨˜äº‹ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Fabricã¯ã€HTML5ã®canvasè¦ç´ ã‚’ä½¿ã„ã‚„ã™ãã™ã‚‹JavaScriptã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ æœ€è¿‘ã§ã¯ã€Canvas ã¯ã€ç§ãŸã¡ãŒã€å…¨ã é©šãã¹ã ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ ã‚’ã‚¦ã‚§ãƒ–ä¸Šã§ä½œã‚‹ã“ã¨ã‚’å¯èƒ½ã«ã—ã¾ã—ãŸã€‚ã—ã‹ã—ã€ Canvasã®APIãŒæä¾›ã™ã‚‹ã®ã¯ã€æ®‹å¿µãªãŒã‚‰ä½Žæ°´æº–ã§ã™ã€‚ ã‚‚ã—ã€ç§ãŸã¡ãŒå˜ã«åŸºæœ¬çš„ãªå›³å½¢ã‚’ canvasä¸Šã«ã»ã¨ã‚“ã©æããŸã„ã¨æ€ã‚ãšã€ãã®ã“ã¨ã‚’å¿˜ã‚Œã¦ã—ã¾ãˆã°åˆ¥ã§ã™ãŒã€ ã©ã‚“ãªå½¢ã«ã›ã‚ˆã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒå¿…è¦ã«ãªã£ãŸã‚Šã€ ã„ã‹ãªã‚‹ç‚¹ã§ã‚ã‚Œã€çµµã®å¤‰æ›´ãŒå¿…è¦ã«ãªã£ãŸã‚Šã€ã‚‚ã£ã¨è¤‡é›‘ãªå›³å½¢ã‚’ æãã“ã¨ãŒå¿…è¦ã«ãªã£ãŸã‚‰ã€çŠ¶æ³ã¯ä¸€
s5-style 2013/12/14
Fabricã¯ã€HTML5ã®canvasè¦ç´ ã‚’ä½¿ã„ã‚„ã™ãã™ã‚‹JavaScriptã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

d3.js

canvas

HTML5

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

Fabric.js

æ‹¡å¼µæ©Ÿèƒ½

â˜…
ãƒªãƒ³ã‚¯
DevDocs
New documentation: Three.js
s5-style 2013/12/14
HTML5ã‚„CSSã€jQueryãªã©ã®APIã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚µã‚¤ãƒˆ

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

html5

JS

CSS

â˜…
ãƒªãƒ³ã‚¯
ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã®HTML5 audioã‚¿ã‚°ã§ä½¿ãˆã‚‹ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã®å†ç”Ÿå¯¾å¿œçŠ¶æ³ã‚’èª¿ã¹ã¦ã¿ãŸ - éŸ³æ¥½æ–¹ä¸ˆè¨˜
ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã®HTML5 audioã‚¿ã‚°ã§ä½¿ãˆã‚‹ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã®å†ç”Ÿå¯¾å¿œçŠ¶æ³ã‚’èª¿ã¹ã¦ã¿ãŸ Â» éŸ³æ¥½ãƒã‚¿å…¨èˆ¬ã€€Â [ç·¨é›†] ã“ã®ãƒ–ãƒã‚°ã‚’ iPad ã® Safari ã§ã‚‚ãã“ãã“è¦‹ã‚Œã‚‹ã‚ˆã†ã«åŸ‹ã‚è¾¼ã¿ã® mp3 ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¨ã‹ Flash é–¢é€£ã®æ‰±ã„ã‚’å‰ã‹ã‚‰ã‚³ãƒ„ã‚³ãƒ„ã¨ã„ã˜ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã„ã‚ã„ã‚ã‚„ã‚‹ã¤ã„ã§ã«ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã® HTML5 ã® audio è¦ç´ ã®å†ç”Ÿãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ãŒã©ã“ã¾ã§å¯¾å¿œã—ã¦ã„ã‚‹ã®ã‹èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ HTML5 ã® audio è¦ç´ ã«ã¤ã„ã¦Â» åŸºæœ¬æ§‹æ–‡ <audio src="éŸ³å£°ãƒ•ã‚¡ã‚¤ãƒ«ã®URL" >ã“ã“ã«æœªã‚µãƒãƒ¼ãƒˆæ™‚ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸</audio> Â» å±žæ€§ å±žæ€§ å€¤ ç”¨é€” src å†ç”Ÿã™ã‚‹éŸ³å£°ãƒ•ã‚¡ã‚¤ãƒ«ã® URL controls å†ç”Ÿ/åœæ¢ãƒœã‚¿ãƒ³ãªã©ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¡¨ç¤ºã™ã‚‹ autoplay ãƒãƒ¼ãƒ‰å¾Œã«è‡ªå‹•å†ç”Ÿã™ã‚‹ loop ãƒ«ãƒ¼ãƒ—å†ç”Ÿã™ã‚‹ preload none meta
s5-style 2013/10/16
html5

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ

audio
ãƒªãƒ³ã‚¯
W3 Watch Reference
W3 Watch Reference ã¯ã€Web ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æ–¹ã€…å‘ã‘ã« HTML ï¼ˆHTML Living Standardï¼‰ã€CSS ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’æ—¥æœ¬èªžã§æä¾›ã—ã¦ã„ã¾ã™ã€‚å„è¦ç´ ã€ã‚»ãƒ¬ã‚¯ã‚¿ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®æ„å‘³ã‚„ã€ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹ã‚’æŽ²è¼‰ã—ã¦ã„ã‚‹ä»–ã€ãã‚Œãžã‚Œã‚’ç”¨é€”ã‹ã‚‰é€†å¼•ãã§ãã‚‹ã‚ˆã†ã«ã‚‚ã—ã¦ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€å‚è€ƒã«ãªã‚Šãã†ãªå¤–éƒ¨ãƒªãƒ³ã‚¯ã‚’ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã®ã§ã€ã‚ã‚ã›ã¦ã”åˆ©ç”¨ãã ã•ã„ã€‚ ãªãŠã€CSS ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«é–¢ã—ã¦ã¯ç¾æ™‚ç‚¹ã§ä½œæˆä¸ã‚‚é …ç›®å¤šã„ã§ã™ãŒã€é †æ¬¡æ›´æ–°ã•ã‚Œã¦ã„ãã¾ã™ã®ã§ã—ã°ã‚‰ããŠå¾…ã¡ãã ã•ã„ã€‚
s5-style 2013/06/29
HTML5, CSS, jQuery... Quick Reference for Web Developersã€Web ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®ãŸã‚ã®ã‚¯ã‚¤ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

html5

CSS

JQuery

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ãƒªãƒ³ã‚¯
HTML5ã§è¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹æœ€é©ãªæ–¹æ³•ã¨ã¯ï¼Ÿ CreateJSã‚’ä½¿ã£ã¦å®¹é‡ã‚‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚‚æœ€é©åŒ–ã—ã‚ˆã† - ICS MEDIA
HTML5ã§è¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹æœ€é©ãªæ–¹æ³•ã¨ã¯ï¼Ÿ CreateJSã‚’ä½¿ã£ã¦å®¹é‡ã‚‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚‚æœ€é©åŒ–ã—ã‚ˆã† HTML5ã§è¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã«ã¯ã„ã¤ã‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ãŒã€ãã‚Œãžã‚Œã®æ‰‹æ³•ã«ã¤ã„ã¦å®¹é‡ã¨ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’æ¤œè¨¼ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã‚’ä½¿ã†æ–¹æ³• ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†æ–¹æ³• ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆãƒ“ãƒ«ãƒ€ãƒ¼ã‚’ä½¿ã†æ–¹æ³• ãŠã¾ã‘ï¼šGIFã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†æ–¹æ³• ãŠã¾ã‘ï¼šFlashã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†æ–¹æ³• ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã‚’ä½¿ã† ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã¨ã¯æ˜ ç”»ã®ã‚³ãƒžã®ã‚ˆã†ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å…¨ã‚³ãƒžã‚’ç”»åƒã¨ã—ã¦ç”¨æ„ã—ã¦ãŠã„ã¦ã€é †ç•ªã«é«˜é€Ÿã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã§ã™ã€‚enchant.jsã‚„CreateJSãªã©å¤šãã®JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§æŽ¡ç”¨ã•ã‚Œã¦ãŠã‚Šã€ã‚‚ã£ã¨ã‚‚ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªæ–¹æ³•ã§ã™ã€‚ è¡¨ç¾ã®å†ç¾æ€§ãŒé«˜ã„ã†
s5-style 2013/05/20
CreateJSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆãƒ“ãƒ«ãƒ€ãƒ¼

ãƒ‡ãƒ¢

html5

æœ€é©åŒ–

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
JavaScript ã§ã®ãƒãƒ¼ã‚«ãƒ« ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ - HTML5 Rocks
Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without ever having to transfer the data across the network. This page walks through how to use JavaScript to
s5-style 2013/05/20
FileAPIã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ç”»åƒã‚’ã‚µãƒ¼ãƒãƒ¼ã«é€ä¿¡ã™ã‚‹éš›ã«ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ« ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ä½œæˆã—ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ™‚ã«ã‚¢ãƒ—ãƒªã§ãƒ•ã‚¡ã‚¤ãƒ«å‚ç…§ã‚’ä¿å˜ã—ãŸã‚Šã€èªã¿å–ã‚Šã®é€²è¡ŒçŠ¶æ³ã‚’ç›£è¦–ã—ãŸã‚Šã€‚

JS

html5

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

fileAPI
ãƒªãƒ³ã‚¯
CodePen - Front End Developer Playground & Code Editor in the Browser
Build, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the worldâ€™s largest community of front end developers and designers.
s5-style 2013/04/10
HTML5ã‚„Javascriptã‚’å…¬é–‹ã€å…±æœ‰ã™ã‚‹SNS

sns

JS

html5

ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
howler.js - Modern Web Audio Javascript Library - GoldFire Studios
Browsers have come a long way over the years, and we are now able to achieve amazing results using all of the great new techno logies often referred to as HTML5. However, generally speaking, audio still sucks. Thankfully, Google decided to create Web Audio API and make all our lives easier. The probl em is that only the latest browsers support this new-fangled browser audio, so what are we to do? We
s5-style 2013/02/27
HTML5ã®Web Audio APIã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª

JS

audio

WebAudioAPI

html5
ãƒªãƒ³ã‚¯
ASCII Google Street View (AMAZING)
If you are looking for a unique and interesting experience, you may want to check out this rendition of Google Street View in ASCII, which also includes some cool ASCII art. The device features an automatic rotation function, allowing users to focus on their desired content without the need to search for navigation arrows. Additionally, it offers a green color mode for enhanced viewing and a Matri
s5-style 2012/09/24
ã‚°ãƒ¼ã‚°ãƒ«ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ã‚«ãƒ©ãƒ¼ã®ã‚¢ã‚¹ã‚ãƒ¼ã‚¢ãƒ¼ãƒˆã§å†ç¾ã—ãŸã‚µã‚¤ãƒˆã€‚

WebGL

html5

googleStreetView

ã‚¢ã‚¹ã‚ãƒ¼ã‚¢ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
Origami
About Simply a colorful folding doodle on <canvas> Click anywhere on the drawing to change layouts. Created by Hakim El Hattab | @hakimel Share
s5-style 2012/03/22
æŠ˜ã‚Šç´™ã‚’ãƒ¢ãƒãƒ¼ãƒ•ã«ã—ãŸHTML5ã®ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆ

HTML5

canvas

ãƒ‡ãƒ¢
ãƒªãƒ³ã‚¯
Turn.js: The page flip effect in HTML5
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
s5-style 2012/02/09
ãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œturn.jsã€

html5

JS

æ‹¡å¼µæ©Ÿèƒ½
ãƒªãƒ³ã‚¯
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
s5-style 2012/01/29
HTML5 audioè¦ç´ ã®åŸºæœ¬

html5

audio

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
crocro.jscam
ã€Œcrocro.jscamã€JavaScriptã§Webã‚«ãƒ¡ãƒ©ã®ç”»åƒã‚’å–å¾—ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã¯ã˜ã‚ã« ã€Œcrocro.jscamã€ã¯ã€JavaScriptã§ã€Webã‚«ãƒ¡ãƒ©ã®ç”»åƒã‚’å–å¾—ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å‹•ä½œå¯¾è±¡ã¯HTML5ä»¥ä¸Šã€PCã¨ãªã‚Šã¾ã™ã€‚ãƒ‡ãƒãƒƒã‚°ã‚’è¡Œã£ãŸã®ã¯ã€Chrome16ã€IE9ã€Firefox9ã«ãªã‚Šã¾ã™ã€‚ æœ¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ã‚’è¡Œãªãˆã¾ã™ã€‚ Webã‚«ãƒ¡ãƒ©ã®ç”»åƒã®ã‚ãƒ£ãƒ—ãƒãƒ£ã€‚ ã‚ãƒ£ãƒ—ãƒãƒ£ã—ãŸç”»åƒã®2å€¤åŒ–ï¼ˆç™½é»’åŒ–ï¼‰ã€‚ 2å€¤åŒ–ã‚’å…ƒã«ã—ãŸãƒ©ãƒ™ãƒªãƒ³ã‚°ï¼ˆé ˜åŸŸåˆ†å‰²ï¼‰ã€‚ ãƒ‰ãƒƒãƒˆãƒ‘ã‚¿ãƒ¼ãƒ³ã®æ¤œå‡ºã€ã‚ã‚‹ã„ã¯ãƒžãƒ¼ã‚«ãƒ¼ã®æ¤œå‡ºï¼ˆ4éš…ã®ä½ç½®ã¨å‘ãï¼‰ã€‚ ã‚ãƒ£ãƒ—ãƒãƒ£ã‚’æŒ‡å®šã—ãŸå ´åˆã®å³æ™‚ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯å‡¦ç†ï¼ˆå„ç¨®è§£æžãƒ‡ãƒ¼ã‚¿ã®å–å¾—ï¼‰ã€‚ æ¤œå‡ºæ™‚ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯å‡¦ç†ï¼ˆå„ç¨®è§£æžãƒ‡ãƒ¼ã‚¿ã®å–å¾—ï¼‰ã€‚ Webã‚«ãƒ¡ãƒ©ã§å–å¾—ã—ãŸç”»åƒã‚’HTML5ã§åˆ©ç”¨ã—ãŸã„ã¨ã„ã£ãŸç”¨é€”ã‚„ã€ãƒžãƒ¼ã‚«ãƒ¼ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ä»£ã‚ã‚Šã«ä½¿ã£ãŸç°¡å˜ãªã‚²ãƒ¼
s5-style 2012/01/28
Webã‚«ãƒ¡ãƒ©ã§å–å¾—ã—ãŸç”»åƒã‚’HTML5ã§åˆ©ç”¨ã—ãŸã„ã¨ã„ã£ãŸç”¨é€”ã‚„ã€ãƒžãƒ¼ã‚«ãƒ¼ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ä»£ã‚ã‚Šã«ä½¿ã£ãŸç°¡å˜ãªã‚²ãƒ¼ãƒ ãªã©ã«ä½¿ãˆã¾ã™

Webã‚«ãƒ¡ãƒ©

js

HTML5

framework
ãƒªãƒ³ã‚¯
CSSã€€20 stunning examples of CSS 3D transforms
Why not try a subscription?Every issue is packed with art and design inspirationDelivered to your IOS or Android deviceNever miss an issue
s5-style 2012/01/25
HTML5ã§ã¤ãã‚‰ã‚ŒãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚²ãƒ¼ãƒ 20é¸

html5

ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚²ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
Loading...
s5-style 2012/01/07
Videoã‚’è¦‹ã›ã‚‹ãŸã‚ã®ã„ã‚ã„ã‚ãªHTML5 Video Player ã¾ã¨ã‚

ã¾ã¨ã‚

html5

video
ãƒªãƒ³ã‚¯
Cross Browser HTML5 Progress Bars In Depth
Update (March 9, 2012): I have updated this document to include styling information for Internet Explorer 10. Screenshots of HTML5 progress bars with different styles applied. Details given below. As a web application developer, progress bars are great when you want to show the user that some action is happening, especially when it can take a long time. They can be animated (like the one in Gmail
s5-style 2012/01/07
HTML5ã¨CSS3ã§ä½œã‚‹ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€‚

html5

ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 æ¬¡ã®ãƒšãƒ¼ã‚¸