[B! html] kohiro0ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kohiro0 id:kohiro0

htmlã«é–¢ã™ã‚‹kohiro0ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (82)

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

css
ãƒªãƒ³ã‚¯
createObjectURLãŒã™ã”ã„ä»¶ - ãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¢ã‚°ãƒ¢ã‚°
æœ€è¿‘ã¾ãŸLocal Player (Chrome Player)ã‚’å®Ÿè£…ã—ãªãŠã—ã¦ã„ã¾ã™. ä¸€å¿œèª¬æ˜Žã—ã¦ãŠãã¨, Local Playerã¯, å®Œå…¨ã«ãƒãƒ¼ã‚«ãƒ«ã§å‹•ä½œã™ã‚‹éŸ³æ¥½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã™. ã‚·ãƒ³ãƒ—ãƒ«ã•ã‚’æ±‚ã‚(å®Ÿè£…ãŒã‚ã‚“ã©ãã•ã„ã ã‘), æ“ä½œã—ã‚„ã™ã(ã“ã‚Œã¯å¤§äº‹), è‰¯ã„æ„Ÿã˜ã®ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã™. åŠå¹´å‰ã«, ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒã‚¹ãƒ‘ã‚²ãƒƒãƒ†ã‚£ã«ãªã£ã¦, é–‹ç™ºã‚’ä¸æ–ã—ã¦ã„ã¾ã—ãŸãŒ, æœ€è¿‘ã¾ãŸæ›¸ããªãŠã—å§‹ã‚ãŸã®ã§ã™. éŸ³æ¥½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§å®Ÿè£…ã™ã‚‹ã®ã«ã¯, éŸ³æ¥½ãƒ•ã‚¡ã‚¤ãƒ«ã‚’JavaScriptã§èªã¿è¾¼ã¾ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“. ãã“ã§HTML5ã§ã™ã‚ˆï¼ï¼ï¼ <audio src="url/to/musicfile.mp3" type="audio/mp3" /> ã¿ãŸã„ãªæ„Ÿã˜ã§, éŸ³æ¥½ã‚’å†ç”Ÿã§ãã¾ã™. è©³ç´°ã¯ä»–ã®ãƒšãƒ¼ã‚¸ã«è²ã‚Šã¾ã™. ã•ã¦, éŸ³æ¥½ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å†ç”Ÿã™ã‚‹ã«ã¯, ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰urlã‚’audi
kohiro0 2011/11/21
javascript

html
ãƒªãƒ³ã‚¯
ãµã¤ã†ã®ãƒ¦ãƒ¼ã‚¶ãŒçŸ¥ã‚‰ãªã„HTML5ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«10é¸ - YAMAGUCHI::weblog
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€Pythonç•Œã®æƒ…å¼±ã§ã™ã€‚ä»Šæ—¥ã¯Chrome+HTML5 Conferenceã®ãŠæ‰‹ä¼ã„ã«æ¥ã¦ã¾ã™ã€‚ã„ã¾ã¾ã§å…¨ãè§¦ã‚Œã¦ã“ãªã‹ã£ãŸä¸–ç•Œã§ã™ãŒã€çµæ§‹HTML5ã¯XMLã®ã‚ˆã†ã«ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã«é‡ç‚¹ã‚’ç½®ã„ã¦ã‚‹ã‚“ã§ã™ãã€‚CSS3ã‚‚å‹•çš„ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«ã‹ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚‹ã—ã€ã¨ã¦ã‚‚ã„ã„ã§ã™ãã€‚ ã•ã¦ã€YouTube Live Streamã®ãŠæ‰‹ä¼ã„ã—ãªãŒã‚‰RSSè¦‹ã¦ãŸã‚‰ã€ã¡ã‚‡ã†ã©ä»Šæ—¥ã®ãƒ†ãƒ¼ãƒžã«æ²¿ã£ãŸã‚¨ãƒ³ãƒˆãƒªãŒdiggã§ç´¹ä»‹ã•ã‚Œã¦ãŸã®ã§ã€ç¿»è¨³ã—ã¾ã—ãŸã€‚ 10 Excellent HTML5 coding Tools Many Users Donâ€™t Know About 10 Excellent HTML5 coding Tools Many Users Donâ€™t Know About ï¼ˆã‚ªãƒªã‚¸ãƒŠãƒ«ï¼‰ HTML5ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ä½œæˆæ–¹æ³•ã‚’æ ¹æœ¬ã‹ã‚‰å¤‰ãˆã‚‹ã“ã¨ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚
kohiro0 2011/08/22
html

programming
ãƒªãƒ³ã‚¯
HTML5ã€CSS3ã«é–¢ã™ã‚‹æƒ…å ±ã¾ã¨ã‚ã€‚ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹æƒ…å ±ã€è¾žå…¸ã‚µã‚¤ãƒˆã€CSSã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€Validatorãªã©çŸ¥è˜ï½žæ´»ç”¨ã¾ã§ ï½œhttps://wp.yat-net.com/name
2011å¹´ 07æœˆ 11æ—¥ HTML5ã€CSS3ã«é–¢ã™ã‚‹æƒ…å ±ã¾ã¨ã‚ã€‚ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹æƒ…å ±ã€è¾žå…¸ã‚µã‚¤ãƒˆã€CSSã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€Validatorãªã©çŸ¥è˜ï½žæ´»ç”¨ã¾ã§ ã‚«ãƒ†ã‚´ãƒªï¼š CSS3 HTML HTMLã¨CSS ã‚¿ã‚°ï¼šCodingCSS3ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ä½œæˆæ”¯æ´ãƒ„ãƒ¼ãƒ« ç¾çŠ¶HTML5ã¨CSS3ã‚’åˆ©ç”¨ã—ãŸã‚µã‚¤ãƒˆã®æ§‹ç¯‰ã¯è‡ªåˆ†ã®ä»•äº‹ä¸Šã§ã¯å‡ºã¦ããã†ã«ãªã„ã®ã§ã™ãŒã€ãã†ã¯è¨€ã£ã¦ã‚‚ä½•ã‚‚æƒ…å ±ã‚’åŽé›†ã—ãªã„ã‚ã‘ã«ã‚‚è¡Œã‹ãªã„ã®ã§ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¯å½“ç„¶ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ãŸã å˜ã«è²¯ã‚ã¦ã‚‹ã ã‘ã ã¨ã„ã–ã¨ã„ã†æ™‚æ´»ç”¨å‡ºæ¥ãªã„ã®ã§ã€ä¸€åº¦ãƒ–ãƒã‚°ã«æ›¸ãç•™ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ html5 ç¾çŠ¶æ·±ãèª¿ã¹ã¦ãŠã‚‰ãšãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚„ã‚¿ã‚°è¾žå…¸çš„ãªã‚‚ã®ã‚’åŽé›†ã—ã¦ã„ã¾ã™ã€‚æœ€è¿‘å‹äººã®ã‚¯ãƒï¼ˆ@CROO1379ï¼‰ãŒè‰²ã€…æƒ…å ±ã‚’åŽé›†ã—ã¦ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ã¦ãŠã‚Šã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹çš„ãªæ„å‘³ã§ã¯ã‹ãªã‚Šæ‹¾ãˆãã†ãªæ„Ÿã˜ã«ãªã£ã¦ã„ã¾ã™ã€‚
kohiro0 2011/07/13
html

css

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[CSS]ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã«ä»˜ç®‹ç´™ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Sticky Notes with CSS3 ãƒ‡ãƒ¢ï¼šå·¦ã€ãƒ‡ãƒ¢ï¼šå³ [ad#ad-2] ä»˜ç®‹ç´™ã¯ã©ã‚“ãªèƒŒæ™¯ã«ã‚‚é©ç”¨ã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ ç”»åƒç„¡ã—ã§ä»˜ç®‹ç´™ Sticky Notes with CSS3 by accidental hacker ä»˜ç®‹ç´™ã®å®Ÿè£… ä¸Šè¨˜ã®å½“ã‚µã‚¤ãƒˆã«è¨ç½®ã—ãŸãƒ‡ãƒ¢ã®ã‚³ãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚pè¦ç´ ã¯ä»˜ç®‹ç´™ã«ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ <ul id="notes"> <li> <p>ç”»åƒç„¡ã—ã§ä»˜ç®‹ç´™</p> </li> <li> <p>Sticky Notes with CSS3<br />by <a href="http://www.accidentalhacker.com/sticky-notes-with-css3/">accidental hacker</a></p> </li> </ul> [ad#ad-2] CSS3ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€å›ž
kohiro0 2010/12/15
html

css

tips
ãƒªãƒ³ã‚¯
å‹æ‰‹ã«æ·»å‰Š: Selectionå†…ã®HTML Textã‚’ã„ã„æ„Ÿã˜ã«å–å¾—ã™ã‚‹: Days on the Moon
ã¨ã„ã†ã‚ã‘ã§ã‚„ã£ã¦ã¾ã„ã‚Šã¾ã—ãŸã“ã®ã‚³ãƒ¼ãƒŠãƒ¼! æœ¬æ—¥ã®ãŠé¡Œã¯ã€ŒSelectionå†…ã®HTML Textã‚’ã„ã„æ„Ÿã˜ã«å–å¾—ã™ã‚‹ - æž•ã‚’æ¬¹ã¦ã¦è´ãã€ã§ã”ã–ã„ã¾ã™ã€‚é¸æŠžç¯„å›²ã®HTMLã‚½ãƒ¼ã‚¹ã‚’æŠœãå‡ºã™ã¨ã„ã†ã‚„ã¤ã§ã™ãã€‚ã§ã¯æ—©é€Ÿã„ã£ã¦ã¿ã¾ã—ã‚‡ã†! if(src.focusNode){ // selection ã¾ãšã¯ HTML5 ãƒ†ã‚ã‚¹ãƒˆé¸æŠž API ã® Selection ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒç™»å ´! ä»¥å¾Œã“ã‚Œã«å¯¾ã™ã‚‹æ“ä½œãŒç¶šãã¾ã™ã€‚ã—ã‹ã—ã“ã® Slection ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã€getRangeAt ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã†ã¨ãªã‚“ã¨é¸æŠžç¯„å›²ã«å¯¾å¿œã™ã‚‹ DOM 2 Traversal and Range ã® Range ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒå–ã‚Œã¡ã‚ƒã†ã‚“ã§ã™! // common parent node search (ä»¥ä¸‹ 21 è¡Œçœç•¥) ãã‚Œ Range#commonAncestorContainer ã§å–ã‚Œã‚‹ã‚ˆ! // c
kohiro0 2010/10/28
html5 selection range

html

javascript
ãƒªãƒ³ã‚¯
HTML5+CSS3 å…¥é–€
Webã‚’è¨˜è¿°ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ æ˜¨å¹´åº¦ã§ã‚ã‚Œã°ã€HTMLã‚’è¨˜è¿°ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–ã‚’æŽ¨è–¦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (æ–‡æ›¸ã®æ§‹é€ ã‚’è¨˜è¿°ã™ã‚‹è¨€èªž) â€“ XHTML 1.0 ã‚‚ã—ãã¯ XHTML 1.1 CSS (æ–‡æ›¸ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒ‡å®šã™ã‚‹è¨€èªž) â€“ CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ããå¤‰å‹•ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’æŽ¢ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’å®šç¾©ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webã‚µã‚¤ãƒˆã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–åŒ–å·¡ã‚‹é—˜äº‰ã®æ´å² AppleInsider: ãªãœ Apple ã¯ HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ã‚¦ã‚§ãƒ–ã®æ´å² [Page 2] ã‚ˆ
kohiro0 2010/10/05
html5 css3

html

css
ãƒªãƒ³ã‚¯
HTML5 Formsã‚’å¦ã¼ã† - jsdo.it - Share JavaScript, HTML5 and CSS
<div class="slide"> <h1>HTML5 Formsã‚’å¦ã¼ã†</h1> <p>HTML5ã‹ã‚‰æ–°ãŸã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã®æ©Ÿèƒ½ã«ã¤ã„ã¦èª¿ã¹ãŸã“ã¨ã‚’ã–ã£ãã‚Šã¨ã¾ã¨ã‚ãŸãƒ¡ãƒ¢ã§ã™. <p>ä½œæˆæ—¥: 2010/09/28 <p>æ›¸ã„ãŸäºº: 8th713(<a href="http://twitter.com/8th_713" target="_blank">Twitter</a>) </div> <div class="slide"> <h2>å¯¾è±¡ãƒ–ãƒ©ã‚¦ã‚¶</h2> <p>Windowsç‰ˆã®ä»¥ä¸‹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§èª¿ã¹ãŸçµæžœã‚’åŸºæº–ã«ã—ã¦ã„ã¾ã™. <ul> <li>Google Chrome 7.0.517.17 dev <li>Safari 5.0.2 <li>Opera 10.62 </ul> <p>Firefox4b6ã¯ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã®æ–°æ©Ÿèƒ½ã«ã»ã¨ã‚“ã©å¯¾å¿œã—ã¦ãªã„ã£ã½ã„ã®ã§é™¤å¤–
kohiro0 2010/09/29
html
ãƒªãƒ³ã‚¯
15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash
HTML is basically a standard for structuring and presenting content in the internet and HTML5 is the newest incarnation of HTML. HTML5 is supposed to have features like video playback which currently depends upon third-party(and proprietary) browser plug-ins like Adobe Flash. And please do keep in mind that, HTML5 itself is still a work in progress and hence these 15 demos are far from perfect. Bu
kohiro0 2010/08/26
html5ã®ãƒ‡ãƒ¢

html
ãƒªãƒ³ã‚¯
Live DOM Viewer
Markup to test (permalink, save, upload, download, hide): <!DOCTYPE html> ... DOM view (hide, refresh): Rendered view: (hide): innerHTML view: (show, refresh): <!DOCTYPE HTML><html></html> Log: (hide): Script not loaded. This script puts a function w(s) into the global scope of the test page, where s is a string or object to output to the log. Some files are available for testing purposes, notably
kohiro0 2010/08/24
DOMãƒ„ãƒªãƒ¼ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ è¡¨ç¤º

html

javascript
ãƒªãƒ³ã‚¯
jsdo.it
Come creare il miglior gioco da casinÃ² Quando si progetta un gioco da casinÃ², la prima cosa che devi considerare Ã¨ che tipo di gioco sarÃ . Ci sono molti diversi tipi di giochi da casinÃ², dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovr ai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovr ai a
kohiro0 2010/06/24
ã€Œãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§JavaScript, HTML5, CSSã‚’æ›¸ãã€å…±æœ‰ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€

javascript

html

css

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
canvasã§ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã‚‹æ–¹æ³• - KAYAC Engineers' Blog
tech.kayac.comã€ã•ã•ã‚„ã‹ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸï¼ tech.kayac.comã‚’ã”è¦§ã®çš†ã•ã‚“ã€ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ„åŒ éƒ¨MEèª²ã®fuchigamiã¨ã„ã„ã¾ã™ã€‚ ã©ã†ã—ã¦æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã«æ„åŒ éƒ¨ã®é‡ŽéƒŽãŒï¼Ÿã£ã¦æ„Ÿã˜ã§ã™ãŒã€ æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«è¨˜å¿µã¨ã„ã†ã“ã¨ã§ã€ã¡ã‚ƒã£ã‹ã‚Šcanvasã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ æœ€åˆãªã®ã§ã€ã€ã€ ç°¡å˜ã«ã¼ãã®å±žæ€§ã‚’èª¬æ˜Žã™ã‚‹ã¨ã€html5ã¨ã‹å¥½ãã€CSS3ã¨ã‹å¥½ãã€canvasã¨ã‹èˆˆå‘³ã‚ã‚‹ã€éžãƒ¢ãƒ†ã€javascriptã¯jQueryãŒãªã‚“ã¨ãªãã‚ã‹ã‚‹ç¨‹åº¦ã€éžãƒªã‚¢å……ã€‚ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å…¨èˆ¬ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ç‰¹ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«é–¢ã—ã¦ã¯ãƒ‰ç´ äººã ï¼ã¨ã„ã†ã“ã¨ã‚’å¼·èª¿ã—ã¦ãŠãã¾ã™ã€‚ ãã‚“ãªã¼ããŒã€canvasã‚’ä½¿ã£ã¦ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ ã€Œãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã‹ã‚‰ã«ã¯æ–°ã—ã„ã“ã¨ãŒã‚„ã‚ŠãŸã„ã‚ˆãã€‚ã ã£ãŸã‚‰html5ã¨c
kohiro0 2010/05/14
ã‹ã£ã¡ã‚‡ã„ã„

javascript

html
ãƒªãƒ³ã‚¯
ä»Šæ›´èžã‘ãªã„canvasã®åŸºç¤Žã®åŸºç¤Ž - KAYAC Engineers' Blog
ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ–°å…¥ã‚Šã®nagataã§ã™ã€‚ å…¥ç¤¾å¼ã§è‡ªè»¢è»Šä¹—ã£ã¦ãŸé‡ŽéƒŽã§ã™ã€‚ å…ˆè¼©æ–¹ã‹ã‚‰ã€Œãƒ–ãƒã‚°ã€æ›¸ã„ã¦ãï¼ã€ã¨ã®ãŠé”ã—ãŒã‚ã£ãŸã®ã§ã€ æ—¥å ±ã§æ›¸ã„ãŸã‚‰ã‚¦ã‚±ãŒã‚ˆã•ã’ã ã£ãŸcanvasã®ã“ã¨ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ â€»å„ç¨®ã‚µãƒ³ãƒ—ãƒ«ã¯Macä¸Šã®Safari4.05ã€Firefox3.6.3ã€Chrome5.0ã§å‹•ä½œã‚’ç¢ºèªã—ã¦ã„ã¾ã™ã€‚ canvasã£ã¦ãªã‚“ãžï¼Ÿ å›³ã‚’æ›¸ãè¾¼ã‚ã‚‹htmlè¦ç´ ã§ã™ã€‚ OpenGLã‚„DirectXã®ã‚ˆã†ãªé¢å€’ãªè¨å®šã‚’æ›¸ãã“ã¨ãªãã€ æ‰‹è»½ã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æç”»ãŒè¡Œãˆã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãƒãƒ¼ã‚«ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãª ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ï¼ˆã‹ã¤å‹•çš„ãªï¼‰è¡¨ç¾ãŒè¡Œãˆã‚‹ã‚ã‘ã§ã™ã€‚ ã¨ã‚Šã‚ãˆãšã¤ã‹ã£ã¦ã¿ã‚‹ æ—©é€Ÿä½•ã‹æã„ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã“ã†ã„ã†ã“ã¨ã¯å®Ÿè·µã‚ã‚‹ã®ã¿ã§ã™ã€‚ å‡¦ç†ã«ã¯Javascriptã‚’ä½¿ã„ã¾ã™ã€‚ canvasã«æç”»ã‚’è¡Œã†ã¨ãã¯ã€canvasè¦ç´ ã‹ã‚‰contextã‚’å–å¾—ã—ã¦ã€
kohiro0 2010/05/14
javascript

html
ãƒªãƒ³ã‚¯
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.
kohiro0 2010/05/06
html

javascript
ãƒªãƒ³ã‚¯
HTML5ã¨é–¢é€£ä»•æ§˜ã€è¨€èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒå…¬é–‹ | Webæ¨™æº–Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
HTML WGã‚ˆã‚Š3æœˆ4æ—¥ä»˜ã§ã€æ–°ã—ã„HTML5ã®è‰æ¡ˆã‚’å«ã‚ãŸ6ã¤ã®æ–‡æ›¸ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ HTML5 HTML Canvas 2D Context HTML Microdata HTML+RDFa HTML: The Markup Language HTML5 differences from HTML4 HTML5 differences from HTML4ã®æ—¥æœ¬èªžè¨³ã‚‚ã€ã„ã¤ã‚‚ã®é€šã‚Šæ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ HTML5 ã«ãŠã‘ã‚‹ HTML4 ã‹ã‚‰ã®å¤‰æ›´ç‚¹ å¤‰æ›´ç‚¹ æ˜¨å¹´ã®è‰æ¡ˆã‹ã‚‰ã®å¤‰æ›´ç‚¹ã‹ã‚‰ã€ã„ãã¤ã‹æ°—ã«ãªã‚‹ã‚‚ã®ã‚’æŒ™ã’ã¦ã¿ã¾ã™ã€‚ ã²ã¨ã¤ã¯ã€ä¼šè©±æ–‡ã‚’è¡¨ç¾ã™ã‚‹dialogè¦ç´ ãŒå‰Šé™¤ã•ã‚Œã¾ã—ãŸã€‚å°‚ç”¨ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ç”¨æ„ã™ã‚‹å¿…è¦æ€§ã‚„ã€è¡¨ç¾åŠ›ã«ä¹ã—ã„ã¨ã„ã£ãŸæ‡¸å¿µãŒå¯„ã›ã‚‰ã‚ŒãŸã“ã¨ã«ã‚ˆã‚Šã¾ã™ã€‚ ã¾ãŸã€figureè¦ç´ ã¨detailsè¦ç´ ã«ã¤ã„ã¦å†…å®¹ãƒ¢ãƒ‡ãƒ«ã®å¤‰æ›´ãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã‚Œã‚‰ã®è¦ç´ ã¯ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã«lab
kohiro0 2010/03/05
html

reference
ãƒªãƒ³ã‚¯
[CSS]å¤§ãã„ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦èƒŒæ™¯ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
CSS-Tricksã‹ã‚‰ã€å¤§ãã„ç”»åƒã‚’ä½™ç™½ã‚’ä½œã‚‰ãšã«ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ã€èƒŒæ™¯ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Perfect Full Page Background Image ä¸‹è¨˜ã€ãã‚Œã‚’å®Ÿè£…ã™ã‚‹è¦ä»¶ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’äºŒã¤ã€ãã‚Œãžã‚Œãƒã‚¤ãƒ³ãƒˆã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ å®Ÿè£…ã®è¦ä»¶ å‰æã¨ã—ã¦ã€ç”»åƒã®ã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€background-imageãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã®é…ç½®ã¯ä¸é©æ ¼ã¨ã—ã¾ã™ã€‚ ãã‚Œã‚’è¸ã¾ãˆã€ä»¥ä¸‹ã®æ¡ä»¶ã‚’ã‚¯ãƒªã‚¢ã•ã›ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã¯ç”»åƒã§ã„ã£ã±ã„ã«ã€ä½™ç™½ã¯ç„¡ã—ã§ ç”»åƒã®å¤§ãã•ã¯è‡ªå‹•èª¿æ•´ ç”»åƒã®æ¯”çŽ‡ã¯ç¶æŒ ç”»åƒã¯ãƒšãƒ¼ã‚¸ä¸å¤®ã« ç”»åƒã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãªã„ ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œ ä¸€ã¤ç›®ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ä½™åˆ†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒå¿…è¦ã§ã€IE6ç”¨ã«JavaScriptã‚’ä½¿ç”¨ã—ãŸã‚‚ã®ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ äºŒã¤ç›®ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä½™åˆ†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ç„¡ãã—ã€JavaScriptã‚‚å¿…è¦ã¨
kohiro0 2009/09/15
html

css

design

tips
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã«è¦‹ã‚‹ã¹ãã‚¨ãƒ³ãƒˆãƒªã¾ã¨ã‚
Form Design ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ ã•ã¦ã•ã¦ã€æœ€è¿‘ã®webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã¯æœ¬å½“ã«å‡ã£ã¦ã‚‹ã¨ã“ã‚ãŒå¤šãã¦ã€ãŸã ãŸã é–¢å¿ƒã™ã‚‹ã°ã‹ã‚Šã€‚ ãã‚“ãªã‚ã‘ã§ä»Šå›žã¯ã€ç„¦ç‚¹ã‚’ã€Žãƒ•ã‚©ãƒ¼ãƒ ã€ã«é™å®šã—ã€ã‚¹ã‚¿ã‚¤ãƒ«æŠœç¾¤ãªãƒ•ã‚©ãƒ¼ãƒ UIã‚’å‹‰å¼·ã—ã¦ã¿ãŸã„ã€‚ æµã‚Œçš„ã«ã¯ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³é›†CSSã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®å¤‰æ›´æ–¹æ³•JavaScriptã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†æ„Ÿã˜ã§ãŠé€ã‚Šã„ãŸã—ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ã¾ãšã¯ã€ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã€‚ ã“ã‚Œã‚‰ã¯ã€webãƒ‡ã‚¶ã‚¤ãƒ³å…¨ä½“ãŒãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãªã£ã¦ã„ã‚‹ã¾ã¨ã‚ã§ã™ã€‚ ã¾ã•ã«ãƒã‚¤ãƒ³ãƒ€ãƒ¼ã€‚ webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¡—é ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆç”¨ç´™ã®ã‚ˆã†ã«ä»•ä¸Šã’ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã‹ã£ã“ã„ã„ã€‚ ãã—ã‚ƒãã—ã‚ƒã£ã¨ã—ãŸã‚ˆã†ãªç´™ã®ä¸€éƒ¨ã«ãƒ•ã‚©ãƒ¼ãƒ ãŒè¨ç½®ã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã¡ã‚‰ã‚‚ãƒ¡ãƒ¢ã«åå‰ã‚’æ›¸ãã‹ã®ã”ã¨ãã€‚ æ·±æµ·ã«å…‰ãŒã•ã™æ„Ÿã˜ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã‚¤ã‚ºãƒ™ã‚¹ãƒˆãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¨è¨ˆãŒãªã•ã‚Œã¦ã„ã‚‹ã€‚ ï¼‘ï¼Œï¼’ï¼Œï¼“ï¼Œ
kohiro0 2009/06/25
html

design

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[CSS]å®Ÿç”¨çš„ãªã‚‚ã®ã‹ã‚‰ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªã‚‚ã®ã¾ã§ãƒªã‚¹ãƒˆè¦ç´ ã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹
å®Ÿç”¨çš„ãªã‚‚ã®ã‹ã‚‰ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªã‚‚ã®ã¾ã§ãƒªã‚¹ãƒˆè¦ç´ ã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’Dev Snippetsã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Styling your Lists: 20+ Brilliant How to's and Best Practices
kohiro0 2009/05/20
html

css

tips
ãƒªãƒ³ã‚¯
[CSS]å®Ÿç”¨çš„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæƒã£ã¦ã„ã‚‹ãƒ•ãƒªãƒ¼ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›† -Best Free Templates
PSDãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€å®Ÿç”¨çš„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæƒã£ã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é…å¸ƒã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã€ŒBest Free Templatesã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Best Free Templates, Free CSS templates ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€2ãƒšãƒ¼ã‚¸åˆ†ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæƒã£ã¦ãŠã‚Šã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒä¿æŒã•ã‚ŒãŸPSDãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ã‚ã‚‹ãŸã‚ã€ãƒ†ã‚ã‚¹ãƒˆç”»åƒã®å¤‰æ›´ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³é›†ã¨ã—ã¦ã‚‚å½¹ç«‹ã¡ãã†ã§ã™ã€‚ ä¸‹è¨˜ã«ã€ã„ãã¤ã‹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚
kohiro0 2009/04/13
html

css

template
ãƒªãƒ³ã‚¯
Googleã®Chromeãƒ–ãƒ©ã‚¦ã‚¶ã®æ§‹æˆãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ãã‚Œãžã‚Œã®ãƒã‚¤ãƒŠãƒªãƒ»ã‚µã‚¤ã‚ºã®è¡¨ - [ãƒ¢]Modern Syntax
é³¥ã®å‰¥è£½ã£ã½ã„å½«åˆ»çš„ãªã‚‚ã®ãªã®ã§ã™ãŒã€ãªã‚“ã¨ã“ã‚Œã€æ¨ã¦ã‚‰ã‚ŒãŸãŠã‚‚ã¡ã‚ƒã¨ã„ã†ã‹ãƒ•ã‚£ã‚®ãƒ¥ã‚¢ã¨ã„ã†ã‹ãŠäººå½¢ãªã©ã‹ã‚‰ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ æ£é¢ã‹ã‚‰è¦‹ã‚‹ã¨ç¢ºã‹ã«é³¥ãªã®ã§ã™ãŒã€æ¨ªã‹ã‚‰è¦‹ã‚‹ã¨ã€Œãªã‚‹ã»ã©ã€ã“ã†ãªã£ã¦ã„ã‚‹ã®ã‹ã€ã£ã¦æ„Ÿã˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã†ã„ã†ã€ã€Œè¦‹ã‚‹è§’åº¦ã§è¦‹ãˆæ–¹ãŒé•ã†ã€ã¨ã„ã†ã‚‚ã®ã®åç§°ã¯ãªã‚“ã¨ã„ã†ã®ã§ã—ã‚‡ã†ã‹ã€‚ ã¡ãªã¿ã«ã“ã‚Œã‚‰ã®é³¥ã¯çµ¶æ»…å±æƒ§ç¨®ã€ã¾ãŸã¯çµ¶æ»…ã—ãŸé³¥ãªã‚“ã ãã†ã§ã™ã€‚ãªã‚“ã‹è€ƒãˆã•ã›ã‚‰ã‚Œã¾ã™ãã€‚
kohiro0 2009/03/26
html

tips
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸