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

fuba id:fuba

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

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

= org-html5presentationãŒã„ã„æ„Ÿã˜ - @peccul is peccu
[2010-10-28 12:32:10] >>>[emacs] >>>[org] org-html5presentationãªã‚‹ã‚‚ã®ã‚’è¦‹ã¤ã‘ã¾ã—ãŸ botã¨ä¼šè©±ã—ã¦ï¼Œè¦‹ã¤ã‘ã¾ã—ãŸï¼Ž googleã®html5ã§ãƒ—ãƒ¬ã‚¼ãƒ³ã™ã‚‹ã‚„ã¤ã‹ãªï¼Ÿ org-modeã®ãƒ†ã‚ã‚¹ãƒˆã‚’htmlã«ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã§ãã¾ã™ï¼Žã‚«ãƒ¼ã‚½ãƒ«ã‚ãƒ¼ã§æ“ä½œã—ãŸã‚Šï¼Œã‚ºãƒ¼ãƒ ã—ãŸã‚Šã§ãã¾ã™ï¼Ž ã“ã‚Œã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã™ã‚Œã°ã„ã„ã®ã‹ ã‚µãƒ³ãƒ—ãƒ«è¦‹ãŸã‚‰æ—©ã„ã§ã™ï¼Ž org-html5presentationã®ã™ã™ã‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ãƒãƒ¼ã‚«ãƒ«ã«ã‚³ãƒ”ãƒ¼ auto-installãŒã‚ã‚‹ãªã‚‰ M-x auto-install-from-gist RET 509761 RET C-c C-c org-html5presentation.el RET ãªã‹ã£ãŸã‚‰ gist:509761 ã‹ã‚‰load-pathã®é€šã£ã¦ã‚‹å ´æ‰€ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ init.elã«è¿½è¨˜ (requ
fuba 2011/04/14
emacs

org-mode

presentation

html5
ãƒªãƒ³ã‚¯
Macã®Google Chromeã§8bitã®wavãƒ•ã‚¡ã‚¤ãƒ«ã‚’å†ç”Ÿã§ããªã„ - hitode909ã®æ—¥è¨˜
Macã®Google Chromeã§audioã‚¿ã‚°ã§wavãƒ•ã‚¡ã‚¤ãƒ«ã‚’å†ç”Ÿã™ã‚‹ã¨ï¼ŒãŸã¾ã«å¤‰ãªéŸ³ã«ãªã£ã¦ãŸï¼Ž ã—ã°ã‚‰ãåŽŸå› ä¸æ˜Žã ã£ãŸã‘ã©ï¼ŒGoogle ChromeãŒãƒã‚°ã£ã¦ã„ã¦ï¼Œ8bitã®wavãƒ•ã‚¡ã‚¤ãƒ«ã¯å†ç”Ÿã§ããªã„ã‚ˆã†ã ã£ãŸï¼Ž 8ãƒ“ãƒƒãƒˆãƒ¢ãƒŽãƒ©ãƒ«ï¼Œ16ãƒ“ãƒƒãƒˆãƒ¢ãƒŽãƒ©ãƒ«ï¼Œ16ãƒ“ãƒƒãƒˆã‚¹ãƒ†ãƒ¬ã‚ªã®audioã‚¿ã‚°ã‚’å†ç”Ÿã§ãã‚‹ãƒšãƒ¼ã‚¸ã‚’ä½œã£ãŸï¼ŽFirefoxã¨ã‹ã§ã¯ã©ã‚Œã‚‚å†ç”Ÿã§ãã‚‹ã‘ã©ï¼ŒMacã®Google Chromeã§ã¯ä¸€ç•ªä¸Šã®ã ã‘å¤‰ã«ãªã£ã¦ã‚‹ï¼Ž http://hitode909.appspot.com/audiotag/ Windowsã®Google Chromeã§ã¯ã¡ã‚ƒã‚“ã¨éŸ³ãŒå‡ºã‚‹ã¨ã„ã£ãŸæƒ…å ±ã‚‚ã‚ã‚‹ã‘ã©ã‚ˆãåˆ†ã‹ã‚‰ãªã„ï¼ŽWindowsã§ã¯å†ç”Ÿã§ãã‚‹ã‚‰ã—ã„ï¼Ž å®¹é‡ã¯2å€ã«ãªã‚‹ã‘ã©ï¼Œå¤‰ãªéŸ³ãŒå‡ºã‚‹ã‚ˆã‚Šã¾ã—ã ã‹ã‚‰ï¼Œwavãƒ•ã‚¡ã‚¤ãƒ«ã‚’å†ç”Ÿã—ãŸã„ã¨ãã¯ï¼Œ16ãƒ“ãƒƒãƒˆã«ã™ã‚Œã°ã‚ˆã•ãã†ï¼Ž 8ãƒ“ãƒƒãƒˆã ã¨1æ–‡å—ã ã‘ã©ï¼Œ16ãƒ“
fuba 2011/04/07
16bit wav ã«ã™ã‚‹

sound

audio

html5

wav

chrome
ãƒªãƒ³ã‚¯
9.4 Peer-to-peer connections â€” HTML Standard
Firefox3.5+Safari3.1+Chrome4+Opera12+Edge79+Edge (Legacy)18Internet Explorer5.5+Firefox Android4+Safari iOS2+Chrome Android18+WebView Android4.4+Samsung Internet1.5+Opera Android14+ This section defines an event-based drag-and-drop mechanism. This specification does not define exactly what a drag-and-drop operation actually is. On a visual medium with a pointing device, a drag operation could be t
fuba 2011/03/21
"Video conferencing and peer-to-peer communication"

html5
ãƒªãƒ³ã‚¯
çµå±€ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼Ÿ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading è¨³æ³¨ Diving In ã“ã®ç« ã§
fuba 2011/02/01
todo

html5
ãƒªãƒ³ã‚¯
Go offline with application cache | HTML5 Doctor
UPDATE 15 June 2011: .appcache is now the recommended file extension for cache manifests. Please ensure you update your filename, manifest attribute on the html element and set the correct mime-type in your server config. HTML5 introduces new methods for enabling a web site or web application to function without a network connection. When youâ€™re working on a mobile connection and your signal drops
fuba 2011/01/31
html5

cache
ãƒªãƒ³ã‚¯
video + canvas = magic | HTML5 Doctor
Youâ€™ve already learned about the <video> and <canvas> elements, but did you know that they were designed to be used together? In fact, the two elements are absolutely wondrous when you combine them! Iâ€™m going to show off a few super-simple demos using these two elements, which I hope will prompt cool future projects from you fellow web authors. (All of these demos work in every modern browser exce
fuba 2010/10/24
canvas

video

html5
ãƒªãƒ³ã‚¯
ã‚ãŸã—ãƒ«ãƒ¼ãƒˆãƒ©ãƒœ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã“ã‚“ã«ã¡ã¯ã€‚LatLongLabã®æ²³åˆï¼ˆ@inuroï¼‰ã§ã™ã€‚ å…ˆæ—¥ã€ãƒ«ãƒ¼ãƒˆãƒ©ãƒœã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ä¸»ã¨ã—ã¦è‡ªè»¢è»Šä¹—ã‚Šã®æ–¹ãªã©ã«ã”æ„›ç”¨ã„ãŸã ã„ã¦ã„ãŸALPSLAB routeã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã®å¾Œç¶™ã¨ãªã‚Šã¾ã™ã€‚ä»Šå¹´3æœˆæœ«ã®ALPSLABã®ã‚¯ãƒãƒ¼ã‚ºã«ã¨ã‚‚ãªã„ã€LatLongLabã«ç§»è¡Œã—ã¾ã—ãŸã€‚ ã‚‚ã¡ã‚ã‚“ãŸã ç§»è¡Œã™ã‚‹ã ã‘ã§ã¯ç›¸å¯¾çš„ã«ã¯é€€åŒ–ãªã®ã§ã€ãƒ«ãƒ¼ãƒˆãƒ©ãƒœã§ã‚‚è‰²ã€…ã¨æ–°ã—ã„è©¦ã¿ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚ãƒ«ãƒ¼ãƒˆãƒ©ãƒœã¨ã¯ ãƒ«ãƒ¼ãƒˆãƒ©ãƒœã¯ã€ã‚µã‚¤ã‚¯ãƒªãƒ³ã‚°ã‚³ãƒ¼ã‚¹ã‚„é“æ¡ˆå†…ãªã©ã®ãƒ«ãƒ¼ãƒˆã‚’ç°¡å˜ã«ä½œæˆã—å…¬é–‹ã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ åœ°å›³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«æ“ä½œã§ãƒ«ãƒ¼ãƒˆãŒæã‘ã‚‹ åœ°å›³ã¨æ¨™é«˜ã‚°ãƒ©ãƒ•ãŒä½µã›ã¦è¡¨ç¤ºã•ã‚Œã‚‹ ä½œæˆã—ãŸãƒ«ãƒ¼ãƒˆã‚’Webãƒšãƒ¼ã‚¸ã«
fuba 2010/04/02
html5

canvas

svg

javascript
ãƒªãƒ³ã‚¯
ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã‚’HTML5ã§è¦‹ã‚‹bookmarklet - saiten@blog
æ€§æ‡²ã‚Šã‚‚ç„¡ããƒ‹ã‚³ãƒ‹ã‚³ãƒã‚¿ã§ã™ã€‚ iPadã§ã‚‚çµå±€FlashãŒæè¼‰ã•ã‚Œãªã‹ã£ãŸã“ã¨ã‚‚ã‚ã£ã¦ã€æœ€è¿‘Flashã®ä»£æ›¿æ‰‹æ®µã¨ã—ã¦HTML5ãŒã‚„ã‘ã«æŠ¼ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚‚ã®ã¯è©¦ã—ã§ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®Flashãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’HTML5ã§æ§‹æˆã—ãŸãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ç½®ãæ›ãˆã‚‹bookmarkletã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚iPhone/iPadã®videoã‚¿ã‚°ã®å‹•ä½œãŒãƒžã‚·ã«ãªã£ã¦ã‚Œã°ã€iPhone/iPadä¸Šã§ã‚‚å‹•ãã‹ã‚‚ã£ã¦ãªæœŸå¾…è¾¼ã¿ã§ã€‚ ä½¿ã„æ–¹ã¯ã€ä¸‹è¨˜ã®bookmarkletã‚’ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®å†ç”Ÿãƒšãƒ¼ã‚¸(http;//www.nicovideo.jp/watch/*)ä¸Šã§å®Ÿè¡Œã™ã‚‹ã ã‘ã§ã™ã€‚å®Ÿè¡Œã™ã‚‹ã¨æ¨™æº–ã®Flashè£½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ã€HTML5+javascriptã§æ§‹æˆã—ãŸãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ç½®ãæ›ãˆã¾ã™ã€‚ javascript:(function(){var e=document.createElement("script");e.s
fuba 2010/02/26
nicovideo

html5
ãƒªãƒ³ã‚¯
HTML5 ã¨ CSS3 ã§ æ»ã«ãŸã„
CSS3ã®ã€Œå¤‰å½¢ãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ã€ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯é¢ç™½ã„ã§ã™ãã€‚ã“ã‚Œã‚‰ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ç™»å ´ã«ã‚ˆã£ã¦ã€CSSã®æŒã¤è¡¨ç¾åŠ›ãŒã€Œã©ã‹ãƒ¼ã‚“ã€ã¨æ‹¡å¤§ã™ã‚‹ã‚ˆã†ã«æ„Ÿã˜ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€WebKit Nightly Buildsã§ã®è¡¨ç¤ºã‚’å¯¾è±¡ã«ã€ CSS3ã§æ–°ãŸã«å®šç¾©ã•ã‚ŒãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è‰²ã€…ã¨ä½¿ã£ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ãŸã®ã§ã€ãã‚Œã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã¯ã€CSS3ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ç·´ç¿’ã¨ã—ã¦ä½œã£ã¦ã„ãŸã®ã§ã€ è¡¨ç¤ºã®å¯¾è±¡ã¯ã“ã‚Œã‚‰ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å…ˆè¡Œå®Ÿè£…ã—ã¦ã„ã‚‹WebKitã‚¨ãƒ³ã‚¸ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ä¸ã§ã‚‚ã€ æå†™é€Ÿåº¦ãŒæ¿€çš„ã«æ”¹å–„ã•ã‚Œã¦ã„ã‚‹é–‹ç™ºè€…å‘ã‘ã®WebKit Nightly Buildsã«ãªã‚Šã¾ã™ã€‚ Safari4ã‚„Google Chromeã§ã‚‚è¦‹ã‚‰ã‚Œã¾ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚¹ãƒ ãƒ¼ã‚ºã«å†ç”Ÿã•ã‚Œã¾ã›ã‚“ã€‚ã¾ãŸã€HTML5ã®audioè¦ç´ ã«å¯¾å¿œã—ã¦ã„ãªã„å ´åˆã¯éŸ³ãŒå‡ºåŠ›ã•ã‚Œãªã„ã‚ˆã†ã§ã™ã€‚éžå¸¸ã«é«˜è² è·ãªå‡¦ç†ãŒç››
fuba 2009/08/28
cool

html5

css
ãƒªãƒ³ã‚¯
1