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

kitaj id:kitaj

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

${{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ã¯GitHub Gistã«ç½®ã„ã¦bl.ocks.orgã§è¡¨ç¤ºã™ã‚‹ã®ãŒãŠæ‰‹è»½ã§ã™ - Qiita
ã¯ã˜ã‚ã« JavaScriptã‚’å«ã‚“ã HTMLã‚’è¡¨ç¤ºã™ã‚‹ã®ã«GitHubã§ãƒ¬ãƒã‚¸ãƒˆãƒªã‚’ä½œã£ã¦GitHub Pagesã‚’ä½œã‚‹ã¨ã„ã†æ‰‹ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã¡ã‚‡ã£ã¨ã—ãŸHTMLã ã¨ã€ã‚ã–ã‚ã–ãƒ¬ãƒã‚¸ãƒˆãƒªä½œã‚‹ã®ã‚‚é¢å€’ã§ã™ã€‚ Firefoxã®Bugzillaã‚’è¦‹ã¦ã„ãŸã‚‰ã€984796 â€“ SVG path getTotalLength returns large incorrect numberã§ãŸã¾ãŸã¾è¦‹ã¤ã‘ãŸ bl.ocks.org - aboutãŒä¾¿åˆ©ã ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ä½¿ã„æ–¹ index.html ã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«åã§Gistã‚’ä½œæˆã—ã¾ã™ã€‚ ã‚ã¨ã¯ã€Gistã®URLã® https://gist.github.com ã‚’ http://bl.ocks.org ã«ç½®ãæ›ãˆã¦ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚Œã°è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ bl.ocks.org - aboutã«ä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹ https://gist.github.co
kitaj 2014/07/27
ã“ã‚Œã¯ä¾¿åˆ©ãã†

html

gist
ãƒªãƒ³ã‚¯
HTML&CSS ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ ä½•åº¦ã‚‚èªã¿ç›´ã—ãŸã„è³‡æ–™ãƒ»ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
HTML5/CSS3ãªã©ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚Webä¸Šã®è³‡æ–™ãŒå……å®Ÿã—ã™ãŽã¦ã„ã¦ã€ã¤ã„ã¤ã„ä»Šã¾ã§ãªã‚“ã¨ãªãä½œã£ã¦ä½“ç³»çš„ãªçŸ¥è˜ãŒä¸è¶³ã—ã¦ã„ã¾ã—ãŸã€‚çŸ¥ã‚Œã°çŸ¥ã‚‹ã»ã©å¥¥ãŒæ·±ã„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å°‘ã—æ‰‹ã‚‚åŠ¹çŽ‡çš„ã«ã™ã‚‹ãŸã‚ã«ã€ã„ãã¤ã‹æ›¸ç±ã‚’è³¼å…¥ã—ãŸã‚Šã€ãƒãƒƒãƒˆä¸Šã®è³‡æ–™ã‚’èªã¿è¾¼ã‚“ã§ã¿ãŸã®ã§ã€å‚™å¿˜éŒ²ãŒã¦ã‚‰ã¾ã¨ã‚ã¦ã„ãã¾ã™ã€‚ (02/05 20:10) å®šæœŸè¦‹ç›´ã— ðŸŽ‚ [Style Guide]ã€ŒGoogle HTML/CSS Style Guideã€ã®å’Œè¨³ GoogleãŒä½œã£ãŸStyle Guideã€ŽGoogle HTML/CSS Style Guideã€ã‚’å’Œè¨³ã—ã¦ã„ãŸã ã„ãŸã€ŽGoogle HTML/CSS Style Guideã‚’é©å½“ã«å’Œè¨³ã—ã¦ã¿ãŸã€ã€‚HTMLã®ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªæ›¸ãæ–¹ã‹ã‚‰ã€CSSã®æ›¸ãæ–¹ã¾ã§ä¸€è²«ã—ã¦ã„ã‚‹ã€‚å€‹äººçš„ã«ã¯CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆé †ã¨ã„ã†ã®ã¯åˆç†çš„ã ã¨æ€ã†ï¼ ðŸ° [S
kitaj 2014/01/26
CSS3ã‚‚ãã‚ãã‚ã¡ã‚ƒã‚“ã¨å‹‰å¼·ã—ãªã„ã¨

css

html
ãƒªãƒ³ã‚¯
ã„ã„åŠ æ¸›ã€<script src="http://..ã€€ã¨æ›¸ãã®ã¯ã‚„ã‚ã¾ã—ã‚‡ã† - DQNEOèµ·æ¥æ—¥è¨˜
å¤–éƒ¨ã‚µã‚¤ãƒˆã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ã¨ãã«ã€ã“ã†ã„ã†æ›¸ãæ–¹ã™ã‚‹ã®ã¯ã‚„ã‚ã¾ã—ã‚‡ã†ã€‚ <script src="http://example.com/js/jquery.js"></script> ç†ç”± ã‚ãªãŸã®ã‚µã‚¤ãƒˆãŒã€ã„ã¤ã®æ—¥ã‹SSLã«å¯¾å¿œã™ã‚‹ã“ã¨ã«ãªã£ãŸã¨ãã€ãã®scriptã‚¿ã‚°ãŒãƒã‚°ã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ ã”è¦§ã®ã¨ãŠã‚Šã€HTTPSãƒšãƒ¼ã‚¸ã®ä¸ã§HTTPè¦ç´ ã‚’èªã¿è¾¼ã‚‚ã†ã¨ã™ã‚‹ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯å®‰å…¨è£…ç½®ãŒåƒã„ã¦èªã¿è¾¼ã‚“ã§ãã‚Œãªã„ã®ã§ã™ã€‚ ä¸Šã®ä¾‹ã§ã¯jQueryã®èªã¿è¾¼ã¿ã«å¤±æ•—ã—ã¦ã„ã¾ã™ãŒã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã€ŒUncaught ReferenceError: jQuery is not defined ã€ã‚’è¦‹ã¦ã‚‚HTTPS/HTTPã®ãƒ—ãƒãƒˆã‚³ãƒ«ãŒåŽŸå› ã ã¨ã¯ã™ãæ°—ã¥ã‹ãªã„ã®ã§ã€ã‚ã‹ã‚Šã«ãã„ãƒã‚°ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ çµè«– JSãƒ•ã‚¡ã‚¤ãƒ«(ã¨ã‹CSSã¨ã‹ç”»åƒã¨ã‹)ã‚’èªã¿è¾¼ã‚€ã¨ãã¯ã€"http:"ã®éƒ¨åˆ†ã‚’çœ
kitaj 2013/05/19
çŸ¥ã‚‰ãªã‹ã£ãŸ

HTML
ãƒªãƒ³ã‚¯
box-shadowã‚’æ¥µã‚ã¦ã€ŒMacé¢¨UIã€ã‚’ä½œã‚‹ï¼ (1/6)
box-shadow ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€CSS3ã®ã€ŒBackground and Borders Module Level3ã€ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã ã€‚ãƒœãƒƒã‚¯ã‚¹ã«å¯¾ã—ã¦1ã¤ã‚‚ã—ãã¯è¤‡æ•°ã®ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã§ãã‚‹ã€‚ä»Šå›žã®CSS3é“å ´ã§ã¯ã€box-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å–ã‚Šå…¥ã‚Œã‚‹å…·ä½“çš„ãªæ–¹æ³•ã‚’ç´¹ä»‹ã—ã‚ˆã†ã€‚ box-shadow ã®è¨˜è¿°æ–¹æ³• box-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ã¯ã€è·é›¢ï¼‹è‰²ã§æ§‹æˆã•ã‚Œã‚‹ã€‚åŸºæœ¬çš„ãªè¨˜è¿°æ–¹æ³•ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã ã€‚
kitaj 2011/02/22
html

css3
ãƒªãƒ³ã‚¯
ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•
ã‚°ãƒªãƒƒãƒ‰ãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ã€ã¤ã„ã¤ã„divè¦ç´ ã‚’å¤šç”¨ã—ã¦ã—ã¾ã„ãŒã¡ã§ã™ãŒã€æ„å‘³ã®ã‚ã‚‹ãƒ‡ãƒ¼ã‚¿ã«ã¯ãã‚Œã«é©ã—ãŸè¦ç´ ã‚’ä½¿ç”¨ã—ã€ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•ã‚’Webdesigner Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Fight Div-itis and Class-itis With the 960 Grid System ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼š960.gsã®å ´åˆ classã®ä¹±ç”¨ã‚’é¿ã‘ã‚‹ ãƒªã‚¹ãƒˆè¦ç´ ã®ä½¿ç”¨ ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®ä½¿ç”¨ è¤‡æ•°ã®è¦‹å‡ºã—ã¨ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã®ä½¿ç”¨ åè¦ç´ ã®classã¯è¦ªè¦ç´ ã« ã¯ã˜ã‚ã« æ•°å¹´å‰ã¾ã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã—ãŸã€‚ãã—ã¦CSSã¯ãã‚Œã‚’å¤§ããå¤‰ãˆã€ä»Šæ—¥ã§ã¯CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã‚’å®¹æ˜“ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã“ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯
kitaj 2010/04/03
html

css

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
Re:href=
Re:href="#" onclick ã®æ‚ªç¿’ ãƒã‚¿å…ƒï¼šæŸæ—¥è¨˜ï¼šhref="#" onclick ã®æ‚ªç¿’ <a href="#" onclick="...">æ¤œç´¢</a> ãªã‚“ã¦æ›¸ãæ–¹ã‚„ã‚ã‚ˆã†ãœï¼ã¨ã„ã†ãŠè©± aè¦ç´ ã®hrefå±žæ€§ã«å€¤ãŒå…¥ã£ã¦ã‚‹ã¨onclickå±žæ€§ã®å†…å®¹ã‚’å®Ÿè¡Œå¾Œã«hrefå±žæ€§ã®å€¤ã‚’å‚ç…§ã—ã‚ˆã†ã¨ã™ã‚‹ã€‚ #ãªã‚“ã‹ãŒå…¥ã£ã¦ã‚‹ã¨ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªä¸Šéƒ¨ã«ãƒšãƒ¼ã‚¸å†…é·ç§»ã‚’ã™ã‚‹ã€‚(â€»1) æŸæ—¥è¨˜ã•ã‚“ã®ä»£æ›¿æ¡ˆã§ã™ã‘ã©spanã§ä»£æ›¿ã™ã‚‹ã‚‚ã® <span style="cursor: pointer" onclick="...">æ¤œç´¢</span> ç§ã ã¨ã“ã‚“ãªæ›¸ãæ–¹ <a href="javascript:void(0)" onclick="...">æ¤œç´¢</a> onclickã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’å®Ÿè¡Œã—ã‚ˆã†ã¨ã—ã¦ã‚‹ãªã‚‰ã€ã“ã‚“ãªæ›¸ãæ–¹ã‚‚ã‚ã‚‹ <a href="javascript:ï¼ˆonclickã®å†…å®¹
kitaj 2007/08/30
tips

web

html

href

onclick
ãƒªãƒ³ã‚¯
1