[B! HTML5] msukasukaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

msukasuka id:msukasuka

HTML5ã«é–¢ã™ã‚‹msukasukaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (21)

${{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}}

Famo.usÂ·WebGL/Canvasã‚’ä½¿ã£ã¦é«˜åº¦ãªè¡¨ç¾ã‚’å¯èƒ½ã«ã™ã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ MOONGIFT
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ãŠã„ã¦Webã‹ãƒã‚¤ãƒ†ã‚£ãƒ–ã‹ã¨è¨€ã£ãŸè°è«–ã¯å¸¸ã«ã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã¯é«˜åº¦ãªUI/UXã‚’æä¾›ã™ã‚‹ä¸€æ–¹ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã®æ‰‹é–“ãŒå¦ã‚ã¾ã›ã‚“ã€‚Webã¯é€Ÿåº¦ã‚„UXã«ãŠã„ã¦è¦‹åŠ£ã‚ŠãŒã—ã¾ã™ã€‚ ã—ã‹ã—Webï¼ˆHTML5ï¼‰ã®é€²åŒ–ã¯æ¢ã¾ã‚Šã¾ã›ã‚“ã€‚ã¤ã„ã«ã“ã“ã¾ã§ï¼ã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒFamo.usã§ã™ã€‚3Dã‚’å‚™ãˆãŸãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’è¡Œã†JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ãªã‚Šã¾ã™ã€‚ Famo.usã®ä½¿ã„æ–¹ ãŸãã•ã‚“ã®ãƒ‡ãƒ¢ãŒç™»éŒ²ã•ã‚Œã¦ã„ã¾ã™ã®ã§è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ å†™çœŸã¨ç”»åƒã®çµ„ã¿åˆã‚ã›ã€‚å·¦å³ã‹ã‚‰è¡¨ç¤ºã•ã‚Œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ãƒ‡ãƒ¢ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ãƒ¢ã€‚ ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®æ—¥ä»˜ã‚’é¸æŠžã™ã‚‹ã¨ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒé–‹ãã¾ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚¹ãƒ ãƒ¼ã‚ºã§ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹å†™çœŸã®ãƒ‡ãƒ¢ã§ã™ã€‚ ãƒšãƒ¼ã‚¸é€ã‚Šã®ãƒ‡ãƒ¢ã€‚ å¤©æ°—ã‚¢ãƒ—ãƒªãƒ‡ãƒ¢ã€‚ãƒ™ã‚¯ã‚¿ãƒ¼èª¿ã®è¡¨ç¤ºãŒã„ã„ã§ã™ãã€‚ ã‚¿ã‚¹ã‚¯ç®¡ç†ã€‚
msukasuka 2014/06/18
HTML5

javascript
ãƒªãƒ³ã‚¯
HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æã¾ã¨ã‚
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
msukasuka 2014/02/18
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

HTML5

javascript
ãƒªãƒ³ã‚¯
Flatis
msukasuka 2014/02/18
HTML5

javascript

css

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦ã®å‚™å¿˜éŒ² - NxWorld
ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã®ç›¸æ€§ã‚„ä½¿ã„ãŸã„ã‚‚ã®ãŒåŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã‚‹ã‹ãªã©å°‘ã—ã§ã‚‚é¸æŠžè‚¢ã¯å¤šã„æ–¹ãŒè‰¯ã„ã®ã§ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’è¦‹ã¤ã‘ã¦ã¯ãƒ¡ãƒ¢ã—ã¦ã„ãŸã®ã§ã™ãŒã€çµæ§‹ãªæ•°ã«ãªã£ã¦ããŸã®ã§ãã‚Œã‚‰ã®æ•´ç†ã‚‚å…¼ããŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦ã®å‚™å¿˜éŒ²ã§ã™ã€‚ æœ‰å„Ÿã ã‘ã©é«˜å“è³ªã§ç¨®é¡žã‚‚è±Šå¯Œã¿ãŸã„ãªã‚»ãƒƒãƒˆã‚‚ã‚ã£ãŸã‚Šã™ã‚‹ã‚“ã§ã™ãŒã€ä»Šå›žã¯åŸºæœ¬çš„ã«ãƒ•ãƒªãƒ¼ã§ä½¿ç”¨ã§ãã‚‹ã‚‚ã®ã§ã€å›½å†…å¤–åˆã‚ã›ã‚‹ã¨å…¨éƒ¨ã§34ã‚µã‚¤ãƒˆã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®ä½¿ç”¨æ–¹æ³•ã«ã¤ã„ã¦ã‚‚ç°¡å˜ã«ã§ã™ãŒç´¹ä»‹ã™ã‚‹ã®ã§ã€ã¾ã ä½¿ã£ãŸã“ã¨ãŒãªã„ã‘ã©å®Ÿè£…ã—ãŸã„ã¨ã„ã†å ´åˆã¯ãã¡ã‚‰ã‚’å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ãŒåºƒã¾ã£ãŸãªã©ã‚’ãã£ã‹ã‘ã«ã€å¤šãã®ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã§ã‚‚å–ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ã„ã‚‹ã®ã‚’è¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€‚ å®Ÿéš›ã«ä½¿ç”¨ã—ãŸã“ã¨ãŒã‚ã‚‹äººãªã‚‰ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€æœ¬å½“ã«æ‰‹è»½ã«å®Ÿè£…ã§ãã¦ä¸”ã¤ãƒ¡ãƒªãƒƒãƒˆã‚‚ã„ã‚ã„ã‚ã¨
msukasuka 2013/10/29
iconfontã¸ã®ãƒªãƒ³ã‚¯ãŒè‰²ã€…ã‚ã‚Šã€‚

css

webãƒ‡ã‚¶ã‚¤ãƒ³

HTML5

webåˆ¶ä½œ

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
[CSS]æ°´å¹³ã«é…ç½®ã—ãŸã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚’åˆ†ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã®ã•ã¾ã–ã¾ãªç´ æ•µãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
1ãƒšãƒ¼ã‚¸ã«è¤‡æ•°ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚’æ°´å¹³ã«é…ç½®ã—ãŸéš›ã«ã€ãã‚Œã‚‰ã®åŒºåˆ‡ã‚Šã¨ãªã‚‹ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç¸¦é•·ã®1ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚ŒãŸãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆã‚„ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãªã©ã§è¦‹ã‹ã‘ã‚‹ã‚‚ã®ã ã‘ã§ãªãã€ã“ã‚“ãªã“ã¨ã‚‚ã§ãã‚‹ã®ã‹ã¨ã‚¢ã‚¤ãƒ‡ã‚¢ãŒç´ æ™´ã‚‰ã—ã„ã‚‚ã®ã‚‚ãŸãã•ã‚“ï¼ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å„ãƒ‡ãƒ¢ã¨å…±ã«ãã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯HTMLã‹ã‚‰ã€‚åŸºæœ¬ã¨ãªã‚‹ã®ã¯ã€2ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ 1ã¤ç›®ã¯ã€sectionè¦ç´ ã«classã‚’ã¤ã‘ã‚‹ã ã‘ã€‚ <section class="ss-style-hogehoge"> ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ </section> 2ã¤ç›®ã¯ã€svgè¦ç´ ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ <section> ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ </section> <svg id="hoge"> SVGã®ä¸èº« </svg> sctionã ã‘ã®å ´åˆã¯classã€svgã‚’ä½¿ç”¨ã™ã‚‹ã‚‚ã®ã¯idã«ãªã£ã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã€å„ãƒ‡ãƒ¢ã¨ãã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ HTML/C
msukasuka 2013/10/07
css

HTML5

iphone

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸæ¬¡ä¸–ä»£è¡¨ç¾ã‚’å¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«
ã‚ãšã‹280è¡Œç¨‹åº¦ã®JavaScriptã§ä½œã‚‰ã‚Œ... / JavaScriptã§ä½œã‚‹ã„ã‚ã„ã‚ãªç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬... / JavaScriptã«ã‚ˆã‚‹æ³¢ã®ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§...ä»–...å…¨14ä»¶
msukasuka 2013/04/10
HTML5

css

jQuery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã® viewport è¨å®šï¼“ãƒ‘ã‚¿ãƒ¼ãƒ³ã
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã® Web ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚ã‚‹ã€‚ æœ€è¿‘ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—ã¦ viewport ã®è¨å®šãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŠ‘ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’è§£èª¬ã™ã‚‹ã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³1: ä½•ã‚‚è€ƒãˆãšã« HTML ã‚’æ›¸ã ã¾ãšã¯ã€viewport ã‚’æŒ‡å®šã›ãšã«ã€å˜ç´”ãª HTML ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>è‰²ã‚“ãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ æ¹¯æ°—ãŒ<strong>ã€Œã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—å‘³ã«ãªã£ã¦ã„ã¾
msukasuka 2013/02/15
tips

HTML5

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”æ³•ã®jsã‚‚å…¥ã‚Œã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“ç™ºã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒãŸã£ãŸ2è¡Œã§IE5.5ï½žIE8ã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã«ã™ã‚‹é”æ³•ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8ä»¥å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚é–‹ç™ºè€…æ³£ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—å…·ä½“çš„ã«æ›¸ãã¨ã€ie9.jsã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
msukasuka 2012/12/19
HTML5

webåˆ¶ä½œ

javascript

css
ãƒªãƒ³ã‚¯
ãªã‚“ã ã“ã‚Œï¼ï¼ã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼ï¼ | ã‚´ãƒªãƒŸãƒ¼
ä»Šã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®æµè¡Œã‚Šã¯ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ï¼ æ˜¨æ—¥ã€ã¨ã‚ã‚‹ã‚¢ãƒ—ãƒªã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã«ã¤ã„ã¦è©±ã—åˆã£ã¦ã„ãŸã®ã ãŒã€æ ªå¼ä¼šç¤¾LIGã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ–ãƒã‚°ã«æ›¸ã„ã¦ã‚ã£ãŸã€Œå¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹æµè¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã€ã«è¼‰ã£ã¦ã„ãŸã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¤ã‚±ã‚¤ã‚±ã™ãŽã¦æ„Ÿå‹•ã—ãŸã®ã§ã€ç´¹ä»‹ã™ã‚‹ï¼ã“ã‚Œã¯æœ¬å½“ã«ã™ã”ã„ï¼ï¼ ã¾ãšæ™®é€šã«è¡¨ç¤ºã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚ã‚ˆãã‚ã‚‹3ã‚³ãƒ©ãƒ ãƒ™ãƒ¼ã‚¹ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚ å°‘ã—å¹…ã‚’ç‹ã‚ã‚‹ã¨ã€ä¸‹ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ç§»å‹•ã—ã€å³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¸‹ã«ç§»å‹•ã—ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å³ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒå®Œå…¨ã«ç„¡ããªã£ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã‚‹ã¨ä»Šåº¦ã¯å·¦ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒæ¶ˆãˆãŸã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®é™ç•Œã¾ã§ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å„ãƒ‘ãƒ¼ãƒ„ã®å¹…ã‚‚ç‹ã¾ã£ã¦ã“ã®ã‚ˆã†ãªå½¢ã«è½ã¡ç€ã„ãŸã€‚ ã“ã‚Œã‚’è©¦ã—ã¦ã„ã‚‹æ™‚ã€å„è¦ç´ ã®å‹•ããŒã‚ã¾ã‚Šã«ã‚‚æ»‘ã‚‰ã‹ã§ã‚‚ã®ã™ã”ãæ„Ÿå‹•ã—ãŸã€‚çš†ã•
msukasuka 2012/10/22
webãƒ‡ã‚¶ã‚¤ãƒ³

css

jQuery

javascript

HTML5
ãƒªãƒ³ã‚¯
ç´„36æ™‚é–“ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ï¼åŠ¹çŽ‡æœ€å„ªå…ˆã§ä½œã‚‹ãŸã‚å¿…è¦ã ã£ãŸãƒªã‚½ãƒ¼ã‚¹ã‚„æƒ…å ±è‰²ã€… | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
å…ˆæ—¥ã“ã®ãƒ–ãƒã‚°ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã•ã›ã¦é ‚ã„ãŸæ—¨ã‚’ã”å ±å‘Šã•ã›ã¦é ‚ãã¾ã—ãŸãŒã€ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®ä¸»ç›®çš„ã ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³åŒ–ã«ã¤ã„ã¦ã€ã¨ã«ã‹ãåŠ¹çŽ‡å„ªå…ˆã§ä½œæ¥ã•ã›ã¦é ‚ã„ãŸæ™‚ã®ãƒªã‚½ãƒ¼ã‚¹é–¢é€£ã‚„æƒ…å ±ã‚’ä¸€åº¦åƒ•è‡ªèº«ã®å¿˜å‚™éŒ²ã¨ã—ã¦æŠœç²‹ã—ã¦ã¾ã¨ã‚ã•ã›ã¦é ‚ã“ã†ã¨æ€ã„ã¾ã™ï¼ä»¥å‰åˆ¥ã®ãƒ–ãƒã‚°ã‚’ä½œã£ãŸæ™‚ã‚‚ãã†ã§ã™ãŒã€åŸºæœ¬åƒ•ã¯ã¨ã«ã‹ãåŠ¹çŽ‡é‡è¦–æ´¾ã§ã™ã€‚ç´°éƒ¨ã«æ¸¡ã‚‹ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã€ã‚¬ãƒªã‚¬ãƒªã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€‚æ¨™æº–ã«æ³•ã£ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¨ã‹ã¯ãã®é“ã®ã‚¹ãƒšã‚·ãƒ£ãƒªã‚¹ãƒˆãŒä»²é–“å†…ã«å±…ã‚‹ã®ã§ã€ä»Šå›žã‚‚åƒ•ã¯åŠ¹çŽ‡åŒ–ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ã¾ã™ï¼ ã”ç´¹ä»‹ã•ã›ã¦é ‚ãã®ã¯ä¸»ã«Facebookã‚„Twitterå‘¨ã‚Šã§å…±æœ‰ã•ã›ã¦é ‚ã„ã¦ããŸãƒªã‚½ãƒ¼ã‚¹ã°ã‹ã‚Šã§ã™ãŒã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã‚‹ã¨è¦‹ãˆã¦ãã‚‹æ³¨æ„ç‚¹ã‚„ã€æˆ¸æƒ‘ã£ãŸéƒ¨åˆ†ã€å‘¨ã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚‚çŸ¥ã£ã¦ãŠã„ã¦æ¬²ã—ã„éƒ¨åˆ†ç‰ãŒè¦‹ãˆéš ã‚Œã—ã¦ããŸã®ã§ã€ã¾ãšã¯ãã®è¾ºã‚Šã‚’ä¸å¿ƒã«ã€ä½œæ¥ã‚¹ãƒ†ãƒƒãƒ—æ¯Žã«ç°¡å˜ã«ã”èª¬æ˜Žã•ã›ã¦é ‚ã“ã†ã¨æ€ã„ã¾ã™ã€‚ åƒ•ã¨åŒã˜
msukasuka 2012/09/09
iphone

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

HTML5
ãƒªãƒ³ã‚¯
Creatorish is for sale at Squadhelp.com!
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, techno logy, and anything that involves inventiveness. The name is short, catchy, and easy to rem ember, making it a
msukasuka 2012/08/14
jQuery

UI

css

HTML5

iphone

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€iPhoneãƒ»iPadã€‘ã‚µã‚¤ãƒˆåˆ¶ä½œã®ã¾ã¨ã‚ | Yuki's SlowLife
iPhone/iPadç‹¬è‡ªã‚¿ã‚°ã‚„ã€ä¾¿åˆ©ãªã‚¿ã‚°ãªã©ã¾ã¨ã‚ã¾ã—ãŸã€‚ãã‚Œãžã‚Œã®æ³¨æ„ç‚¹ã¨ã‹ç™ºè¦‹ã—ãŸä¸å…·åˆã¨ã‹æŽ˜ã‚Šä¸‹ã’ã‚‹ã¨è‰²ã€…ã¨ã‚ã‚Šã¾ã™ãŒã€ã²ã¨ã¾ãšä»¥ä¸‹ã¾ã¨ã‚ã¦åˆ—æŒ™ã—ã¦ã¿ã¾ã—ãŸã€‚ â– metaã‚¿ã‚°ï¼šåŸºæœ¬ã®viewport ï¼œmeta name="viewport" content="width=320, initial-scale=1.0, user-scala ble=yes, maximum-scale=2.0, minimum-scale=1.0, "ï¼žwidthã¨heightï¼šæœ€åˆã«èªã¿è¾¼ã¾ã‚Œã‚‹è¡¨ç¤ºã‚µã‚¤ã‚ºã€‚widthã‚’æŒ‡å®šã—ãªã„ã¨æ¨ªå¹…980pxã€‚ initial-scaleï¼šæœ€åˆã«èªã¿è¾¼ã¾ã‚ŒãŸéš›ã®æ‹¡å¤§çŽ‡ user-scala bleï¼šãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ‹¡å¤§ã§ãã‚‹ã‹å¦ã‹ã‚’ã€yesã‹noã§è¨å®š maximum-scaleï¼šãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ“ä½œå¯èƒ½ãªæ‹¡å¤§çŽ‡ã®ä¸Šé™ minimum-scaleï¼šãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ“ä½œå¯èƒ½ãªæ‹¡å¤§çŽ‡
msukasuka 2012/07/02
iphone

css

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

HTML5
ãƒªãƒ³ã‚¯
iPhoneã‚„iPadç‰ã«ã‚‚Webã‚µã‚¤ãƒˆã‚’æœ€é©åŒ–ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³æ§‹ç¯‰ã«å½¹ç«‹ã¤ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„Tipsã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
msukasuka 2012/07/02
webãƒ‡ã‚¶ã‚¤ãƒ³

iphone

webåˆ¶ä½œ

css

HTML5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
Photoshop VIP â˜ž iPhoneè¡¨ç¤ºã«ã‚‚å¯¾å¿œã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ç„¡æ–™WordPressãƒ†ãƒ¼ãƒž15é¸(ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ä»˜)
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
msukasuka 2012/07/02
iphone

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

wordpress

HTML5

jQuery
ãƒªãƒ³ã‚¯
Loading...
msukasuka 2012/06/21
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

jQuery

ã‚¦ã‚§ãƒ–å‚è€ƒ

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

HTML5
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã®Webé–‹ç™ºã«ã€Adobe ShadowãŒç¥žãƒ„ãƒ¼ãƒ«ãªä»¶ | fladdict
ã‚¹ã‚´ã‚¤ã€‚ãƒ¤ãƒã„ã€‚ Adobe Shadowã¯ã€Adobeã®ãƒ©ãƒœãŒãƒªãƒªãƒ¼ã‚¹ã—ãŸã€ã‚¹ãƒžãƒ›ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é–‹ç™ºæ”¯æ´ãƒ„ãƒ¼ãƒ«ã€‚ ä½•ãŒã§ãã‚‹ã‹ã¨ã„ã†ã¨ã€PCã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã—ãŸURLã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã€iPhoneã‚„iPadã§åŒæ™‚ã«è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ã€‚ PCã§ã‚µã‚¤ãƒˆã‚’ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã§ã€iPhoneã‚„iPadã§ã‚‚è‡ªå‹•ã§ãƒ–ãƒ©ã‚¦ã‚¶ãŒãƒªãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã€è¡¨ç¤ºã‚’æ¤œè¨¼ã§ãã‚‹ï¼ï¼ iPhoneã‚„iPadã¯URLã®å…¥åŠ›ãŒé¢å€’ã ã—ã€PCã§ä½œæ¥ã™ã‚‹åº¦ã«ãƒ‡ãƒã‚¤ã‚¹ã‚’ç§»å‹•ã™ã‚‹ã®ãŒå¤§å¤‰ã ã£ãŸã€‚ Adobe Shadowã‚’ä½¿ã†ã¨ã€PCã§ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã§ã€å…¨ç’°å¢ƒã§è¡¨ç¤ºã®ç¢ºèªãŒã™ãã§ãã‚‹ã€‚ã“ã‚Œã¯ä½œæ¥ãŒã¯ã‹ã©ã‚‹ã€‚ ä½¿ã„æ–¹ Mac / PC ã« Adobe Shadowã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆChrome)ã«Adobe Shadowã®æ‹¡å¼µã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« iPhone, iPad, android, kindleã« Adobe Shadowã‚¢ãƒ—ãƒªã‚’ã‚¤
msukasuka 2012/06/21
mac

ã‚¢ãƒ—ãƒª

HTML5

iphone

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’ä¸€æ°—ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒQUOjsã€:phpspoté–‹ç™ºæ—¥èªŒ
QUOjs - Micro JavaScript Library ã‚¹ãƒžãƒ›ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’ä¸€æ°—ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒQUOjsã€ ã‚¿ãƒƒãƒ—ã€ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã€ãƒ›ãƒ¼ãƒ«ãƒ‰ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã€ã‚¹ãƒ¯ã‚¤ãƒ—ä¸Šä¸‹å·¦å³ã€ãƒ‰ãƒ©ãƒƒã‚°ã¨ã„ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã®ã«ä½¿ãˆãã† ãƒ¢ãƒã‚¤ãƒ«ã¨ã„ã†ã“ã¨ã§3Gå›žç·šã«ã‚‚é…æ…®ã—ãŸ13KBã¯å¬‰ã—ã„ã€‚ ä»Šå¾Œã¯ãƒãƒ¼ãƒ†ãƒ¼ãƒˆã‚„ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆã«ã‚‚å¯¾å¿œäºˆå®šã ãã† å®Ÿè£…ã¯jQueryãƒ©ã‚¤ã‚¯ã§è¶…ç°¡å˜ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãŸã£ãŸ2KBã§å‹•ä½œã™ã‚‹ã‚¹ãƒžãƒ›ç”¨ãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHammer.jsã€ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã®æŒ‡ã‚¸ã‚§ã‚¹ãƒãƒ£ã®èª¬æ˜Žã«ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€ŒCueã€
msukasuka 2012/06/11
javascript

iphone

HTML5
ãƒªãƒ³ã‚¯
Radi
For web animation Draw vector shapes and give them life with motion animation and shape poses. Add images, patterns and text. Publish as HTML that's compatible with smartphones, iPads & eâ€‘books â€” no Flash required. For video production Create effects and add animations to your video files. Export as HTML5 video with all formats automatically generated. Mix in realtime graphics and web content with
msukasuka 2011/10/02
canvasã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆã‚½ãƒ•ãƒˆ

javascript

HTML5
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã—ã¦ã¨è¨€ã‚ã‚ŒãŸæ™‚ã«è¦‹ã¦ãŠããŸã„ã‚µã‚¤ãƒˆã¾ã¨ã‚ï½œcaraldo.net | Webã¨iPhoneã¨ãƒãƒ¼ãƒ‰ãƒã‚¤ã‚¯ãŒå¤§å¥½ãï¼
msukasuka 2011/04/05
webãƒ‡ã‚¶ã‚¤ãƒ³

iphone

HTML5

css

webåˆ¶ä½œ

javascript

jQuery
ãƒªãƒ³ã‚¯
çµ¶å¯¾è¦‹ã¦ãŠããŸã„æœ‰åä¼æ¥ã®ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã¾ã¨ã‚ (1/5)
ã“ã®è¨˜äº‹ã§å–ã‚Šä¸Šã’ã¦ã„ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ã€ŒBEFORE & AFTERã€ã‚’ä»¥ä¸‹ã®è¨˜äº‹ã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚åˆã‚ã›ã¦ã”è¦§ãã ã•ã„ã€‚ æ—¥æœ¬ã®ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã¯2å¹´é–“ã§ã“ã‚“ãªã«å¤‰ã‚ã£ãŸ iPhoneã€Androidã®æ™®åŠã‚’èƒŒæ™¯ã«ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼å‘ã‘ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„è¡¨ç¤ºã‚’æœ€é©åŒ–ã—ãŸã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã€ï¼ˆã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆï¼‰ã‚’é–‹è¨ã™ã‚‹ä¼æ¥ãŒå¢—ãˆã¦ã„ã‚‹ã€‚å½“åˆã¯iPhoneï¼ˆiOSï¼‰ã®æ¨™æº–UIã«å€£ã£ãŸç”»ä¸€çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¤šã‹ã£ãŸãŒã€æœ€è¿‘ã§ã¯ç‹¬ç‰¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„æ–¬æ–°ãªè‰²ä½¿ã„ã®å€‹æ€§çš„ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚‚å¢—ãˆã¦ããŸã€‚ ã“ã“ã§ã¯ã€Webåˆ¶ä½œè€…ãŒè¦‹ã¦ãŠããŸã„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã™ã‚‹ã€‚å®Ÿå‹™ã§å‚è€ƒã«ã§ãã‚‹ã‚ˆã†ã«ã€å¯¾è±¡ã‚’æ—¥æœ¬èªžã®ä¼æ¥ã‚µã‚¤ãƒˆã«çµžã‚Šã€æ¥ç¨®åˆ¥ã«åˆ†é¡žã—ã¦ã¾ã¨ã‚ãŸã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®åˆ¶ä½œã«å…¥ã‚‹å‰ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠã“ã†ã€‚
msukasuka 2011/02/28
webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¦ã‚§ãƒ–å‚è€ƒ

iphone

HTML5
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸