[B! html5] nebokegaoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nebokegao id:nebokegao

html5ã«é–¢ã™ã‚‹nebokegaoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (28)

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

Chart.js
New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
nebokegao 2013/03/18
html5

JavaScript
ãƒªãƒ³ã‚¯
ã‚‚ã†ã€Webã¯ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã„ã†åˆ¶ç´„ã«ç¸›ã‚‰ã‚Œãªãã¦ã„ã„ â”€ ï¼ IT
ãˆãƒ¼ã˜ 2012/7/10 10å¹´å‰ã€æ—…è¡Œå…ˆã§é“ã«è¿·ã‚ãšç›®çš„åœ°ã«è¾¿ã‚Šç€ãã®ãŒã“ã‚“ãªã«ç°¡å˜ã«ãªã‚‹ãªã‚“ã¦æ€ã‚ãªã‹ã£ãŸã€‚ã‚¹ãƒžãƒ›ã¨HTML5ãŒã€Webã‚’è‡ªç”±ã«è§£ãæ”¾ã¤ ã¾ãšã¯ã€é£Ÿäº‹ã®ã‚·ãƒãƒ¥ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã†UXã®è©±ã‹ã‚‰ å”çªã§ã™ãŒã€ã‚ãªãŸã¯ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã§ã‚¢ãƒ«ãƒã‚¤ãƒˆã‚’ã—ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã‹ï¼Ÿ çµŒé¨“ã®ã‚ã‚‹æ–¹ãªã‚‰ã€åˆ†ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã§ã‚¢ãƒ«ãƒã‚¤ãƒˆã—ã¦ã„ã‚‹ã¨ã€è³„ã„ã§é£Ÿäº‹ã‚’å‡ºã—ã¦ã‚‚ã‚‰ãˆã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ãŠåº—ã«ã‚ˆã‚‹ã®ã§ã€ä¸€æ¦‚ã«ã„ãˆã¾ã›ã‚“ãŒã€ã¡ã‚‡ã£ã¨ã—ãŸãƒ•ã‚¡ãƒŸãƒ¬ã‚¹ã§ã‚‚ã€é€šå¸¸ã€é¡§å®¢ã«å‡ºã™ã‚‚ã®ã¨ã»ã¼åŒã˜æ–™ç†ã‚’é£Ÿã¹ã‚‰ã‚Œã¾ã™ã€‚ ãã®ã¨ãã€å‘³ã¯ã©ã†ã ã£ãŸã§ã—ã‚‡ã†ï¼Ÿ 1000å††ä»¥ä¸Šã®ä¾¡å€¤ãŒã‚ã‚‹ã‚‚ã®ã‚’ç„¡æ–™ã§é£Ÿã¹ã‚‰ã‚Œã‚‹ã®ã ã‹ã‚‰ã€åº—ã«ã‚ˆã£ã¦ã¯ã€å®Ÿã«ã†ã‚‰ã‚„ã¾ã—ã„è©±ã ã‚ã†ã¨æ€ã„ãã‚„ã€ç†è€…ã®å ´åˆã€ãã†ã§ã‚‚ãªã„ã¨ã„ã†æ„Ÿæƒ³ã‚’æŒã£ãŸçµŒé¨“ãŒã‚ã‚Šã¾ã™ã€‚ ç¢ºã‹ã«ã€åŒã˜æ–™ç†ãªã®ã§ã™ãŒã€ã„ã‚ã‚†ã‚‹ãƒãƒƒã‚¯ãƒ¤ãƒ¼ãƒ‰ã¨å‘¼ã°ã‚Œã‚‹å¾“æ¥å“¡å°‚ç”¨ã®ã€ãŠ
nebokegao 2012/07/11
HTML5
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®Webåˆ¶ä½œã«ä½¿ãˆã‚‹ã€HTML5,CSS3ã®å¯¾å¿œè¡¨ã‚„å„ç¨®ãƒªã‚½ãƒ¼ã‚¹
HTML5 Please - Use the n... / CSS3 Click Chart | CSS3 ... / Mobile Web Resources | M...ä»–...å…¨5ä»¶
nebokegao 2012/07/04
html5

CSS

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Google HTML/CSS Style Guide
Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see â€œHoorayâ€ appear below. Hooray! Now you know you can expand points to get more details. Alternatively, thereâ€™s a â€œtoggle allâ€ at the top of this document. This document defines formatting and style rules for HTML
nebokegao 2012/04/25
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„

html5

CSS

google
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒãªHTML5ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCreateJSã€ãŒå…¬å¼ã‚µã‚¤ãƒˆã‚’å…¬é–‹ | ClockMaker Blog
Flashã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦è‘—åãªGrant Skinneræ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€ã€ŒCreateJSã€ã®å…¬å¼ã‚µã‚¤ãƒˆãŒã‚ªãƒ¼ãƒ—ãƒ³ã—ã¾ã—ãŸã€‚ http://www.createjs.com/ CreateJSã¯HTML5ã‚’ä»‹ã—ã¦ãƒªãƒƒãƒãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ¶ä½œã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãƒ„ãƒ¼ãƒ«ã®ã‚¹ã‚¤ãƒ¼ãƒˆã§ã™ã€‚CreateJSÂ Suiteã«ã¯EaselJSã€TweenJSã€SoundJSã€PreloadJSã€ã¨Zoeã®ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã®ãƒ–ãƒã‚°ã§ã‚‚EaselJSã€TweenJSã‚’ä½¿ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ‡ãƒ¢ã‚’å¹¾ã¤ã‹åˆ¶ä½œã—ã¦ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€Flashã§åŸ¹ã‚ã‚ŒãŸæŠ€è¡“ãŒãã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹ç‚¹ã§éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®ã„ã„ãƒ„ãƒ¼ãƒ«ç¾¤ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ EaselJSã¨TweenJSã§ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆ EaselJSã‚’ä½¿ã£ãŸæµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«å…¥é–€ ä»Šå›žã¯å…¬å¼ã‚µã‚¤ãƒˆã§æ˜Žã‚‰ã‹ã«ãªã£
nebokegao 2012/04/17
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

html5
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ã™ã”ã„! ãƒ•ã‚©ãƒ¼ãƒ æœ€é©åŒ–ã«å½¹ç«‹ã¤ã‚°ãƒ¼ã‚°ãƒ«ææ¡ˆã®autocompleteæ–°ä»•æ§˜ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
â€»2012-04-07ã€€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£é¢ã®å•é¡Œã«é–¢ã—ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ ä»Šæ—¥ã¯ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ¥½ã«ã—ã‹ã‚‚æ£ç¢ºã«å…¥åŠ›ã§ãã‚‹ã‚ˆã†ã«ã§ãã‚‹ï¼ˆå¯èƒ½æ€§ã‚’ç§˜ã‚ãŸï¼‰ã€æ–°ã—ã„HTMLã®ä»•æ§˜ã«ã¤ã„ã¦ã®æƒ…å ±ã‚’ã€‚autocompleteå±žæ€§ã«é–¢ã™ã‚‹æ–°ã—ã„ä»•æ§˜ã§ã™ã€‚ ã‚°ãƒ¼ã‚°ãƒ«ã¯ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«è‡ªå‹•å…¥åŠ›ã™ã‚‹ä»•çµ„ã¿ã«é–¢ã—ã¦ã€æ–°ã—ã„ä»•æ§˜ã‚’ææ¡ˆã—ã¾ã—ãŸã€‚HTMLã®ä»•æ§˜ã‚’æ‹¡å¼µã™ã‚‹ã“ã¨ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒ•ã‚©ãƒ¼ãƒ ã«è‡ªå‹•å…¥åŠ›ã™ã‚‹ä»•çµ„ã¿ã‚’ä½¿ã„ã‚„ã™ãã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ã“ã‚ŒãŒã†ã¾ãå‹•ä½œã™ã‚‹ã¨ã€ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ãŒéžå¸¸ã«æ¥½ã«ãªã‚Šã€ãƒŸã‚¹ã‚‚ã»ã¼ãªããªã‚Šã¾ã™ã€‚ ã©ã‚Œãã‚‰ã„ã™ã”ã„ã‹ã¨ã„ã†ã¨ã€ã¡ã‚ƒã‚“ã¨è¨å®šã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½¿ã†ã¨ã€ãƒ•ã‚©ãƒ¼ãƒ ã§3ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã ã‘ã§ã€ä¸€èˆ¬çš„ãªé …ç›®ãŒä¸€æ°—ã«å…¥åŠ›ã•ã‚Œã‚‹ã®ã§ã™ã€‚ ãŸã¨ãˆã°ã€ã“ã®çŠ¶æ…‹ã‹ã‚‰ã€ åå‰ã‚„ä½æ‰€ãªã©ã®æ¨™æº–çš„ãªé …ç›®ãŒã€ä¸€æ°—ã«è‡ªå‹•å…¥åŠ›ã•ã‚Œã¾ã™ã€‚ ã©ã†ã§ã—ã‚‡ã†ã€‚ã“ã†ã—ãŸæ©Ÿèƒ½ã‚’ã‚µã‚¤ãƒˆã«è¨ã‘ã‚‰ã‚ŒãŸã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã®
nebokegao 2012/04/04
google

webåˆ¶ä½œ

HTML5
ãƒªãƒ³ã‚¯
ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«ç°¡å˜ãªè§£æ±ºç–ã¯ãªã„
åŽŸæ–‡ï¼šâ€œThere is no simple solution for local storageâ€ (on March 5, 2012 by Chris Heilmann) è¦ç´„ï¼šç§ãŸã¡ã¯è‰¯ã„ãƒ‡ãƒ¼ã‚¿ã‚¹ãƒˆã‚¢ã¨ã—ã¦Â localStorage ã‚’æŽ¨å¥¨ã™ã‚‹ã®ã‚’ã‚„ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒã²ã©ãæãªã‚ã‚Œã‚‹ã‹ã‚‰ã ã€‚ã—ã‹ã—æ®‹å¿µãªã“ã¨ã«ã€ä»£ã‚ã‚Šã¨ãªã‚‹ã‚‚ã®ã¯ã¾ã å®Œå…¨ã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ãŠã‚‰ãšã€ã¾ãŸç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚‚ã®ã§ã‚‚ãªã„ã€‚ Web é–‹ç™ºã«ãŠã„ã¦ã€ã†ã¾ã™ãŽã‚‹è©±ã«å‡ºãã‚ã™ã“ã¨ã¯å¸¸ã€…ã ã€‚ãã†ã„ã£ãŸã‚‚ã®ã®ã„ãã¤ã‹ã¯è‰¯ã„ã‚‚ã®ã§ã€ã ã‹ã‚‰ã“ããã‚ŒãŒã€Œã™ã¹ã¦ã€ã¨ã—ã¦ç›®ç«‹ã£ã¦ã—ã¾ã„ã€é–‹ç™ºè€…ã‚’ä½¿ã†ã‚ˆã†ã«ä»•å‘ã‘ã¦ã—ã¾ã†ã€‚ã—ã‹ã—ã€å¤šãã®å ´åˆã€è‰¯ã„ã¨æ€ã‚ã‚Œã¦ã„ãŸã‚‚ã®ã¯ãã“ã¾ã§è‰¯ã„ã‚‚ã®ã§ã¯ãªã„ã€‚ã¾ãŸã€ã—ã°ã‚‰ãä½¿ã£ã¦ã¿ã¦ã¯ã˜ã‚ã¦ã€Œé–“é•ã£ã¦ã„ãŸã€ã¨æ°—ã¥ã‹ã•ã‚Œã‚‹ã‚‚ã®ãªã®ã ã€‚ ãã‚“ãªã‚‚ã®ã®ã²ã¨ã¤ã«ã€localStorage ãŒã‚ã‚‹
nebokegao 2012/03/06
é–‹ç™º

HTML5
ãƒªãƒ³ã‚¯
HTML5ã§ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã§ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¡¨ç¤º - ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚¯ãƒ¯ã‚¬ã‚¿
HTML5ã§ãƒãƒ¼ã‚«ãƒ«ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãªã—ã§ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã™ã‚‹ã¨ã„ã†ã®ã‚’ã‚„ã£ã¦ã¿ãŸã‹ã£ãŸã®ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ æ„å¤–ã«ã¨ã„ã†ã‹ã€ã¤ã¾ã‚‰ãªã„ã¨ã“ã‚ã§å¼•ã£ã‹ã‹ã£ãŸã®ã§ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ã¾ãšã€å‚è€ƒã—ãŸã‚µã‚¤ãƒˆã¯ä»¥ä¸‹ã®2ã¤ã§ã™ã€‚ html5ã® File API ã‚’ä½¿ã£ã¦ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç„¡ã—ã§ç”»åƒãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ http://d.hatena.ne.jp/favril/20100506/1273143063 Canvas + File API + Drag&Drop API ã§ Instagram ã¿ãŸã„ãªç”»åƒãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’ä½œã£ã¦ã¿ãŸ http://d.hatena.ne.jp/scalar/20101026/1288068169 ä½œã£ãŸã®ãŒä»¥ä¸‹ã®ã‚½ãƒ¼ã‚¹ã¨ãªã‚Šã¾ã™ã€‚ä¸Šè¨˜ã®ã‚µã‚¤ãƒˆã®ã‚³ãƒ”ãƒšã‚’é§†ä½¿ã—ã¦ãŠã‚Šã¾ã™ã€‚ <!DOCTYPE html> <html> <head> <meta charset=
nebokegao 2012/02/29
html5

jquery

chrome
ãƒªãƒ³ã‚¯
html5ã® File API ã‚’ä½¿ã£ã¦ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç„¡ã—ã§ç”»åƒãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ - è¶…è‡ªå·±æº€è¶³ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ç”»åƒã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã™ã‚‹ãŸã‚ã«ã€ã‚µãƒ¼ãƒã¸ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹å¿…è¦ãŒãªããªã‚Šã¾ã™*1ã€‚ html fileã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãƒ•ã‚©ãƒ¼ãƒ ã«onchangeã‚’ä»•è¾¼ã‚“ã§ãŠãã¾ã™ã€‚ ã‚ã¨ã¯ã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼è¡¨ç¤ºç”¨ã®è¦ç´ ã ã‘æº–å‚™ã€‚ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form> <input type="file" name="file" onchange="preview(this)" /> </form> <hr /> <b>preview:</b><br /> <div id="preview_field"></div> </body> </html> javascript function preview(ele) { if (!ele.files.length) return; // ãƒ•ã‚¡ã‚¤ãƒ«æœªé¸æŠž var f
nebokegao 2012/02/29
html5

javascript
ãƒªãƒ³ã‚¯
http://clear.youyuxi.com/
nebokegao 2012/02/23
html5

ui
ãƒªãƒ³ã‚¯
15ç§’ã§HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ã‚’ä½œæˆå‡ºæ¥ã‚‹Webãƒ„ãƒ¼ãƒ«ãƒ»InitializrãŒTwitter Bootstrap 2ã«ã‚‚å¯¾å¿œã—ãŸæ¨¡æ§˜ã§ã™ - ã‹ã¡ã³ã¨.net
Initializrã£ã¦ã„ã†HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ ã‚’15ç§’ã§ä½œæˆå‡ºæ¥ã‚‹(ã‚‰ã—ã„)ãƒ„ãƒ¼ãƒ« ãŒã‚ã‚‹ã‚“ã§ã™ãŒã€ã“ã®Webãƒ„ãƒ¼ãƒ«ãŒã€ è©±é¡Œã®Twitter Bootstrap 2ã«ã‚‚å¯¾å¿œ ã—ãŸã¿ãŸã„ã§ã™ã€‚äººæ°—ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã®ã§ã‚ã‚ŠãŒãŸã„ã§ã™ããƒ¼ã€‚ åœŸæ›œæ—¥ã§ã™ã—ã€è»½ã„è©±é¡Œã€‚15ç§’ã§HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãŒä½œã‚Œã‚‹ï¼ã¨è¬³ã†Webã‚µãƒ¼ãƒ“ã‚¹ãƒ»ãƒ»InitializrãŒBootstrapã«å¯¾å¿œã—ã¦ã¾ã™ã€‚ã“ã‚Œã¯åœ°å‘³ã«å¬‰ã—ã„ã‚“ã˜ã‚ƒãªã„ã§ã™ã‹ããƒ¼ã€‚ å³å´ã«ãªã‚“ã‹å¢—ãˆã¦ãŸï¼Bootstrapã‚„ãŸã‚‰äººæ°—ã§ã™ã—ãã€‚ã“ã†ã„ã†ã®ã¯å¬‰ã—ã„ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ï¼ŸInitializrã¯ãã®æ°—ã«ãªã‚Œã°æœ¬å½“ã«15ç§’ã§ä½œæˆå‡ºæ¥ã‚‹ã®ã§ä½¿ã†ã¨ã„ã„ã§ã™ã‚ˆã€‚æ€§èƒ½ã¨ã‹ç‰¹å¾´ã¯ä½¿ã£ã¦å®Ÿæ„Ÿã—ã¦ãã ã•ã„ã€‚ ä½œã£ã¦ã¿ãŸ è©¦ã—ã«15ç§’ã§æ”¯åº¦ã—ã¦ã¿ã¾ã—ãŸã€‚ã“ã‚“ãªæ¥½ã§ã„ã„ã®ã‹ãªãƒ»ãƒ»ãƒ»LESSç‰ˆã‚‚é¸ã¹ã‚‹ã®ã§è¨å®šé …ç›®ã¯å¥½ã¿ã§è¨å®šã—ã¦ãã ã•ã„ã¾ã›ã€‚ å› ã¿ã«ãƒ»ãƒ»ãƒ» B
nebokegao 2012/02/18
webã‚µãƒ¼ãƒ“ã‚¹

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

HTML5
ãƒªãƒ³ã‚¯
HTML5æ¼”å‡ºã«æœ€é©ãªè¤‡æ•°ç”»åƒèªã¿è¾¼ã¿ç®¡ç†ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒLoadManager.jsã€ | ClockMaker Blog
HTMLã§è¤‡æ•°ã®ç”»åƒã‚’èªã¿è¾¼ã‚€ã¨ãã€HTMLã®imgã‚¿ã‚°ã ã‘ã ã¨ä¸æ°å¥½ã¨ãªã‚ŠãŒã¡ã§ã™ãŒã€èªã¿è¾¼ã¿ã‚’ç®¡ç†ã™ã‚Œã°è¦‹æ „ãˆã‚‚æ•´ã„ã¾ã™ã¨ã„ã†ãƒ‡ãƒ¢ã¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚æ¬¡ã®2ã¤ã®ãƒ‡ãƒ¢ã‚’è¦‹æ¯”ã¹ã¦ä½•ãŒé•ã†ã®ã‹ç¢ºèªãã ã•ã„ã€‚ ãƒ‡ãƒ¢ (é€šå¸¸ã®imgã‚¿ã‚°) ãƒ‡ãƒ¢ (LoadManager.jsã‚’ä½¿ç”¨) ãƒ‡ãƒ¢ã®é•ã„ã¨ã¯ å‰è€…ã¯ç”»åƒãŒãƒãƒ©ãƒãƒ©ã¨ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ¬ãƒ¼ã‚¹çš„ã«èªã¿è¾¼ã¾ã‚Œã€å¾Œè€…ã¯èªã¿è¾¼ã¿çµ‚ã‚ã‚‹ã¾ã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒè¡¨ç¤ºã•ã‚Œèªã¿è¾¼ã¾ã‚ŒãŸã‚‚ã®ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ â–¼å‰è€…ã®ãƒ‡ãƒ¢ â–¼å¾Œè€…ã®ãƒ‡ãƒ¢ å¾Œè€…ã®ãƒ‡ãƒ¢ã«ã¯ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒ‘ãƒ¼ã‚»ãƒ³ãƒ†ãƒ¼ã‚¸è¡¨ç¤ºã‚‚ä»˜ã„ã¦ã„ã¾ã™ã€‚èªã¿è¾¼ã¿ãŒä½•%ã¾ã§é”ã—ã¦ã„ã‚‹ã‹ã‚’ç¢ºèªã§ãã‚‹ã®ã‚‚ã€å¾Œè¿°ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒ¡ãƒªãƒƒãƒˆã§ã™ã€‚ HTML5ã§ä½œã‚‰ã‚ŒãŸãƒ•ãƒ«Flashçš„ãªã‚µã‚¤ãƒˆã‚’è¦‹ãŸã¨ãã«imgã‚¿ã‚°ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ¬ãƒ¼ã‚¹çš„ã«ç”»åƒãŒãƒãƒ©ãƒãƒ©ã¨ã§ã¦ãã‚‹ã“ã¨ãŒå¤šãã¦ã€ã„ã¤ã‚‚å¾®å¦™ãªæ€ã„ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚Flas
nebokegao 2012/02/14
javascript

html5
ãƒªãƒ³ã‚¯
Ajaxã§ã‚‚URLã‚’æ›´æ–°ã—ã¦å±¥æ´ã‚’ä½œã‚Œã‚‹HTML5ã®pushStateè©¦ã—ã¦ã¿ãŸ
Posted:Â 2011.06.20Â /Â Category:Â javascriptÂ /Â Tag:Â Ajax, HTML5 é«˜é€ŸãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ã«ã¯AjaxãŒãªãã¦ã¯ãªã‚‰ãªã„ã‚‚ã®ã¨ãªã‚Šã¾ã—ãŸã€‚Ajaxã«ã¯URLãŒæ›´æ–°ã•ã‚Œãšã€ãã®ãŸã‚ãƒ–ãƒ©ã‚¦ã‚¶ã®æˆ»ã‚‹ã‚‚ä½¿ç”¨ã§ã¾ã›ã‚“ã€‚ ã“ã®ã‚ˆã†ãªå•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«HTML5ã§è¿½åŠ ã•ã‚ŒãŸã®ãŒã€ŒpushStateã€ã§ã™ã€‚ pushStateã‚’ä½¿ç”¨ã—ã¦ã„ãªã„ã‚µãƒ³ãƒ—ãƒ« jQueryã®loadãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ç”¨ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„åˆ‡ã‚Šæ›¿ãˆã®ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script type="text
nebokegao 2012/02/04
HTML5

ajax

jQuery
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2010/06/html5-template.html
nebokegao 2012/02/03
html5
ãƒªãƒ³ã‚¯
ã€Œæ±Žç”¨ã®UIæŠ€è¡“ã€ã¨ã—ã¦åºƒãŒã‚‹HTML5
é€£è¼‰ã‚’å§‹ã‚ã‚‹ã«å½“ãŸã£ã¦ ã©ã†ã‚‚ã“ã‚“ã«ã¡ã¯ã€‚ç™½çŸ³ä¿Šå¹³ã¨ç”³ã—ã¾ã™ã€‚ä»Šå›žã‹ã‚‰å®šæœŸçš„ã«ã€HTML5ã‚’ã¯ã˜ã‚ã¨ã—ãŸWebæ¨™æº–ã€ãã—ã¦æ¥ç•Œã®å‹•å‘ã‚’ã¾ã¨ã‚ãŸè¨˜äº‹ã‚’ç™ºä¿¡ã—ã¦ã„ãã¾ã™ã€‚ ã¼ãã¯ã€Webé–‹ç™ºè€…å‘ã‘ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§ã‚ã‚‹html5j.orgã‚’é‹å–¶ã—ã¦ãŠã‚Šã€ãã®ãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã«ã»ã¼æ¯Žæ—¥ã€HTML5é–¢é€£ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚’æŠ•ç¨¿ã—ã¦ã„ã¾ã™ï¼ˆã¾ãŸã€æŠ•ç¨¿å†…å®¹ãŒãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆå†…ã§åŸ‹ã‚‚ã‚Œã¦ã—ã¾ã‚ãªã„ã‚ˆã†ã€åŒã˜å†…å®¹ã‚’è‡ªèº«ã®ãƒ–ãƒã‚°ã«ã‚‚ãƒã‚¹ãƒˆã—ã¦ã„ã¾ã™ï¼‰ã€‚ ã“ã†ã—ã¦ã€æ—¥ã€…HTML5é–¢é€£ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚’è¿½ã„ã‹ã‘ã¦ã„ã‚‹èº«ã¨ã—ã¦å®Ÿæ„Ÿã™ã‚‹ã®ã¯ã€HTML5ã‚’ä¸å¿ƒã¨ã—ãŸã‚ªãƒ¼ãƒ—ãƒ³ãªWebãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ãŒã€ç¾åœ¨ã™ã•ã¾ã˜ã„å‹¢ã„ã§æˆé•·ã—ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚HTML5é–¢é€£æŠ€è¡“ã‚„é–¢é€£APIã¯éžå¸¸ã«æ•°ãŒå¤šãã€æ¯Žæ—¥ãã®ã©ã‚Œã‹ãŒã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªçŠ¶æ³ã§ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚‚é€Ÿãã€ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ãŒã©ã®æ©Ÿèƒ½ã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã®ã‹ã€ã‚‚ã¯ã‚„è¨˜
nebokegao 2012/02/03
HTML5

ã‚ã¨ã§
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘ä½Žè§£åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãã‚Šç¶ºéº—ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®æž—ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’ä½¿ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãã‚Œã‚’ä½¿ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚å€‹åˆ¥ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ ã‚¹ãƒžãƒ›ç«¯æœ«ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’åˆ†ã‘ã‚‹ã“ã¨ãªãå¸¸ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚è€ƒã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ï¼ˆãƒ’ãƒ³ãƒˆä»˜ãï¼‰ ã“ã¡ã‚‰ã® HTML ã‚³ãƒ¼ãƒ‰ã‚’ä¸¸ã£ã¨ã‚³ãƒ”ãƒšã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ï¼š ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ•ãƒªãƒ¼ã§ã™ã€‚è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
nebokegao 2012/02/01
HTML5

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
nebokegao 2012/02/01
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

html5

CSS
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
nebokegao 2012/01/08
html5

CSS
ãƒªãƒ³ã‚¯
Initializr - HTML5 project - template
Our team has meticulously curated a list of the absolute best VPN providers, proven to be highly effective in evading the intricate barriers imposed within China. However, it is of utmost importance to familiarize oneself with the essential criteria to consider while selecting a VPN. When it comes to China, it is crucial to determine which VPN provider currently dominates the country. Providing un
nebokegao 2012/01/05
HTML5 templates generator

html5

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
å‚™å¿˜éŒ² - æœ¬blogã‚’HTML5ã«ã™ã‚‹ãŸã‚ã«ã‚„ã£ãŸã“ã¨ : 404 Blog Not Found
2011å¹´12æœˆ15æ—¥20:00 ã‚«ãƒ†ã‚´ãƒªTipsiTech å‚™å¿˜éŒ² - æœ¬blogã‚’HTML5ã«ã™ã‚‹ãŸã‚ã«ã‚„ã£ãŸã“ã¨ æ£ç¢ºã«ã¯ã€ã€Œæœ¬blogã‚’IEã‹ã‚‰è¦‹ã¦HTML5ã«è¦‹ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã«ã—ãŸã“ã¨ã€ã§ã¯ã‚ã‚Šã¾ã™ãŒã€‚ ãƒ¬ã‚·ãƒ” äºŒã¤ã ã‘ <!DOCTYPE html>ã‚’<html>ã®å‰ã«è¿½åŠ <head>å†…ã«ä»¥ä¸‹ã‚’è¿½åŠ  æœ¬æ¥ã§ã‚ã‚Œã°1.ã ã‘ã§IE9ã¯HTML5ãƒ¢ãƒ¼ãƒ‰ã«ãªã£ã¦ãã‚Œã‚‹ã¯ãšãªã®ã§ã™ãŒã€2.ãŒãªã„ã¨é§„ç›®ã§ã—ãŸã€‚å®Ÿã®ã¨ã“ã‚HTML5ã§ã¯2.ã¯invalidãªã®ã§ã™ãŒã€é‡è¦ãªã®ã¯validityã§ã¯ãªããƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®æŒ™å‹•ãªã®ã§ã€‚Chrome Frameã§ã‚‚åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã—ã€‚ internet ex
nebokegao 2011/12/25
dankogai

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