[B! CSS-3] test_testerã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

test_tester id:test_tester

CSS-3ã«é–¢ã™ã‚‹test_testerã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ç¾å ´ã§ä½¿ãˆã‚‹åŠ¹æžœçš„ãª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
test_tester 2013/10/26
HTML

HTML-5

CSS

CSS-3

memo
ãƒªãƒ³ã‚¯
http://www.uiplayground.in/css3-icons/
test_tester 2013/10/16
CSSã«ã‚ˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æé›†ã€‚å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã‚‚è¨˜è¼‰ã•ã‚Œã¦ã„ã¦ä½¿ã„ã‚„ã™ã„ã€‚

icon

web-service

CSS

CSS-3

memo
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
test_tester 2013/10/16
icon

web-service

CSS

CSS-3

memo
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žå®Ÿè·µç·¨
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žå®Ÿè·µç·¨ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ5ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ å‰å›žã®Webã«ãŠã‘ã‚‹ãƒ”ã‚¯ã‚»ãƒ«ã®åŸºæœ¬çš„ãªè©±ã‚’è¸ã¾ãˆã€ä»Šå›žã¯Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’ã¯ã˜ã‚ã¨ã—ãŸé«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«Webãƒšãƒ¼ã‚¸ã‚’å¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ å‰å›žï¼ˆWebãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼‰ã¯Webã«ãŠã‘ã‚‹ãƒ”ã‚¯ã‚»ãƒ«ã®åŸºæœ¬çš„ãªè©±ã‚’ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ãã‚Œã‚’è¸ã¾ãˆãŸä¸Šã§ã€Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’ã¯ã˜ã‚ã¨ã—ãŸé«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«Webãƒšãƒ¼ã‚¸ã‚’å¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Spriteã§è¤‡æ•°ã®è§£åƒåº¦ã«å¯¾å¿œ æœ€ã‚‚åŽŸå§‹çš„ãªå¯¾å¿œæ–¹æ³•ã§ã™ã€‚ä¸€èˆ¬çš„ãªPCãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¨åŒã˜è¦é ˜ã§ä½œæˆã—ãŸç”»åƒã‚’Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«ä½¿ç”¨ã™ã‚‹ã¨ã€ã«ã˜ã‚“ã ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ãƒ‡ãƒã‚¤ã‚¹ä¸Šã§ã¯åŒã˜ã‚µã‚¤ã‚ºã§ã‚‚ã€ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ”ã‚¯ã‚»ãƒ«æ•°ã®ã‚¿ãƒ†ãƒ»ãƒ¨ã‚³ãŒ2
test_tester 2013/10/11
web

tutorial

HTML

HTML-5

CSS

CSS-3

font
ãƒªãƒ³ã‚¯
ã•ã‚Šã’ãªã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã„ã„æ„Ÿã˜ã€HTML/CSSã§ã‚·ãƒ³ãƒ—ãƒ«ã«å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
ã‚³ãƒžæ•°ã‚’è½ã¨ã—ã¦ã„ã‚‹ã‹ã‚‰ã€ã‚¢ãƒ‹ãƒ¡ãŒã†ã¾ãè¦‹ãˆã¦ãªã„ã‹ã‚‚ ã‚¿ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªãŒã‚‰ã€ã•ã‚Šã’ãªã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä»•è¾¼ã¾ã‚Œã¦ãŠã‚Šã„ã„æ„Ÿã˜ã§ã™ã€‚ä¸Šè¨˜ã¯gifã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€å®Ÿéš›ã®ãƒ‡ãƒ¢ã¯ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã§ç¢ºèªã§ãã¾ã™ã€‚ Pure CSS Tabs ã‚¿ãƒ–åˆ‡æ›¿ã®ãƒˆãƒªãƒƒã‚¯ã¯ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã§ã™ã€‚ã‚¿ãƒ–ã¨ã—ã¦è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãƒ©ãƒ™ãƒ«ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãŒãƒã‚§ãƒƒã‚¯çŠ¶æ…‹ã«ãªã‚Šã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ HTML ã‚¿ãƒ–ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯1ã‚»ãƒƒãƒˆã§ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <ul class="tabs"> <li> <input type="radio" name="tabs" id="tab1" checked /> <label for="tab1">ã‚¿ãƒ– 1</label> <div id="tab-content1" class="tab-content"> <p>ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ 1</p> </div> <
test_tester 2013/10/09
HTML

HTML-5

CSS

CSS-3

interface

tab

radio-button
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå‰ç·¨ï¼‰
Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå‰ç·¨ï¼‰ æ–‰è—¤ ç¥ä¹Ÿï¼ˆæ ªå¼ä¼šç¤¾ãƒªãƒƒãƒãƒ¡ãƒ‡ã‚£ã‚¢ï¼‰ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã¯èº«ã®å›žã‚Šã«å½“ãŸã‚Šå‰ã«ã‚ã‚‹ã‚‚ã®ã§ã™ã€‚ ã‚€ã—ã‚æ™®æ®µã®ç”Ÿæ´»ã§ã¯ã€Œ0ã€ãŒã€Œ1ã€ã«å¤‰åŒ–ã™ã‚‹ã‚‚ã®ã®æ–¹ãŒçã—ã„ã§ã—ã‚‡ã†ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã¯ãƒ‡ã‚¸ã‚¿ãƒ«ãªWebã«å¯¾ã—ã¦è‡ªç„¶ãªå¤‰åŒ–ã‚’æä¾›ã™ã‚‹å¤§åˆ‡ãªãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ä»Šå›žã¯ãã‚“ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚’ã‚ˆã‚Šè‡ªç„¶ã«ã‚¹ãƒ ãƒ¼ã‚ºã«å‹•ä½œã•ã›ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„ã“ã¨ã‚’å‰ãƒ»å¾Œç·¨ã®2å›žã«åˆ†ã‘ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ç†ç”± ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯å…ˆã»ã©æ›¸ã„ãŸã‚ˆã†ã«æ™®æ®µã®ç”Ÿæ´»ã«ã‚‚å˜åœ¨ã—ã¦ã„ã¾ã™ã€‚ã ã‹ã‚‰ã“ãã€æˆ‘ã€…ã¯ã‚¹ãƒ ãƒ¼ã‚ºã§ã¯ãªã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¦‹ã¤ã‘ã‚‹ã®ãŒå¾—æ„ã§ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é™å®šã—ãŸè©±ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€Facebookã®Shane Oâ€™Sullivanæ°ãŒã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰å¾Œã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
test_tester 2013/09/27
HTML

HTML-5

CSS

CSS-3

JavaScript

animation

memo
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå¾Œç·¨ï¼‰
Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå¾Œç·¨ï¼‰ æ–‰è—¤ ç¥ä¹Ÿï¼ˆæ ªå¼ä¼šç¤¾ãƒªãƒƒãƒãƒ¡ãƒ‡ã‚£ã‚¢ï¼‰ å‰ç·¨ã‹ã‚‰å¼•ãç¶šãã€å¾Œç·¨ã§ã‚‚æœ€é©åŒ–ã®ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ã€è¨ˆæ¸¬æ–¹æ³•ã€ãã—ã¦æœ€é©åŒ–ã‚’å¦¨ã’ã‚‹ã‚ˆãã‚ã‚‹ã‚¢ã‚¯ã‚·ãƒ‡ãƒ³ãƒˆã¨ãã®å›žé¿æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ ãƒ–ãƒ©ã‚¦ã‚¶ãŒã©ã®ã‚ˆã†ã«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’è¡¨ç¤ºã—ã¦ã„ã‚‹ã®ã‹ã‚’çŸ¥ã‚‹ã“ã¨ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã ã‘ã«é™ã‚‰ãšã€Webã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å…¨ä½“ã®é«˜é€ŸåŒ–ã‚’è¡Œã†ãŸã‚ã«å¤§åˆ‡ãªã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ ã‚¤ã‚¹ãƒ©ã‚¨ãƒ«ã®é–‹ç™ºè€…ã§ã‚ã‚‹Tali Garsielæ°ãŒå…¬é–‹ã—ãŸã€ŽHow Browsers Workã€ã¯ã€HTML5 Rocksã«è»¢è¼‰ã•ã‚Œã€è¤‡æ•°ã®æ—¥æœ¬èªžè¨³ã‚‚æä¾›ã•ã‚Œã¦ã„ã‚‹ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®å†…éƒ¨å‹•ä½œã‚’å¦ã¶ãŸã‚ã«èªã‚“ã§ãŠããŸã„ãƒªã‚½ãƒ¼ã‚¹ã®1ã¤ã§ã™ã€‚ ãã®ãƒªã‚½ãƒ¼ã‚¹ã‚’å‚è€ƒã«ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®ãƒ¡ã‚¤ãƒ³ãƒ•ãƒãƒ¼ã«ã¤
test_tester 2013/09/27
HTML

HTML-5

CSS

CSS-3

JavaScript

animation

memo
ãƒªãƒ³ã‚¯
å¤–éƒ¨CSSã‚’1æžšè¿½åŠ ã—ã¦ã€ãƒ–ãƒã‚°ã‚’ã‚¹ãƒžãƒ›æœ€é©åŒ–ã™ã‚‹5ã¤ã®ãƒ•ãƒãƒ¼ | Mnemoniqs Web Designer Blog : Web Design and Web Development
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç”¨ã„ã¦ã€å¤–éƒ¨CSSã‚’ä¸€æžšè¿½åŠ ã™ã‚‹ã ã‘ã§iPhone/androidã«æœ€é©åŒ–ã™ã‚‹ã¾ã§ã®æµã‚Œã‚’æ›¸ã„ã¦ãŠãã¾ã™ã€‚ã‚¹ãƒžãƒ›ç”¨ã®CSSã‚’ã‚¹ãƒžãƒ›ã«ã ã‘èªã¿è¾¼ã¾ã›ã¦ã€å…¨ä½“ã®CSSã‚’ä¸Šæ›¸ãã™ã‚‹ã ã‘ãªã®ã§ã€ãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯çµæ§‹æ‰‹è»½ã«å‡ºæ¥ã¾ã™ã€‚ ã¯ã˜ã‚ã«ã‚¹ãƒžãƒ›æœ€é©åŒ–å¾Œã®è¦ç´ é…ç½®ã‚’è€ƒãˆã‚‹ <head>ã«viewportè¨å®šã¨ã‚¹ãƒžãƒ›ç”¨CSSã®è¨˜è¿°ã‚’æ›¸ã å›ºå®šå¹…ã‚’ãƒªã‚ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã§çµ„ã¿ãªãŠã™ ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã€ãƒžãƒ¼ã‚¸ãƒ³ã€ä¸å¤®ï½¥æ°´å¹³æƒãˆã‚’èª¿æ•´ ç”»åƒã‚’2å€ã®ã‚µã‚¤ã‚ºã§ç”¨æ„ã™ã‚‹ ã¯ã˜ã‚ã«ã‚¹ãƒžãƒ›æœ€é©åŒ–å¾Œã®è¦ç´ é…ç½®ã‚’è€ƒãˆã‚‹ ã‚¹ãƒžãƒ›ã¯ç”»é¢ã‚‚å°ã•ã„ã—ã€å®¹é‡ãŒé‡ã„ã¨ãã‚Œã ã‘ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ã‚‚è½ã¡ã¾ã™ã€‚ ãƒã‚´ãƒ»ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒ»è¨˜äº‹ãªã©æœ€ä½Žé™ã®è¦ç´ ã ã‘æ®‹ã—ã€ã‚ã¨ã¯display:none;ã§æ¶ˆã—ã¦ã—ã¾ã„ã¾ã—ã‚‡ã†ã€‚ ã“ã®ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ã ã¨ã€ã‚ªãƒ¬ãƒ³ã‚¸ã§å›²ã‚“ã ã®ãŒã‚¹ãƒžãƒ›ã§è¡¨ç¤ºã•ã›ãªã„éƒ¨åˆ†ã§ã™ã€‚ æ®‹ã£ãŸè¦ç´ ã‚’ã€æœ€
test_tester 2013/09/24
CSS

CSS-3

mobile

memo
ãƒªãƒ³ã‚¯
1