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

brendon id:brendon

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

${{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ãƒ•ã‚©ãƒ¼ãƒ ã§ã®ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰æƒ…å ±ã®è‡ªå‹•å…¥åŠ›ã«ã¤ã„ã¦èª¿ã¹ãŸ - Qiita
ã€Œãªãœæ—¥æœ¬ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã¯1Passwordã§ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ç•ªå·ã‚’ä¸€ç™ºå…¥åŠ›ã§ããªã„ã®ã‹ï¼Ÿã€ã¨ã„ã†ç´ æœ´ãªç–‘å•ã‹ã‚‰ã€å°‘ã—èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ãªãŠ1Passwordã¯ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ç®¡ç†ã‚½ãƒ•ãƒˆã§ã‚ã‚Šã€ã¾ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚„ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰æƒ…å ±ã‚’ä¸€ç™ºå…¥åŠ›ã™ã‚‹ãŸã‚ã®ãƒ–ãƒ©ã‚¦ã‚¶æ‹¡å¼µæ©Ÿèƒ½ã§ã™ã€‚ ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ç•ªå·å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«é–¢ã™ã‚‹æ¨™æº–ã‚’æŽ¢ã—ãŸã¨ã“ã‚ã€IETFã¨WHATWGã®å–ã‚Šçµ„ã¿ã‚’è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸï¼š Electronic Commerce Modeling Language (ECML), Version 2 Specification by IETF HTML Standard: 4.10.19.8 Autofill by WHATWG ã“ã†ã„ã£ãŸæ¨™æº–ã«æº–æ‹ ã™ã‚‹ã“ã¨ã§ã€1Passwordã®ã‚ˆã†ãªæ”¯æ´æŠ€è¡“(assistive techno logy)ã«ãƒ•ã‚©ãƒ¼ãƒ ã®ã€Œæ„å‘³ã€(seman
brendon 2016/09/30
html

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
HTML ã® a è¦ç´ ã« target=”_blank” ã‚’ã¤ã‘ã‚‹ã®ã¯ã‚‚ã†ã‚„ã‚ã‚ˆã†
HTML ã® a è¦ç´ ã« target å±žæ€§ã‚’ã¤ã‘ã¦ã€ãƒªãƒ³ã‚¯å…ˆã®æ–‡æ›¸ã‚’ã©ã“ã§é–‹ãã®ã‹ã‚’æŒ‡å®šã§ãã¾ã™ãã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯ _self ã§ã€å…ƒã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨åŒã˜ãƒ•ãƒ¬ãƒ¼ãƒ ã€‚ç„¡æŒ‡å®šã ã¨ã“ã‚Œã«ãªã‚‹ã®ã§ã€ã‚ã–ã‚ã–ã“ã‚Œã‚’æ›¸ãã“ã¨ã¯å°‘ãªã„ã¨æ€ã†ã‘ã©ã€‚ ä¸€ç•ªã‚ˆãä½¿ã†ã®ã¯ target="_blank" ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãƒªãƒ³ã‚¯å…ˆã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’æ–°ã—ã„ã‚¿ãƒ–ã‚„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§é–‹ãã‚„ã¤ã§ã™ãã€‚ ã“ã‚Œã€ä»¥å‰ã¯ã‚ˆãã¤ã‹ã£ã¦ã¾ã—ãŸã€‚ãƒ«ãƒ¼ãƒ«ã¨ã—ã¦ ã‚µã‚¤ãƒˆå†…ãƒªãƒ³ã‚¯ã¯ target æŒ‡å®šãªã— å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã¯ target="_blank" ã¨ã„ã†ã®ãŒå¤šã‹ã£ãŸã‚“ã˜ã‚ƒãªã„ã‹ãªã€‚ ã§ã‚‚æœ€è¿‘ã€ã“ã‚Œã¯ã‚‚ã†ãƒªãƒ³ã‚¯å…ˆãŒã©ã“ã§ã‚ã‚ã†ã¨æŒ‡å®šã—ãªã„æ–¹ãŒã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ€ã£ã¦ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã‚µã‚¤ãƒˆã«ã‚ˆã£ã¦ãã‚Œãžã‚Œä½¿ã„ã‚ã‘ã¯ã‚ã‚‹ã¨æ€ã†ã‚“ã ã‘ã©ã€å°‘ãªãã¨ã‚‚ã»ã¨ã‚“ã©ã®æ‰‹å…ƒã®ã‚µã‚¤ãƒˆã®å ´åˆã¯ã„ã‚‰ãªã„ã€‚ target="_blank" ã‚’ä½¿ã£ã¦ããŸ
brendon 2015/06/16
html

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã¸ã®é«˜åº¦ãªã‚¹ã‚¿ã‚¤ãƒ«è¨å®š - ã‚¦ã‚§ãƒ–é–‹ç™ºã‚’å¦ã¶ | MDN
å®Œå…¨ãªåˆå¿ƒè€…ã¯ã“ã¡ã‚‰ã‹ã‚‰!ã‚¦ã‚§ãƒ–å…¥é–€ã‚¦ã‚§ãƒ–å…¥é–€åŸºæœ¬çš„ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ã©ã‚“ãªå¤–è¦‹ã«ã™ã‚‹ã‹ãƒ•ã‚¡ã‚¤ãƒ«ã®æ‰±ã„HTML ã®åŸºæœ¬CSS ã®åŸºæœ¬JavaScript ã®åŸºæœ¬ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®å…¬é–‹ã‚¦ã‚§ãƒ–ã®ã—ãã¿HTML â€” ã‚¦ã‚§ãƒ–ã®æ§‹é€ åŒ–HTMLæ¦‚è«–HTML å…¥é–€HTML ã‚’å§‹ã‚ã‚ˆã†ãƒ˜ãƒƒãƒ‰éƒ¨ã«ã¯ä½•ãŒå…¥ã‚‹? HTML ã®ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿HTML ãƒ†ã‚ã‚¹ãƒˆã®åŸºç¤Žãƒã‚¤ãƒ‘ãƒ¼ãƒªãƒ³ã‚¯ã®ä½œæˆé«˜åº¦ãªãƒ†ã‚ã‚¹ãƒˆæ•´å½¢æ–‡æ›¸ã¨ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®æ§‹é€ HTML ã®ãƒ‡ãƒãƒƒã‚°æ‰‹ç´™ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒšãƒ¼ã‚¸ã®æ§‹é€ åŒ–ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã¨åŸ‹ã‚è¾¼ã¿ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã¨ãã®åŸ‹ã‚è¾¼ã¿HTML ã®ç”»åƒå‹•ç”»ã¨éŸ³å£°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„object ã‹ã‚‰ iframe ã¾ã§ â€” ãã®ä»–ã®åŸ‹ã‚è¾¼ã¿æŠ€è¡“ã‚¦ã‚§ãƒ–ã¸ã®ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®è¿½åŠ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”»åƒMozilla ã®ã‚¹ãƒ—ãƒ©ãƒƒã‚·ãƒ¥ãƒšãƒ¼ã‚¸HTML è¡¨HTML è¡¨HTML ã®è¡¨ã®åŸºæœ¬HTML è¡¨ã®é«˜åº¦ãªæ©Ÿèƒ½ã¨ã‚¢
brendon 2015/03/12
webdesign

html

css

form
ãƒªãƒ³ã‚¯
ruby_enabler.jsï½œãƒ«ãƒ“è¡¨ç¤ºã‚’æ”¹å–„ã™ã‚‹ JavaScript
Internet Explorer 8,9 / Firefox / Chrome / Safari / Opera ãªã©ã®ä¸»è¦(ã—ã‚…ã‚ˆã†)ãªãƒ–ãƒ©ã‚¦ã‚¶ã§ã€ã¾ãšã¾ãšé©åˆ‡(ã¦ãã›ã¤)ãªãƒ«ãƒ“è¡¨ç¤º(ã²ã‚‡ã†ã˜)ã‚’å®Ÿç¾(ã˜ã¤ã’ã‚“)ã™ã‚‹ JavaScript + CSS ã§ã™ã€‚ ã•ã¦ã•ã¦ã€<ruby> ã‚¿ã‚°ã€<rb> ã‚¿ã‚° ã€<rt> ã‚¿ã‚°ã€<rbc> ã‚¿ã‚° ã€<rtc> ã‚¿ã‚°ã€ <rp> ã‚¿ã‚°ã‚’ä½¿ç”¨ã—ã¦ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ä¸Šã§ãƒ«ãƒ“ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒå¯èƒ½ â€¦ ã¨ã•ã‚Œã¦ã„ã¾ã™ãŒã€å®Ÿéš›ã«ã¯ã€ã“ã‚Œã‚‰ã®ã‚¿ã‚°ã«ã¯ã€ Firefox / Opera ã§ã¯ï¼ˆç¾åœ¨ã®ã¨ã“ã‚ï¼‰æ©Ÿèƒ½ã—ãªã„ã€‚ HTML4(XHTML1.1)ã§ã®æ›¸å¼ã¨ã€HTML5ã§ã®æ›¸å¼ãŒç•°ãªã‚‹ã€‚HTML5 ã§ã¯ rbã‚¿ã‚°ã€rbcã‚¿ã‚°ã€rtcã‚¿ã‚° ãŒå»ƒæ¢ã•ã‚Œã‚‹äºˆå®šã§ã™ã€‚ ãƒã‚°ã£ã½ã„å‡¦ç†ã‚’ã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSafari 5ï¼‰ãŒå˜åœ¨ã™ã‚‹ã€‚ â€¦ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ï¼ˆå„ãƒ–ãƒ©ã‚¦ã‚¶ã§
brendon 2014/06/26
html
ãƒªãƒ³ã‚¯
ç¾å ´ã§ä½¿ãˆã‚‹åŠ¹æžœçš„ãªHTML&CSSæ§‹é€ è¨è¨ˆï¼ˆEffective HTML&CSSï¼‰
2. ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ« â€¢ ç«¹å†… çœŸ / TAKEUCHI SHIN #singtacks â€“ å‰µæ¥ä¼æ¥ï¼†æ‰€å±ž â€¢ æ ªå¼ä¼šç¤¾ãƒ¬ã‚¤ãƒã‚¦ã‚ªãƒª ä»£è¡¨å–ç· å½¹ç¤¾é•·ï¼ˆW3Cãƒ¡ãƒ³ãƒãƒ¼ï¼‰ â€¢ æ ªå¼ä¼šç¤¾ãƒ“ã‚ºãƒªãƒ¼ãƒ å–ç· å½¹CTO â€¢ æ ªå¼ä¼šç¤¾ãƒ«ã‚¯ã‚µ CTO â€“ ä¸»ãªé‹å–¶ã‚µãƒ¼ãƒ“ã‚¹ â€¢ â€¢ â€¢ â€¢ â€¢ 2 ãƒ“ã‚ºãƒªãƒ¼ãƒ http://www.bizreach.jp/ ãƒ«ã‚¯ã‚µ http://luxa.jp/ RegionUp http://www.regionup.com/ codebreak; http://www.codebreak.com/ CareerTrek http://www.careertrek.com/ #singtacks supported by
brendon 2013/10/26
css

html
ãƒªãƒ³ã‚¯
å…¨æ—¥æœ¬ï¼œlabelï¼žè¦ç´ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¤œå®š
19. Matteo Penzoæ°ã®EyeTrackingæ¤œè¨¼çµæžœã§ã¯ http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php 1. Left-Aligned Labels(å·¦å¯„ã›) 2. Right-Aligned Labels(å³å¯„ã›) 3.Top-Aligned Labels(ä¸Šå¯„ã›) âœ• âƒ â—Ž â†’ é …ç›®ãŒå°‘ãªã„ãªã‚‰ã“ã£ã¡ â†’ é …ç›®ãŒå¤šã„æ™‚ã«æœ‰åŠ¹ â†’ ä¸€ç•ªã‚¹ãƒˆãƒ¬ã‚¹ãŒå¤§ãã„ â†’ ã‚¹ãƒˆãƒ¬ã‚¹ãŒæœ€å°ã€ãƒã‚°ã‚¤ãƒ³ç”»é¢ â†’ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒå¿…è¦ãªå ´åˆã¨ã‹ â†’ ä½¿ã£ã¡ã‚ƒãƒ€ãƒ¡ 20. äººé–“å·¥å¦çš„è¦³ç‚¹ã§ã¯ã€è¦–ç‚¹ã®å‹•ããŒé‡è¦ - Path To Completion - è¦–ç‚¹ã®å°Žç·šã¯ä¸€æœ¬ã«ã€‚ http://www.slideshare.net/lorielue/form-design-best-practices-t
brendon 2013/08/12
html
ãƒªãƒ³ã‚¯
ä¸€æ©é€²ã‚“ã HTML/CSS/JSã‚’ç›®æŒ‡ã™ãŸã‚ã« | 1000ch.net
2013/08/01 ä¸€æ©é€²ã‚“ã HTML/CSS/JSã‚’ç›®æŒ‡ã™ãŸã‚ã« ã€Œãªã‚“ã¨ãªãæ›¸ããŸããªã„ã‘ã©ã€ã©ã†æ„è˜ã—ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‘ã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„â€¦ã€‚ã€ ãã‚Œã‚’è§£æ¶ˆã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ HTMLInspector philipwalton/html-inspector Introducing HTML Inspector ã“ã¡ã‚‰ã¯HTMLã‚’è§£æžã—ã¦æ‚ªã„ã¨ã“ã‚ã‚’æŒ‡æ‘˜ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã€‚ ãŸã¶ã‚“ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã‹ãã‚Œãžã‚Œã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯ã‚³ãƒ¬ã«æ²¿ã£ã¦ã‚‚ã„ã„ã‹ã¨ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å·®ã—è¾¼ã‚“ã§ã€å®Ÿè¡Œã™ã‚‹ã¨ã€æŒ‡æ‘˜äº‹é …ãŒconsoleã«å‡ºåŠ›ã•ã‚Œã¾ã™ã€‚ githubã®ãƒªãƒã‚¸ãƒˆãƒªã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã‹ã€bowerã§è½ã¨ã—ã¦ãã‚‹ã‹ã€‚ bower install html-inspector æ¬¡ã«ã€è§£æžã—ãŸã„ãƒšãƒ¼ã‚¸ã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’åŸ‹ã‚è¾¼ã¿ã¾ã™ã€‚ <script s
brendon 2013/08/05
css

html

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
HTMLã«ãŠã‘ã‚‹imgè¦ç´ ã®altå±žæ€§
HTML Standardã®4.8.1.1 Requirements for providing text to act as an alternative for imagesã‚’ã–ã£ã¨æŠŠæ¡ã§ãã‚‹ã‚ˆã†ã«æ—¥æœ¬èªžã§ç®‡æ¡æ›¸ãã«ã—ãŸã ã‘ã®ã‚‚ã®ã§ã™ã€‚æœ€çµ‚çš„ã«ã¯åŽŸæ–‡ã‚’ã—ã£ã‹ã‚Šã¨èªã‚€ã¹ãã§ã—ã‚‡ã†ã€‚ åŸºæœ¬ å¿…ãšå®šç¾©ã•ã‚Œã‚‹ã¹ãã§ã‚ã‚‹ ãã®å€¤ã¯ç©ºã§ã‚ã£ã¦ã¯ãªã‚‰ãªã„ ãã®ç”»åƒã«ä»£ã‚ã‚Šã«ãªã‚‹æœ€é©ãªæ–‡å—åˆ—ã§ã‚ã‚‹ ãƒšãƒ¼ã‚¸ä¸Šã®å…¨ã¦ã®ç”»åƒã‚’ãã®altå±žæ€§ã®å€¤ã§ç½®ãæ›ãˆã¦ã‚‚ãƒšãƒ¼ã‚¸ã®æ„å‘³åˆã„ãŒå¤‰ã‚ã£ã¦ã¯ãªã‚‰ãªã„ ç”»åƒã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚„é¡Œåã€éŠ˜ã¨ã¿ãªã•ã‚Œã‚‹ã‚ˆã†ãªè£œåŠ©çš„ãªèª¬æ˜Žã‚’æ„å‘³ã™ã‚‹ã‚‚ã®ã§ã‚ã£ã¦ã¯ãªã‚‰ãªã„ å‰å¾Œã§è§£èª¬ã•ã‚Œã¦ã„ã‚‹æƒ…å ±ã®ç¹°ã‚Šè¿”ã—ã§ã‚ã£ã¦ã¯ãªã‚‰ãªã„ ç”»åƒä»¥å¤–ã«ä½•ã‚‚å«ã¾ã‚Œã¦ã„ãªã„ãƒªãƒ³ã‚¯ã‚„ãƒœã‚¿ãƒ³ã§ä½¿ã‚ã‚Œã‚‹å ´åˆ ãƒªãƒ³ã‚¯ã‚„ãƒœã‚¿ãƒ³ã®ç›®çš„ã‚’æ˜Žç¢ºã«ä¼ãˆã‚‹æ–‡å—åˆ—ã‚’æŒ‡å®šã™ã‚‹ ã‚ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã™ã‚‹ãŸã‚ã«æ–‡ç« ã§ã¯ãªãç”»åƒã®ãƒãƒ£ãƒ¼ãƒˆã‚„ã‚°ãƒ©ãƒ•ã‚’
brendon 2013/06/20
html

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
cssã¨htmlã‚’ãã®å ´ã§æ›¸ãã ã‘ã§ã™ãã«çµæžœã‚’ç¢ºèªå‡ºæ¥ã‚‹ãƒ»dabblet - ã‹ã¡ã³ã¨.net
è³¼èªã—ã¦ã‚‹Lea Verouå¥³å²ã®ãƒ–ãƒã‚°ã§ é¢ç™½ã„ãƒ„ãƒ¼ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸ ã®ã§ãƒ¡ãƒ¢çš„ã«ã”ç´¹ä»‹ã€‚ä»¥å‰ã‚‚åŒã˜ã‚ˆ ã†ãªãƒ„ãƒ¼ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ ã‚‚ã£ã¨æ‰‹è»½ã«ä½¿ãˆã¾ã™ã®ã§ã“ã¡ã‚‰ã§ ã‚‚ååˆ†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ cssã¨htmlã‚’æ›¸ã„ãŸã‚‰å³ã€çµæžœãŒåæ˜ ã•ã‚Œã‚‹ã‚„ã¤ã§ã™ã€‚å°‘ã—å‰ã«jsbinã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ³•ã‚’æ›¸ãã¾ã—ãŸãŒã€dabbletã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä¸è¦ã§ã€PHPã¨.htaccessãŒå‹•ãã‚µãƒ¼ãƒãƒ¼ãªã‚‰DBä¸è¦ã§å‹•ä½œã—ã¾ã™ã®ã§çµæ§‹æ‰‹è»½ã§ã™ãã€‚ ãƒãƒ¼ã‚«ãƒ«ã«ç½®ã„ã¦ã¿ã¾ã—ãŸã€‚cssã‚„HTMLã‚’æ›¸ãã¨ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«åæ˜ ã€‚å®Ÿè¡Œçµæžœã®å ´æ‰€ã‚„è¨˜è¿°å ´æ‰€ã‚‚é¸ã¹ã¾ã™ã€‚ä¸Šè¨˜ã¯æ°´å¹³åˆ†å‰²ãƒ¢ãƒ¼ãƒ‰ã€‚ ã“ã‚“ãªé¢¨ã«å®Ÿè¡Œçµæžœã®ä¸Šã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¿ãŸã„ãªäº‹ã‚‚å‡ºæ¥ã¾ã™ã€‚ã“ã‚Œã¡ã‚‡ã£ã¨é¢ç™½ã„ï½— ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã«ãƒžã‚¦ã‚¹ä¹—ã›ã‚‹ã¨ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã§å®Ÿéš›ã®ã‚«ãƒ©ãƒ¼ã‚’ç¢ºèªã§ãã¾ã™ã€‚ æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã¯ç›´æŽ¥Gistã«é£›ã°ã›ã¾ã™ã€‚ ãŸã ã—ã€JavaScriptã«ã¯å¯¾å¿œã—ã¦
brendon 2011/12/21
css

html

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Chromeç´¹ä»‹ãƒšãƒ¼ã‚¸ã«éš ã•ã‚ŒãŸã€ã‚¤ã‚±ã¦ã‚‹HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨GAã®æœ€æ–°ç‰ˆã‚³ãƒ¼ãƒ‰ã¿ãŸã„ãªã® - Web Analytics Latte
CMã§ã‚„ã£ã¦ã‚‹Chromeã®ç´¹ä»‹ãƒ ãƒ¼ãƒ“ãƒ¼ã‚’ãªã«ã’ãªãè¦‹ã¦ãŸã‚‰ã€ã¡ã‚‡ã£ã¨ãŠã‹ã—ã„ã“ã¨ã«æ°—ã¥ãã¾ã—ãŸã€‚æœ€å…ˆç«¯ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚ã‚‹Chromeã®ã€ãã®ç´¹ä»‹ã‚µã‚¤ãƒˆã¨ãªã‚Œã°å½“ç„¶HTML5å¯¾å¿œã—ã¦ã‚‹ã¯ãšã€ã¨æ€ã£ã¦ã¿ã¦æ°—ã¥ã„ãŸç‚¹ã§ã™ã€‚ HTMLã‚½ãƒ¼ã‚¹ã‚’çœºã‚ã¦ã¿ã¦ã€æ°—ã¥ãã¾ã—ãŸã€‚ã“ã‚ŒãŒãƒŠã‚¦ã„ã‚½ãƒ¼ã‚¹ãªã®ã‹ã¨é–¢å¿ƒã™ã‚‹ç‚¹ãŒå¤šã€…ã‚ã‚Šã¾ã™ãŒã€2ç‚¹ã€ã™ã’ã‡ï¼ã¨æ€ã£ãŸã¨ã“ã‚ãŒã‚ã‚‹ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼‘ï¼ŽGoogle Analyticsã®ã‚¿ã‚°ãŒæœ€æ–°ç‰ˆã‚’è¶…ãˆã¦ã‚‹ GAã®è²¼ã‚Šä»˜ã‘ã‚¿ã‚°ãŒå…¬å¼ã®ã‚‚ã®ã§ã¯ãªã„ã“ã¨ãŒã¾ãš1ç‚¹ç›®ã®é•å’Œæ„Ÿã§ã™ã€‚é€šå¸¸ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã‚´ãƒãƒ£ã‚´ãƒãƒ£ã—ã¦ã‚‹ã‚“ã§ã™ãŒ //before <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); _gaq.push(['_trackPag
brendon 2011/01/07
Google Analytics

html
ãƒªãƒ³ã‚¯
Dreamweaverã‹ã‚‰Codaã«å¤‰ãˆã¾ã—ãŸ
2017å¹´6æœˆ29æ—¥ ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« Webã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹æ™‚ã®Webã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ãƒ»HTMLã‚¨ãƒ‡ã‚£ã‚¿ã¯ä½•ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã‹ï¼Ÿãã£ã¨å¤šãã®äººãŒDreamweaverã‚’ä½¿ã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚ãã†ã§ã—ãŸã€‚ãŒã€æœ€è¿‘ç§ã®ã¾ã‚ã‚Šã®Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã¿ã‚“ãªCodaã¨ã„ã†ã‚½ãƒ•ãƒˆã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã«æ°—ã¥ãã€è©¦ã—ãŸã¨ã“ã‚ã€ã‚ã¾ã‚Šã«ã‚‚ä½¿ã„å‹æ‰‹ãŒã„ã„ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚æœ¬å½“ã«ãŠã™ã™ã‚ã§ã™ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Codaã®ç‰¹å¾´ã‚’ç°¡å˜ã« è©³ã—ã„èª¬æ˜Žã¯ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ã‚¸ãƒ£ãƒ³ãƒ—ã—ã¾ã™ã€‚ Macå°‚ç”¨ ç¾Žã—ã„ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ« ä¾¿åˆ©ãªãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç”»é¢ PHPã‚„JavaScriptã®å‹•ä½œç¢ºèªã‚‚ ç´ æ—©ã„ã‚¿ã‚°æ‰“ã¡ãŒå¯èƒ½ æœ‰æ–™ 8,500å†† ã¯ã„ã€Macå°‚ç”¨ãªã‚“ã§ã™ã€‚ã“ã®ãƒ–ãƒã‚°ã‚’èªã‚“ã§ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®70%ãŒPCä½¿ç”¨ãªã®ã§ã“ã‚Œã‚’è¨˜äº‹ã«ã™ã‚‹ã‹æ‚©ã¿ã¾ã—ãŸãŒã€Macæ„›ç”¨è€…ã•ã‚“ã«å‘ã‘ã¦ï¼ã¡ãªã¿ã«ç§ã¯Codaè‹±èªžç‰ˆã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦
brendon 2010/08/30
html

ãƒ„ãƒ¼ãƒ«

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æˆ‘çš„æ˜¥ç§‹ ã‚³ãƒ¼ãƒ‰å…±æœ‰ã®ãŸã‚ã®ãƒãƒ¼ãƒŸãƒ³ã‚°ãƒ«ãƒ¼ãƒ«
æœ€è¿‘ã€CSS ã®ä½¿ã„ã¾ã‚ã—ãªã©ã‚’è¦–é‡Žã«å…¥ã‚Œã€ä¸€éƒ¨ã§ classåã‚„ idåã®å…±æœ‰ã¨ã„ã†ãƒ†ãƒ¼ãƒžã¸ã®é–¢å¿ƒãŒå¾ã€…ã«é«˜ã¾ã‚Šã¤ã¤ã‚ã‚‹ã‚ˆã†ãªå°è±¡ã§ã™ã€‚microformats ãªã‚“ã‹ã‚‚ã€ãã®æµã‚Œã®ã²ã¨ã¤ã¨ã„ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ Naming conventions tableï¼ˆAnd all that Malarkeyï¼‰ ã‚‚ã†ã€classåã‚„idåã§æ‚©ã¾ãªã„ã‚“ã ã‹ã‚‰ã£ï¼ï¼ï¼ˆCSS HappyLifeï¼‰ (X)HTML ã® id/class ã«ãŠã‘ã‚‹å‘½åè¦å‰‡ï¼ˆpurprin ã•ã‚“ CSS Flight ãƒ—ãƒ¬ã‚¼ãƒ³ã‚¹ãƒ©ã‚¤ãƒ‰ï¼‰ åå‰ã®å…±æœ‰ã¯ã‚³ãƒ¼ãƒ‰ã®å…±æœ‰ã®ãŸã‚ã®ï¼ˆè¤‡æ•°äººã§åŒä¸€ã‚³ãƒ¼ãƒ‰ã‚’ç·¨é›†ãƒ»è»¢ç”¨ã™ã‚‹ï¼‰é‡è¦ãªãƒ•ã‚¡ã‚¯ã‚¿ãƒ¼ã®ã²ã¨ã¤ã§ã™ã—ã€éžå¸¸ã«ã„ã„å‚¾å‘ã ã¨ã¯æ€ã†ã‚“ã§ã™ã‘ã©ã€å®Ÿéš›ã«ã¤ã‘ã‚‰ã‚Œã¦ã„ã‚‹åå‰ã‚’è¦‹ã¦ã¿ã‚‹ã¨ã€ã‚·ãƒ–ã„é¡”ã‚’ã›ã–ã‚‹ã‚’å¾—ãªã„äº‹ä¾‹ãŒçµæ§‹ã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰å…±æœ‰ã®ãŸã‚ã«ã¯é¿ã‘ãŸã„å‘½åäº‹ä¾‹ æ§‹é€ ã§ã¯ãªãè¦‹æ „ãˆã§å‘½åã—ã¦
brendon 2007/01/26
css

html

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã¦ãã«ã‹ã‚‹ã‚€
ã¦ãã«ã‹ã‚‹ã‚€ ã€Œã‚¨ãƒ©ãƒ¼ã‚’ãªãã™ã“ã¨ã¯éžå¸¸ã«æœ‰ç›Šã§æ™‚ã«ã¯æ–°ã—ã„çœŸå®Ÿã‚„äº‹å®Ÿã‚’ä½œã‚Šä¸Šã’ã‚‹ã‚ˆã‚Šã‚‚å‹ã‚‹ã€ ãƒ¼ ãƒãƒ£ãƒ¼ãƒ«ã‚ºãƒ»ãƒ€ãƒ¼ã‚¦ã‚£ãƒ³ WebBrowserã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ .NET Framework ã§ã‚ã‚Œã“ã‚Œæ–™ç†ã—ãŸã¨ãã®ã„ã‚ã„ã‚ã€‚ Â» ActivePerl æœ¬ä½“ã¯å®Ÿè¡Œã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ã§ä½•æ™‚ã§ã‚‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã‚‹ãŒã€ppm ã‚„ cpan ã§çµ„ã¿è¾¼ã‚€è¿½åŠ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³æ§‹ç¯‰ãŒå‰æã«ãªã£ã¦ã„ã‚‹ã€‚ã ãŒä¸–é–“ã‹ã‚‰æ–çµ¶ã•ã‚ŒãŸç§˜åŒ¿ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚„ã€ãã‚‚ãã‚‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«æŽ¥ç¶šã™ã‚‹ã¨ã„ã†æ¦‚å¿µã®ãªã„ PCã‚„ã‚µãƒ¼ãƒã«ç´å“ã—ãŸã‚Šã€æ©Ÿæãƒªãƒ—ãƒ¬ãƒ¼ã‚¹ã§é–‹ç™ºç’°å¢ƒã‚’å†æ§‹ç¯‰ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„å ´é¢ã§ã¯ã€USBãƒ¡ãƒ¢ãƒªã‚„ DVD-Rã‹ã‚‰ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå‡ºæ¥ãªã‘ã‚Œã°è©±ã«ãªã‚‰ãªã„ã€‚ãã‚‚ãã‚‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒæ•°ä¸–ä»£å¤ããªã‚‹ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å…ƒã® ppmãƒ¬ãƒã‚¸ãƒˆãƒªãŒæœ‰æ–™ãƒ—ãƒ©ãƒ³å°‚ç”¨ã«åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã¦ã€ã„ã¤ã‚‚ã§æ°—è»½ã«å†ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ããªã
brendon 2006/03/10
css

html
ãƒªãƒ³ã‚¯
1