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

egaku id:egaku

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

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

ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹10ã®å°æŠ€
2015å¹´3æœˆ18æ—¥ CSS 2011å¹´ã«ã€Œå°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ã€ã¨ã„ã†è¨˜äº‹ã§æ•°ã€…ã®ä¾¿åˆ©ãªåˆ¶ä½œæŠ€ã‚’ç´¹ä»‹ã—ãŸã®ã§ã™ãŒã€æ™‚ã¯æµã‚Œã€ä»Šã§ã¯CSSã®ã¿ã§è¡¨ç¾ã§ãã‚‹ã‚‚ã®ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ã¨ã„ã†äº‹ã§ä»Šå›žã¯ãã®è¨˜äº‹å†…ã§ç´¹ä»‹ã—ãŸæŠ€ã‚’ä¸å¿ƒã«ã€ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹å°æŠ€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ç›®æ¬¡ Divå…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ ãƒ†ãƒ¼ãƒ–ãƒ«ã®å¶æ•°ãƒ»å¥‡æ•°ã®è¡Œã®è‰²ã‚’å¤‰ãˆã‚‹ ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ†ã‚ã‚¹ãƒˆã‚’å…¥ã‚Œã¦ãŠãã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã§æ¶ˆã™ï¼ˆæ–‡å—è‰²ã‚‚å¤‰æ›´ï¼‰ ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’è£…é£¾ã™ã‚‹ ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ‘ãƒãƒ« ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ— è¨€èªžã«ã‚ˆã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¤‰æ›´ æ¨ªä¸¦ã³ã®divã®é«˜ã•æƒãˆã‚‹ ãƒœãƒƒã‚¯ã‚¹ã‚’ä¸Šä¸‹å·¦å³ä¸å¤®ã«é…ç½®ã™ã‚‹ ãã‚Œã§ã¯å®Ÿéš›ã«ã©ã‚“ãªäº‹ãŒã§ãã‚‹ã®ã‹è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ï¼ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ãŸã®ã§ã‚³ãƒ¼ãƒ‰ã¨
egaku 2017/07/07
CSS

HTML

ã‚µãƒ³ãƒ—ãƒ«

å°æŠ€

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

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS Button Generator
egaku 2016/09/26
CSS

HTML

webã‚µãƒ¼ãƒ“ã‚¹

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã¨CSSã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã‚‹ã‚¿ã‚¤ãƒˆãƒ«ï¼ˆè¦‹å‡ºã—ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ« 50 | NxWorld
ç”»åƒã¯ä½¿ç”¨ã›ãšã«CSSã ã‘ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ãŸã‚¿ã‚¤ãƒˆãƒ«ï¼ˆè¦‹å‡ºã—ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã§ã€ä¼¼ãŸã‚ˆã†ãªã‚‚ã®ã‚„ã¡ã‚‡ã£ã¨CSSè¿½è¨˜ã—ãŸç¨‹åº¦ã®ã‚‚ã®ã‚‚å¤šã„ã§ã™ãŒå…¨50ç¨®é¡žã§ã™ã€‚ å…¨ä½“çš„ã«ã™ã”ãæ‰‹é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã‚ˆã†ãªã‚‚ã®ã¯ãªã„ã®ã§ã™ãŒã€ä¼¼ãŸã‚ˆã†ãªã‚¿ã‚¤ãƒˆãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½¿ã†å ´åˆã¯CSSã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ä¸€éƒ¨è¤‡æ•°è¡Œã«å‘ã‹ãªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯è¤‡æ•°è¡Œã®ã‚¿ã‚¤ãƒˆãƒ«ã§ã‚‚è¦‹æ „ãˆãŒå´©ã‚Œãªã„æ„Ÿã˜ã®ã‚‚ã®ã«ãªã£ã¦ãŠã‚Šã€ä½™ç™½ã‚„ã‚«ãƒ©ãƒ¼ãªã©ã‚’èª¿æ•´ã™ã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã®ã‚‚å®¹æ˜“ã§ã™ã€‚ ä»¥ä¸‹ã§ç´¹ä»‹ã—ã¦ã„ã‚‹å†…å®¹ã¯ä¸€éƒ¨ç•°ãªã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ã«ä¸‹è¨˜ã®ã‚ˆã†ãªã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ãŸã ã€ä¸€éƒ¨ç•°ãªã‚‹ã‚‚ã®ã¨ã„ã£ã¦ã‚‚ã„ãšã‚Œã‚‚spanè¦ç´ ã‚’1ã¤è¿½è¨˜ã™ã‚‹ç¨‹åº¦ã§ã™ã€‚
egaku 2016/09/26
HTML

CSS

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

è¦‹å‡ºã—

ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰
ãƒªãƒ³ã‚¯
ç°¡å˜ãªURLæŒ‡å®šã§ãƒ€ãƒŸãƒ¼ç”»åƒã‚’å¬å–šã§ãã‚‹ã€ŒPlacehold.itã€ã®ä½¿ã„æ–¹
ã‚µã‚¤ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ä½œæˆæ™‚ã«ãƒ€ãƒŸãƒ¼ç”»åƒãŒã‚ã‚‹ã¨ä½•ã‹ã¨ä¾¿åˆ©ã§ã™ã€‚ ç”»åƒã¯ã€é©å½“ãªç”»åƒã‚’CC0ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚µã‚¤ãƒˆãªã©ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã¦ã‚‚è‰¯ã„ã®ã§ã™ãŒã€é›†ã‚ã¦å¤§ãã•ã‚’åŠ å·¥ã™ã‚‹ã®ãŒçµæ§‹ã‚ã‚“ã©ãã•ã‹ã£ãŸã‚Šã€‚1ã‹ã‚‰ä½œæˆã™ã‚‹ã®ã‚‚ãªãŠã•ã‚‰é¢å€’ãã•ã„ã§ã™ã—ã€‚ ãã‚“ãªæ™‚ã«ã€URLã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§å¥½ã¿ã®å¤§ãã•ã®ãƒ€ãƒŸãƒ¼ç”»åƒã‚’ç”Ÿæˆã§ãã‚‹ã€ã€ŒPlacehold.itã€ãŒæ‰‹è»½ã§ä¾¿åˆ©ã§ã™ã€‚
egaku 2016/06/17
HTML

CSS

ç”»åƒ
ãƒªãƒ³ã‚¯
floatæ®µçµ„ã®åŸºæœ¬
ç°¡å˜ãªfloatã®æ®µçµ„ç·´ç¿’ã§ã™ã€‚æ…£ã‚Œã¦æ¥ãŸã‚‰ã€ã„ã‚ã„ã‚å¿œç”¨ã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ æ³¨ï¼‰floatã‚’æŒ‡å®šã™ã‚‹å ´åˆã¯widthæŒ‡å®šã§å¹…ã‚’æŒ‡å®šã™ã‚‹ã‚ˆã†ã«å¿ƒæŽ›ã‘ã¾ã—ã‚‡ã†ï¼ ãƒœãƒƒã‚¯ã‚¹ã‚’ä¸¦ã¹ã‚‹ boxAã¨boxBã‚’å·¦å³ã«ä¸¦ã¹ã¾ã™ã€‚å½¢å¼ä¸Šboxã®å¹…ã¨é«˜ã•ã‚’æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚ï¼ˆæœ¬æ¥ã®æ®µçµ„ã§ã¯ã€é«˜ã•ã‚’æŒ‡å®šã™ã‚‹äº‹ã¯ã‚ã¾ã‚Šã‚ã‚Šã¾ã›ã‚“ã€‚ï¼‰ ãƒ‘ã‚¿ãƒ¼ãƒ³ï¼‘ float:left;ã‚’æŒ‡å®šã—ã¦boxBã‚’å›žã‚Šè¾¼ã¾ã›ã¾ã™ã€‚ #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;height:100px;float:left; } ãƒ‘ã‚¿ãƒ¼ãƒ³ï¼’ boxAã«float:left;ã‚’æŒ‡å®šã€boxBã«float:right;ã‚’æŒ‡å®šã€‚ #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;
egaku 2016/05/17
CSS

float

HTML
ãƒªãƒ³ã‚¯
JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’åˆ¥ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«è¨˜è¿°ã™ã‚‹
HTML ãƒ•ã‚¡ã‚¤ãƒ«å†…ã«ç›´æŽ¥ JavaScript ã®ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã™ã‚‹ä»£ã‚ã‚Šã«ã€åˆ¥ã®ãƒ•ã‚¡ã‚¤ãƒ«ã« JavaScript ã®ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã—ã€ãã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ HTML ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰èªã¿è¾¼ã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚åŒã˜ã‚³ãƒ¼ãƒ‰ã‚’è¤‡æ•°ã® HTML ãƒ•ã‚¡ã‚¤ãƒ«ã§åˆ©ç”¨ã™ã‚‹å ´åˆãªã©ã«ä¾¿åˆ©ã§ã™ã€‚ã“ã“ã§ã¯ JavaScript ã®ã‚³ãƒ¼ãƒ‰ã‚’åˆ¥ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«è¨˜è¿°ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚
egaku 2015/07/28
HTMLå†…ã«å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã®ã‚½ãƒ¼ã‚¹ã‚’èªã¿è¾¼ã¾ã›ã‚‹æ–¹æ³•ã€‚

javascript

HTML
ãƒªãƒ³ã‚¯
PHPã§WEBãƒšãƒ¼ã‚¸ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’æŠœãå‡ºã™ã‚µãƒ³ãƒ—ãƒ« | Creazy!
ã„ããªã‚ŠPHPãªãƒã‚¿ã§ã™ãŒã€‚ ãƒžãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—ç³»ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã„ã‚‹ã¨ã€æŒ‡å®šã•ã‚ŒãŸURLã®ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã‚’å–å¾—ã—ãŸã„æ™‚ãŒé »ç¹ã«ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªæ™‚ã€ã„ã‚ã‚†ã‚‹ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã—ã¦ã‚¿ã‚¤ãƒˆãƒ«ã‚’æŠœãå‡ºã™ã‚“ã§ã™ãŒã€è¿‘é ƒãŸãã•ã‚“ã§ã¾ã‚ã£ã¦ã„ã‚‹ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚„ã‚‰ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ã‚‰ä½¿ã‚ãªãã¦ã‚‚ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ãã‚‰ã„ã¯æŠœãå‡ºã›ã‚‹ã‚“ã§ã€ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚’æ›¸ã„ã¦ã¿ã‚‹ã€‚ <?php /** * ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã‚’å–å¾—ã™ã‚‹é–¢æ•° */ function getPageTitle( $url ) { $html = file_get_contents($url); //(1) $html = mb_convert_encoding($html, mb_internal_encoding(), "auto" ); //(2) if ( preg_match( "/<title>(.*?)<\/title>/i", $html,
egaku 2012/07/15
PHP

HTML

ã‚¿ã‚¤ãƒˆãƒ«å–å¾—
ãƒªãƒ³ã‚¯
æ—§ãƒ»Macã®æ‰‹æ›¸ãèª¬æ˜Žæ›¸ - FC2 BLOG ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼
ãƒ–ãƒã‚° ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼ é–²è¦§ã™ã‚‹ã«ã¯ç®¡ç†äººãŒè¨å®šã—ãŸ ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã®å…¥åŠ›ãŒå¿…è¦ã§ã™ã€‚ ç®¡ç†äººã‹ã‚‰ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ https://mac-tegaki.comã¸ç§»è»¢ä¸ é–²è¦§ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ Copyright Â© since 1999 FC2 inc. All Rights Reserved.
egaku 2012/01/31
xcode

Mac

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

html

javascript

CSS

é–‹ç™º
ãƒªãƒ³ã‚¯
1