[B! HTML] kanimasterã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kanimaster id:kanimaster

HTMLã«é–¢ã™ã‚‹kanimasterã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (65)

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

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

è‘—ä½œæ¨©

HTML
ãƒªãƒ³ã‚¯
ã²ã¨ã‚Šã§Webåˆ¶ä½œã§ããŸï¼ã€ŒçŸ¥è˜ï¼ã‹ã‚‰å¦ã¶ã€ã™ã”ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚„ã‚µã‚¤ãƒˆï¼’ï¼—
ä½œæˆï¼š2013/07/22 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > å…ˆæ—¥ã€ãŠå®¢ã•ã‚“ã®ã¨ã“ã‚ã¸ææ¡ˆã«ã„ã£ãŸã¨ã“ã‚ã€ã€Œã‚µã‚¤ãƒˆã‚’è‡ªåˆ†ã§ã‚‚ä½œã‚ŠãŸã„ã®ã§å®šæœŸçš„ã«è¬›ç¿’ä¼šã‚’é–‹ã„ã¦æ¬²ã—ã„ã€‚Wordã—ã‹åˆ†ã‹ã‚‰ãªã„ã€‚ã€ã¨è¨€ã‚ã‚Œã¾ã—ãŸã€‚ã¨ã¯ã„ã£ã¦ã‚‚ã€è‡ªåˆ†ã§ã‚ã‚‹ç¨‹åº¦ã€ç¶™ç¶šã—ã¦å‹‰å¼·ã—ã¦ãŠã‹ãªã„ã¨ã€å—è¬›ã™ã‚‹äººã¯2å›žç›®ä»¥é™ã®å—è¬›å†…å®¹ã‚’ç†è§£å‡ºæ¥ãªã„ã—ã€æ•™ãˆã‚‹äººã‚‚åŸºæœ¬çŸ¥è˜ã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã¦ãŠã‹ãªã„ã¨ã€è³ªå•ã«ç”ãˆã‚‹ã“ã¨ã‚‚ã§ãã¾ã›ã‚“ã€‚ ä»Šå›žã¯Webè£½ä½œã‚’ã™ã‚‹ãªã‚‰å¿…ãšæŠ‘ãˆã‚‹ã¹ãã“ã¨ã€çŸ¥è˜ã€Œï¼ã€ã‹ã‚‰å¦ã¶ã€åŸºæœ¬çš„ãªçŸ¥è˜ã‚’ç¿’å¾—ã§ãã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ãƒ»ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚‚OKã€‚ãƒ¡ã‚¸ãƒ£ãƒ¼ãªã‚‚ã®ä¸å¿ƒã§ã™ã€‚ã¨ã¯ã„ãˆé‡ãŒè†¨å¤§ã«ãªã£ãŸã®ã§ã€å¿…è¦ãªéƒ¨åˆ†ã ã‘ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦å¦ã³ã¾ã—ã‚‡ã†ã€‚â€»ã‚¹ãƒ©ã‚¤ãƒ‰ãŒãªã„ã‚‚ã®ã«é–¢ã—ã¦ã¯ã€ãŠå½¹ç«‹ã¡ãƒªãƒ³ã‚¯ã‚’ã¤ã‘ã¦ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜
kanimaster 2014/04/05
HTML

css

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œã£ãŸã‚ˆï¼
ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ãã€‚ URLã¯ file:Â¥Â¥Â¥C:Â¥UsersÂ¥kurokishiÂ¥DocumentsÂ¥HomePages
kanimaster 2013/07/15
IE3.0ãã‚‰ã„ã€‚

HTML

IE7
ãƒªãƒ³ã‚¯
CSSã§1è¡Œç›®ã®è¦‹å‡ºã—é …ç›®ã‚’ã¶ã‚‰ä¸‹ã’ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã™ã‚‹ï½œweb bibo
æ³¨æ„æ›¸ãã‚„ç®‡æ¡æ›¸ããªã©æ®µè½ã®1è¡Œç›®ã«è¦‹å‡ºã—é …ç›®ãŒã‚ã‚‹æ–‡ç« ã§ã€é …ç›®ã‚’ç›®ç«‹ãŸã›ã‚‹ãŸã‚ã«ã€2è¡Œç›®ä»¥é™ã‚’å—ä¸‹ã’ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚’ç°¡å˜ã«å®Ÿç¾ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ æ³¨æ„æ›¸ãã¨ã‹ç®‡æ¡æ›¸ããªã©ã€éžå¸¸ã«ä½¿ã†å ´é¢ãŒå¤šã„ã¨æ€ã†ã®ã§ã®ã§ã€ã‹ãªã‚Šå½¹ç«‹ã¤ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ã¦ã„ã†ã‹ã€ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯çš†ã•ã‚“çŸ¥ã£ã¦ã¾ã™ã‚ˆãã€‚ã€‚ã€‚ä¸€å¿œã€CSSåˆå¿ƒè€…ã®æ–¹å‘ã‘ã¨ã„ã†ã“ã¨ã§è¼‰ã›ã¦ãŠãã¾ã™ã€‚ HTMLã‚³ãƒ¼ãƒ‰ <ul> <li>â€»ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚</li> <li>â€»ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„ã„</li> <li>â€»ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†ã†</li> </ul> CSSã‚³ãƒ¼ãƒ‰ ul { list-style: none; width: 250px; font-size: 0.8em; lin
kanimaster 2013/04/26
css

HTML
ãƒªãƒ³ã‚¯
Example Domain
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
kanimaster 2013/01/30
ãƒ–ãƒ©ã‚¦ã‚¶

HTML
ãƒªãƒ³ã‚¯
YouTubeå‹•ç”»ã®URLã«ã€Œ&html5=Trueã€ã‚’ã¤ã‘ã‚‹ã¨HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã§å†ç”Ÿã§ãã‚‹ | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
YouTubeã®å‹•ç”»ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã«ã¯ã€Flashã®ã‚‚ã®ã¨HTML5ã®ã€2ç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚ ä»¥å‰ã¾ã§ã¯ã€Flashãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã ã‘ã§ã—ãŸãŒã€æœ€è¿‘ã«ãªã‚Šã€HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ãŒç™»å ´ã—ã¾ã—ãŸã€‚iPhoneã®Safariã§ã€YouTubeï¼ˆPCç‰ˆï¼‰ã‚’é–‹ãã¨ã€HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ãŒèµ·å‹•ã—ã¾ã™ãã€‚HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ãªã‚‰ã€FlashãŒæè¼‰ã—ã¦ã„ãªã„æ©Ÿç¨®ã§ã‚‚ã€å‹•ç”»ã®å†ç”ŸãŒå¯èƒ½ã§ã™ï¼ˆã‚‚ã¡ã‚ã‚“HTML 5ã«å¯¾å¿œã—ã¦ã„ã‚‹å¿…è¦ã‚¢ãƒªï¼‰ã€‚ ä»¥ä¸‹ã«ã€HTML5ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã‚’åˆ©ç”¨ã™ã‚‹æ‰‹é †ã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ ã¾ãšã€YouTubeã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ã€‚ ä»Šå›žã¯ã€ç§ãŒæ±äº¬æ¹¾å¤§è¯ç«ç¥ã«è¡Œã£ãŸã¨ãã«æ’®ã£ãŸå‹•ç”»ã§ã€èª¬æ˜Žã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã„ã¤ã‚‚ã©ãŠã‚Šã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ã“ã®ã‚ˆã†ã«Flashãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ãŒèµ·å‹•ã—ã¾ã™ã€‚ãã“ã§ã€å‹•ç”»ã®URLã®æœ«å°¾ã«ã€Œ&html5=Trueã€ã¨ã¤ã‘ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ http://www.youtube.com/wa
kanimaster 2012/06/13
YouTube

HTML

tips

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
å²¡å±±çœŒã®æ¸©æ³‰å®¿ï½žå£ã‚³ãƒŸäººæ°—ã®æ¸©æ³‰å®¿
ä»–ã®ã‚µã‚¤ãƒˆã«é£½ããŸã¨ãã€å²¡å±±çœŒã®æ—…è¡Œã‚¬ã‚¤ãƒ‰ã«ã¤ã„ã¦ã®è¨˜äº‹ã‚’ã”åˆ©ç”¨ãã ã•ã„ã€‚æ¸©æ³‰å®¿ã«ã¤ã„ã¦ã®è¨˜äº‹ã¯ã“ã ã‚ã‚Šã®æƒ…å ±ã‚’ã“ã ã‚ã‚Šã®ã‚ã‚‹ã‚ãªãŸã«ãŠé€ã‚Šã—ã¾ã™ã€‚ã“ã®è¨˜äº‹ã«ã¯ä½“é¨“è«‡ã‚„ãŠå¾—ãªæƒ…å ±æº€è¼‰ï¼ãŠè¦‹é€ƒã—ã®ãªã„ã‚ˆã†ã«ã—ã¦ãã ã•ã„ã€‚ä¸ã«ã¯ã€Œã“ã“ã®è¨˜äº‹ã§å¾—ãŸæƒ…å ±ã§é–ƒãã€æ€ã„åˆ‡ã£ã¦äº‹æ¥ã‚’ã¯ã˜ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸï¼ã€ã¨ã„ã†ãŠä¾¿ã‚Šã‚‚é ‚ã‘ã¾ã—ãŸã€‚å²¡å±±çœŒã®æ—…è¡Œã‚¬ã‚¤ãƒ‰ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ãã‚Œã§ã¯ã€ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚³ã‚¢ã®æ›²èª¿ã¯è’ã‚Œç‹‚ã£ã¦ãŠã‚Šã€ã‚¿ãƒãƒƒãƒˆã®ä½¿ã„æ–¹ã¨ã¯ã‚¿ãƒãƒƒãƒˆã®ä½¿ã„æ–¹ã«ã¯æ§˜ã€…ãªæŠ€æ³•ãŒã‚ã‚Šã¾ã™ãŒã€ã‚¨ãƒ¬ã‚¯ãƒˆãƒãƒ‹ãƒƒã‚¯ãƒ»ãƒ€ãƒ³ã‚¹ãƒŸãƒ¥ãƒ¼ã‚¸ãƒƒã‚¯(æ—…è¡Œã‚¬ã‚¤ãƒ‰)ã®é™ç•Œã‚’è¶…ãˆãŸæ¥µç«¯ãªçŠ¶æ³ã‚’ä½œã‚Šä¸Šã’ã‚‹æ—…è¡Œã‚¬ã‚¤ãƒ‰ã«ã€ã‚ã‚‰ã‚†ã‚‹æ¨™æº–çš„ãªä¾¡å€¤ã‚’å˜²ç¬‘ã—ã¦ãƒ‘ãƒãƒ‡ã‚£ãƒ¼åŒ–ã—ã¦ã„ã‚‹ã€‚ã‚ã‚ŠããŸã‚Šãªæ™®é€šã®éŸ³æ¥½ã€ãƒªã‚¹ãƒŠãƒ¼ã¸æ•µæ„ã‚’ç…½ã‚‹ã‚ˆã†ãªæ¸©æ³‰å®¿ãŒå¤šã„ã€‚<br />ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚³ã‚¢ã®DJã¯ã€è‡ªåˆ†ã«ä¸€ç•ªã‚ã£ãŸã‚„ã‚Šæ–¹ã‚’é¸æŠžã™ã‚‹ã»ã†ãŒã‚ˆã„ã‚ˆã†ã§ã™ã€‚å²¡å±±çœŒã®æ—…è¡Œã‚¬ã‚¤ãƒ‰ã¨ã„ã†
kanimaster 2012/05/23
ä½•ã‹ã‚’å—ä¿¡ã—ã¾ã—ãŸã€‚

HTML

é›»æ³¢
ãƒªãƒ³ã‚¯
Draw a Stickman
Use your favorite screen capture tool to capture an image of your drawings from this website. Then send the image to share@drawastickman.com. We will showcase the most creative drawings in our upcoming stickman gallery.
kanimaster 2012/01/12
webãƒ‡ã‚¶ã‚¤ãƒ³

HTML
ãƒªãƒ³ã‚¯
LightBoxã®ä½¿ã„æ–¹ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³• | CSS Lecture
kanimaster 2011/07/04
HTML

JavaScript

css
ãƒªãƒ³ã‚¯
Lightboxã®å°Žå…¥æ–¹æ³•ã¨ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ç°¡å˜ã«å¯¾å¿œå‡ºæ¥ã¾ã™ã€‚
Lightboxã«å¯¾å¿œã•ã›ãŸã„ãƒšãƒ¼ã‚¸ã®HTMLã‚¿ã‚°ã‚’ç·¨é›†ã—ã¾ã™ã€‚ HTMLãƒšãƒ¼ã‚¸ã®ï¼‘è¡Œç›®ã« <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ã‚’æŒ¿å…¥ã—ã€<TITLE></TITLE>ã®æ¬¡ã®è¡Œã« <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="t
kanimaster 2011/07/04
HTML

JavaScript

css
ãƒªãƒ³ã‚¯
ã‚¨ã‚¯ã‚»ãƒ«ã‚·ãƒ¼ãƒˆã‚’HTMLãƒ†ãƒ¼ãƒ–ãƒ«ã«å¤‰æ›ã—ã¡ã‚ƒã†å› (Î²Î²)
STEP1. ã‚¨ã‚¯ã‚»ãƒ«ã¨ã‹ã‹ã‚‰CSV (TSV)ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦ã‚’è²¼ã‚Šä»˜ã‘ STEP2. ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’é¸æŠžã—ã¦å¤‰æ› ç´°ã‹ã„è¨å®š åˆ—ç›®ã¾ã§ã‚’THEADã¨ã™ã‚‹ã€‚(0ã§THEADãªã—) TBODYã®è¡Œç›®ã¾ã§ã‚’THã¨ã™ã‚‹ã€‚ TBODY THã«æ·±åº¦ã‚’åŸ‹ã‚è¾¼ã‚“ã ã‚¯ãƒ©ã‚¹åã‚’è¿½åŠ ã™ã‚‹ã€‚(1ã€œ) ã‚¯ãƒ©ã‚¹åï¼š " + n" ã²ã¨ã¤ã‚ã®THã«æ·±åº¦ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã—ãªã„ã€‚(lv1ã‚’è¿½åŠ ã—ãªã„) nåˆ—ã”ã¨ã«TRã«ã‚¯ãƒ©ã‚¹åã‚’è¿½åŠ ã™ã‚‹ã€‚(0ã€œ) ã‚¯ãƒ©ã‚¹åï¼š åˆ—æ•°ã€€ã€€ï¼š ã‚¯ãƒ©ã‚¹åã«åˆ—æ•°ã‚’è¿½åŠ ã™ã‚‹ã€‚(nrow0, nrow1,,)
kanimaster 2011/05/12
webã‚µãƒ¼ãƒ“ã‚¹

HTML

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

tool
ãƒªãƒ³ã‚¯
ãƒ•ã‚§ã‚¤ã‚¹ãƒ–ãƒƒã‚¯ã€ãƒŸã‚¯ã‚·ã‚£ã€ã‚°ãƒªãƒ¼ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ OGP (Open Graph Protocol) ã¨ã¯ä½•ã‹ - ITæˆ¦è¨˜
ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ ãŠå…ƒæ°—ã§ã™ã‹ï¼Ÿåƒ•ã¯å…ƒæ°—ã§ã™ã€‚ ã•ã¦ æœ€è¿‘ã‚ˆãã€ã€Œã„ã„ãï¼ã€ãƒœã‚¿ãƒ³ã‚„ã€ŒãƒŸã‚¯ã‚·ã‚£ãƒã‚§ãƒƒã‚¯ã€ãƒœã‚¿ãƒ³ã«ã‚ˆã£ã¦ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ç´¹ä»‹ã—åˆã†æ–‡åŒ–ãŒå°‘ã—ãšã¤å®šç€ã—ã¦ããŸãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã§ã€ä»Šå¾Œé‡è¦ã«ãªã£ã¦ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã‚ã‚Œã‚‹ OGP ï¼ˆOpen Graph Protocolï¼‰ã¨è¨€ã‚ã‚Œã‚‹ä»•æ§˜ãŒã‚ã‚Šã¾ã™ã€‚ä»Šæ—¥ã¯ãã®ã“ã¨ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ OGP? ãŠãƒ¼ã˜ãƒ¼ã´ãƒ¼ï¼Ÿï¼Ÿã¨ã¯ãªã‚“ã§ã—ã‚‡ã†ã‹ã€‚ OGP ã¨ã¯ ç°¡å˜ã«è¨€ã†ã¨ã€Œã“ã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã¯ä½•ã®ã“ã¨ã‚’æ›¸ã„ã¦ã„ã‚‹ã‹ã€ã¨ã„ã†æƒ…å ±ã‚’ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰èªã‚ã‚‹å½¢ã§ HTML ã«ä»˜åŠ ã™ã‚‹è¨˜è¿°æ–¹æ³•ã®ã“ã¨ã§ã™ã€‚ ã¾ã‚ã€æ™®é€šã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã¯äººé–“ãŒèªã‚ã°ã ã„ãŸã„ä½•ã®ã“ã¨ãŒæ›¸ã„ã¦ã‚ã‚‹ã‹åˆ†ã‹ã‚Šã¾ã™ã‚ˆãã€‚ ã§ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒ ã¯äººé–“ã»ã©é ãŒè‰¯ããªã„ã®ã§ã€ãã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸å†…ã®æ–‡ç« ã ã‘ã§ã¯ãã®ãƒšãƒ¼ã‚¸ãŒä½•ã®ã“ã¨ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ãªã®ã‹æ£ç¢ºã«è˜åˆ¥ã™
kanimaster 2011/01/17
SNS

HTML
ãƒªãƒ³ã‚¯
Facebookã®ã€Œãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã€ã«ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åŠ ãˆã‚‹æ–¹æ³• - ã‹ã¡ã³ã¨.net
Like!ãƒœã‚¿ãƒ³ãŒæ€ã„ã®ã»ã‹æ—¥æœ¬ã§ã‚‚è‰¯ã è¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã£ã¦ã€Facebookã‚‚ å¤šå°‘ã¯æ™®åŠã—å§‹ã‚ãŸã‹ãªï¼Ÿã¨ã„ã†å°è±¡ ãªã®ã§ã€Facebookã®æ©Ÿèƒ½ã®ä¸€ã¤ã§ã€ æ¬§ç±³ã§ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ç‰ã«ã‚‚ä½¿ã‚ã‚Œã¦ ã„ã‚‹ãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã«ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã‚ã‚‹ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åŠ ãˆã‚‹æ–¹æ³•ã‚’ ã”ç´¹ä»‹ã—ã¾ã™ã€‚ [note]Facebookä»•æ§˜å¤‰æ›´ã«ã‚ˆã‚Šã€FBMLã¯å»ƒæ¢ã•ã‚Œã€Facebookãƒšãƒ¼ã‚¸ï¼ˆæ—§ãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ï¼‰ã¯HTMLã‚„jsã§ä½œæˆå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®æƒ…å ±ã¯ä»Šå¾Œå½¹ã«ç«‹ã¡ã¾ã›ã‚“ã€‚ æ–°ã—ãæ›¸ãã¾ã—ãŸã®ã§ã“ã¡ã‚‰ã‚’ã”å‚ç…§ãã ã•ã„[/note] æ—¥æœ¬ã§ã‚‚ã¡ã‚‡ã“ã¡ã‚‡ã“Facebookã®åˆ©ç”¨è€…ã‚‚å¢—ãˆå§‹ã‚ã¦ã‚‹æ°—ãŒã—ã¾ã™ã€‚ãã‚“ãªFacebookã®æ©Ÿèƒ½ã®ä¸€ã¤ã§ã‚‚ã‚ã‚‹ãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã€‚ãã®ã¾ã¾ã ã¨è‹¥å¹²ç´ ã£æ°—ãªã„å°è±¡ãªã®ã§ã€ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„ã€ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åŠ ãˆã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã€‚ Static FBMLã‚’ä½¿ã†ã®ã§ã™ãŒã€ã‚°
kanimaster 2011/01/15
Facebook

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

HTML

css
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã«ã„ã„ããƒœã‚¿ãƒ³ã‚’ç½®ãæ–¹æ³• - ITæˆ¦è¨˜
ãŸã£ã¡ï¼ ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ ãŠå…ƒæ°—ã§ã™ã‹ã€åƒ•ã¯ã‚¢ã‚¤ã‚¹ã®ã‚ã¨ãƒ©ãƒ¼ãƒ¡ãƒ³ã‚’é£Ÿã¹ã¦æ°—æŒã¡æ‚ªã„çŠ¶æ…‹ã§ã™ãŒå…ƒæ°—ã§ã™ã€‚ ã•ã¦ã•ã¦ æœ€è¿‘ã¯ã€ãƒ•ã‚§ã‚¤ã‚¹ãƒ–ãƒƒã‚¯ã‚„ãƒŸã‚¯ã‚·ã‚£ã‚„ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ãªã©ã® SNS ã§é¢ç™½ã„ã¨æ€ã£ãŸãƒ¢ãƒŽã‚’ç´¹ä»‹ã—åˆã†æ–‡åŒ–ãŒå®šç€ã—ã¦ãã¦ã„ã‚‹ã‚ˆã†ãªæ°—ãŒã—ã¾ã™ã€‚ ãã‚“ãªä¸ã§ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ç´¹ä»‹ã™ã‚‹ãŸã‚ã«ä½¿ã‚ã‚Œã‚‹ãŸã‚ã«ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ç½®ã‹ã‚Œã‚‹ã‚‚ã®ãŒã€Œã„ã„ãï¼ã€ãƒœã‚¿ãƒ³ã ã£ãŸã‚Šã€ã€Œãƒ„ã‚¤ãƒ¼ãƒˆã€ãƒœã‚¿ãƒ³ã ã£ãŸã‚Šã™ã‚‹ã‚ã‘ã§ã™ãã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã«ãã†ã„ã£ãŸãƒœã‚¿ãƒ³ã‚’é…ç½®ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã“ã§ç´¹ä»‹ã™ã‚‹æ–¹æ³•ã¯ã€ã¡ã‚ƒã‚“ã¨ç†è§£ã—ã¦ç½®ããŸã„äººå‘ã‘ã€ XML ã‚„ HTML ã‚’åˆ†ã‹ã£ã¦ã„ã‚‹äººå‘ã‘ã¨ãªã‚Šã¾ã™ã€‚ ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã«ã¯è‡ªç”±ãª HTML ã‚’è²¼ã‚Šä»˜ã‘ã‚‰ã‚Œãªã„ ã¾ã‚ã€æ™®é€šã«è‡ªç”±ã« HTML ã‚’è²¼ã‚Šä»˜ã‘ã‚‰ã‚Œã‚‹ç’°å¢ƒã§ã‚ã‚Œã°ã€ãŸã å˜ã«æä¾›ã•ã‚Œã‚‹ãƒœã‚¿ãƒ³ç”¨ã® HTML ã‚’å¼µã‚Šä»˜ã‘ã‚‹ã ã‘ãªã®ã§ç°¡å˜ã§ã™ã€‚
kanimaster 2011/01/09
é›£ã—ãã¦ã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸã€‚

ã¯ã¦ãª

Facebook

HTML
ãƒªãƒ³ã‚¯
divã‚¿ã‚°ãŒå¤šç”¨ã•ã‚Œã¦ã„ã‚‹çµŒæ¸ˆç”£æ¥çœã®ãƒšãƒ¼ã‚¸ã®divã‚¿ã‚°ã‚’å¯è¦–åŒ–ã—ã¦ã¿ãŸ - Pastalablog in ã¯ã¦ãª
ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¨ã‹ã§ç››ã‚Šä¸ŠãŒã£ã¦ãŸã®ã‚’è¦‹ã¦ã€ã›ã£ã‹ããªã®ã§ã€divã«borderã‹ã‘ã¦ã¿ãŸã‚‰ã™ã”ã„ã“ã¨ã«ãªã£ãŸã€‚ è©±é¡Œãªã®ã¯ã“ã®ãƒšãƒ¼ã‚¸ çµŒæ¸ˆç”£æ¥çœ ä¼šè¦‹ãƒ»ã‚¹ãƒ”ãƒ¼ãƒ å¤§è‡£è¨˜è€…ä¼šè¦‹ ãƒšãƒ¼ã‚¸è‡ªä½“ã¯å¤ã‚*1 divã®æ•°ã¯ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã§æ•°ãˆãŸã‚‰ãƒšãƒ¼ã‚¸å…¨ä½“ã§309å€‹ã‚ã£ãŸã€‚ æ¤œè¨¼æ–¹æ³• firebugã«jQueryæ¤œè¨¼æ©Ÿèƒ½ã‚’ä»˜ã‘ã‚‹FireQueryã¨ã„ã†ã®ã‚’ä½¿ã£ã¦jQueryã§é©å½“ã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’å®Ÿè¡Œã—ãŸã€‚ var c=new Array("red","yello","blue","green","black","pink"); $("div").each(function(i){ $(this).attr("style",("border:1px solid "+c[i%6])) }) çµæžœ ã“ã‚“ãªHTMLã©ã†ã‚„ã£ã¦ä½œã£ãŸã‚“ã ã‚ã†ã‹ã€‚ ã‚‚ã—æ‰‹æ‰“ã¡ãªã‚‰æ ¹æ°—ã®å±…ã‚‹ä½œæ¥ã ã£ãŸã‚“ã ã‚ã†ãªãã¨æ€ã„ã¾ã—ãŸã€‚ è¿½
kanimaster 2010/12/13
å…ƒãƒšãƒ¼ã‚¸ã®ã‚½ãƒ¼ã‚¹é–‹ã„ãŸã‚‰ç›®ãŒã—ã‚“ã

HTML
ãƒªãƒ³ã‚¯
ez-HTML
å……å®Ÿã—ãŸã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€æ£ç¢ºãªå…¥åŠ›æ”¯æ´ã€XHTMLå½¢å¼å‡ºåŠ›ã‚‚è¨˜è¿°ãŒã§ãã‚‹é«˜æ©Ÿèƒ½ãƒ»æ¬¡ä¸–ä»£HTMLã‚¨ãƒ‡ã‚£ã‚¿ã€‚ é–‹ç™ºé–‹å§‹ã‹ã‚‰ã®ç´¯è¨ˆãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ•°ãŒ100ä¸‡æœ¬ã‚’çªç ´ã—ã¾ã—ãŸï¼ˆ2022æœˆ4æœˆ5æ—¥ï¼‰ã€‚ æœ€æ–°ç‰ˆ(ver 7.71)ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼ (2.20MB) 2005å¹´åº¦ VECTORãƒ™ã‚¹ãƒˆã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢è³žã‚’å—è³žã€ 2007å¹´åº¦ Greva!ãƒ—ãƒ©ãƒãƒŠè³žã‚’å—è³žã—ã¾ã—ãŸã€‚ Index å¸‚è²©ã®ã€Œã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã€ï¼ˆä»¥ä¸‹WYSIWYGã¨çœç•¥ï¼‰ã¯ç”»åƒãªã©ã‚‚ç°¡å˜ã«æŒ¿å…¥ã§ãã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã‚‚ç°¡å˜ã«ã§ãã¾ã™ãŒã€ãã®åé¢fontè¦ç´ ã‚’ä¹±ç”¨ã—ãŸã‚Šä½•åº¦ã‚‚ç·¨é›†ã—ã¦ã„ã‚‹é–“ã‚´ãƒŸã®ã‚ˆã†ã«ã‚¿ã‚°ãŒæ®‹ã£ã¦ã—ã¾ã†ã¨ã„ã†å•é¡Œç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ å½“ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯ä¸»ã«æ‰‹æ‰“ã¡ã§HTMLã‚½ãƒ¼ã‚¹ã‚’è¨˜è¿°ã™ã‚‹äººå‘ã‘ã®ãŸã‚ã«é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€WYSIWYGã§åˆ¶ä½œã—ãŸHTMLæ–‡æ›¸ã®ã¡ã‚‡ã£ã¨ã—ãŸç·¨é›†ãªã©ã«ã‚‚ä½¿ã†äº‹ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ã“ã®HT
kanimaster 2010/11/20
HTML

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

software
ãƒªãƒ³ã‚¯
metaã‚¿ã‚°ã‚’è¿½åŠ ã—ã¦Facebookã«å¯¾å¿œã™ã‚‹æ–¹æ³•ã¨ãƒãƒžã‚Šã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆ
Facebookä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿ ã“ã‚“ã«ã¡ã‚ã€MEèª²ã®æ¸•ä¸Šã§ã™ã€‚ ãƒŸãƒ¼ãƒãƒ¼ãªã¼ãã¯ã‚‚ã†ã™ã£ã‹ã‚ŠFacebookä¸æ¯’ã§ã™ã€‚ Facebookã¨ã„ãˆã°ã€ã€Œã„ã„ãï¼ã€ã‚„ã€Œã‚·ã‚§ã‚¢ã€ã¨ã„ã£ãŸä»•çµ„ã¿ã§ã€é¢ç™½ã„ã‚‚ã®ã‚’å‹é”ã«å…±æœ‰ã§ãã‚‹ä»•çµ„ã¿ãŒç‰¹å¾´çš„ã§ã™ã€‚ ã“ã®ä»•çµ„ã‚’ã†ã¾ãä½¿ãˆã°ã€ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã«æœ‰åŠ¹æ´»ç”¨ã§ããã†ã§ã™ãã€‚ ä»Šå›žã¯ã€ã„ã¤ã‚‚ã®htmlã«ä¸€æ‰‹é–“åŠ ãˆã¦ã€Œã„ã„ãï¼ã€ã‚„ã€Œã‚·ã‚§ã‚¢ã€ã§åŠ¹æžœçš„ã«éœ²å‡ºã§ãã‚‹ã‚ˆã†ãªæ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã§ã¯ç¶šãã‹ã‚‰ã©ã†ãžï¼ ã€Œã„ã„ãï¼ã€ã€Œã‚·ã‚§ã‚¢ã€ã‚’ã™ã‚‹ã¨Facebookä¸Šã«ä½•ãŒã©ã†è¡¨ç¤ºã•ã‚Œã‚‹ã®ã‹ ã€Œã„ã„ãï¼ã€ã‚„ã€Œã‚·ã‚§ã‚¢ã€ã‚’ã™ã‚‹ã¨è‡ªåˆ†ã®æŽ²ç¤ºæ¿ã‚„ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ•ã‚£ãƒ¼ãƒ‰ã«ã‚¢ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ è‡ªåˆ†ã®æŽ²ç¤ºæ¿ ã€Œã„ã„ãï¼ã€ã—ãŸã‚‚ã®ã¯ã€Œæœ€è¿‘ã®ã‚¢ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£ã€ã¨ã„ã†é …ç›®ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã‚ˆãã‚ˆãè¦‹ã¦ã¿ã‚‹ã¨ã€è¨˜äº‹ã®ã‚¿ã‚¤ãƒˆãƒ«ã ã‘ã®ã‚‚ã®ã¨ã€ã‚µã‚¤ãƒˆåãŒå…¥ã£ã¦
kanimaster 2010/10/27
Facebook

HTML
ãƒªãƒ³ã‚¯
ã€Žã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã€ã£ã¦çµ¶å¯¾å¤‰ã - ã¯ãã¯ããƒ–ãƒã‚°
â€»å½“ãƒ–ãƒã‚°ã¯ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã§ã™ ã“ã‚“ãªã“ã¨ã‚’è¨€ã†ã¨ã€ã¯ã¦ãªã‹ã‚‰æ€’ã‚‰ã‚Œãã†ã§ã¯ã‚ã‚Šã¾ã™ãŒ ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã¯å¤‰ã ã€ã¨ã“ã®ã•ã„ã¯ã£ãã‚Šè¨€ã£ã¦ã—ã¾ã„ã¾ã—ã‚‡ã†ã€‚ ã€Žã¯ã¦ãªè¨˜æ³•ã€ãŒã¾ãšã¯ã¦ãª åˆå¿ƒè€…ãŒã€åˆã‚ã¦ã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã ï¼ã•ã‚è¨˜äº‹ã‚’æ›¸ã“ã†ï¼ã¨ ãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãªæ°—æŒã¡ã§ç®¡ç†ç”»é¢ã‹ã‚‰ã€Žè¨˜äº‹ã‚’æ›¸ãã€ã‚’é¸æŠžã™ã‚‹ã¨ ã€Žã¯ã¦ãªè¨˜æ³•ã€ã®èª¬æ˜ŽãŒå¾…ã¡ã†ã‘ã¦ã„ã¾ã™ã€‚ ã€Œ*ã€ã§ã¯ã˜ã¾ã‚‹è¡Œã¯è¦‹å‡ºã—ã«ã€ã€Œ-ã€ã‚„ã€Œ+ã€ã§ã¯ã˜ã¾ã‚‹è¡Œã¯ãƒªã‚¹ãƒˆã«ãªã‚Šã¾ã™ ãˆã£ãªã«ãã®ä¿ºæ§˜ãƒ«ãƒ¼ãƒ«ã€‚ ã„ããªã‚Šã®ã¨ã¾ã©ã„ã¨ã€å°†æ¥ã¸ã®ä¸å®‰ãŒãŸã¡ã“ã‚ã¾ã™ã€‚ ã¾ã¿ãºã“ (mamipeko) on Twitter ãã†ã€‚ ã¯ã¦ãƒ€ã¯ãƒ‰ï¼³ã€‚ ä¿ºæ§˜ç³»ãƒ–ãƒã‚°ã‚µãƒ¼ãƒ“ã‚¹ã¨å‘¼ã¶ã¹ãç‰©ä»¶ã§ã™ã€‚ ãšã£ã¨å¤‰ã ã¨ã¯æ€ã£ã¦ã¯ã„ãŸã‘ã‚Œã©â€¥â€¥ ãã—ã¦ã¤ã„ã«ä»Šæ—¥ã€ç§ã¯æ°—ã¥ã„ã¦ã—ã¾ã£ãŸã‚“ã§ã™ã€‚ ã„ã¾ã¾ã§ãšã£ã¨å¤‰ã ã¨ã¯æ€ã£ã¦ã¯ã„ãŸã‘ã‚Œã© ãªã‚“ã‹ã€ã¯ã¦ãªè¨˜æ³•ã®èª¬æ˜Žãƒšãƒ¼ã‚¸ã« ã€Žã‚¦ã‚¯ãƒ¬ãƒ¬è¨˜æ³•ã€ã£
kanimaster 2010/10/14
ã¯ã¦ãª

HTML
ãƒªãƒ³ã‚¯
ã¯ã¦ãªåŒ¿åãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®æ¨™æº–ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ãƒ‡ã‚³ã‚‹ãƒãƒƒãƒ‰ãƒŽã‚¦ãƒã‚¦
pã‚¿ã‚°ã‚„divã‚¿ã‚°ã®classè¦ç´ ã‚’æŒ‡å®šã§ãã‚‹ã®ã§HTMLã§ãã®ã¾ã¾è¨˜è¿°ã™ã‚‹ã€‚ ã„ã¤ãã‹ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã§ã®ä½¿ç”¨å¯èƒ½ãªã¯ã¦ãªè¨˜æ³•ã¯ç„¡åŠ¹ã«ãªã£ã¦ãŠã‚Šã€ä¾‹ãˆã°ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ç„¡åŠ¹è¨˜æ³•ãŒä½¿ãˆãªã„ãŸã‚ãƒ•ã‚©ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ãŒ ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ã®é»’ã«æ½°ã•ã‚Œã¡ã‚ƒã†ã‹ã‚“ã˜ã€‚ ä»¥ä¸‹ã‚µãƒ³ãƒ—ãƒ«ã€‚ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã¯ã‚¯ãƒ©ã‚¹å(è‡ªå‹•ã‚¢ãƒ³ã‚«ãƒ¼ã¤ã„ã¦ã„ã¦ã¦ã‚³ãƒ”ãƒšã—ã«ãã„ã€‚ã‚½ãƒ¼ã‚¹ã¿ãŸã»ã†ãŒã„ã„ã‹ã‚‚)ã€‚ ã‚¢ã‚¤ã‚³ãƒ³icon-arrow :: çŸ¢å° icon-tag :: ã‚¿ã‚° icon-folder :: ãƒ•ã‚©ãƒ«ãƒ€ icon-keyword :: ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ icon-linlink :: ã‚¤ãƒ³ãƒªãƒ³ã‚¯ icon-page :: ãƒšãƒ¼ã‚¸ icon-user :: ãƒ¦ãƒ¼ã‚¶ãƒ¼ icon-download :: ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ out :: ã‚¢ã‚¦ãƒˆ ãƒ•ã‚©ãƒ³ãƒˆ hatena-asin-detail-title :: å¤ªå— synStatement
kanimaster 2010/08/28
ã¯ã¦ãª

css

HTML
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã—ãŸã„ CSSã§ä½œã‚‹hã‚¿ã‚°ã®ã‚µãƒ³ãƒ—ãƒ«é›† | æ—¥åˆŠã‚¦ã‚§ãƒ–ãƒã‚°å¼
ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚„ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«ãªã©ã§ä½¿ãˆã‚‹ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªè¦‹å‡ºã—ï¼ˆhã‚¿ã‚°ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚è¦‹å‡ºã—ã«ã¯CSS3ã‚„ç”»åƒã‚’ä½¿ã£ã¦ã„ãªã„ã®ã§ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã€ä¸€å¿œã‚ˆãä½¿ã†ã®ã§ã€ãƒ¡ãƒ¢ã¨ã—ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠãã¾ã—ãŸã€‚ â€»è¿½è¨˜6/24 HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’pã‹ã‚‰h3ã«ç½®ãæ›ãˆã¾ã—ãŸã€‚ è¦‹å‡ºã—(Headline)ã®ã‚µãƒ³ãƒ—ãƒ«é›† è‰²ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã‚µã‚¤ã‚ºç‰ã®è£…é£¾éƒ¨åˆ†ã¯ ãŠå¥½ã¿ã§ç·¨é›†ã—ã¦ãã ã•ã„ã€‚ è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«03 .selector03{ bor
kanimaster 2010/06/15
HTML

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸