[B! è¦‹å‡ºã—] vitaminsiiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

vitaminsii id:vitaminsii

è¦‹å‡ºã—ã«é–¢ã™ã‚‹vitaminsiiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

Photoshopã§å¤‰æ•°ã‚’ä½¿ã£ã¦è¦‹å‡ºã—ç”»åƒãƒªã‚½ãƒ¼ã‚¹ã‚’ç®¡ç†ã™ã‚‹ | A Day in the Life
December 10, 2008 2ã‚¨ãƒ³ãƒˆãƒªãƒ¼é€£ç¶šã§Photoshopé–¢é€£ã«ãªã‚Šã¾ã™ã€‚ä»Šå›žã¯å·¦ã®ã‚ˆã†ãªè¦‹å‡ºã—ç”»åƒã‚’æ›¸ãå‡ºã™ãƒªã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤‰æ•°ã‚’ä½¿ã£ã¦ç®¡ç†ã—ã¾ã™ã€‚ ã“ã®ã‚ˆã†ãªè¦‹å‡ºã—ç”»åƒã‚’ä½œæˆã™ã‚‹å ´åˆã€é€šå¸¸ã ã¨èƒŒæ™¯ç”»åƒãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’è¤‡æ•°æžšã¨è¦‹å‡ºã—åãƒ†ã‚ã‚¹ãƒˆãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’å¤§é‡ã«ä½œã‚‰ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ç§ã‚‚ä»Šã¾ã§ã¯ãƒ†ã‚ã‚¹ãƒˆãƒ¬ã‚¤ãƒ¤ãƒ¼ã ã‚‰ã‘ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ã“ã®ã‚ˆã†ãªä½™åˆ†ãªãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä½œã‚‰ãªã„ã§ãƒªã‚½ãƒ¼ã‚¹ã‚’ç®¡ç†å‡ºæ¥ã‚‹æ–¹æ³•ãŒå¤‰æ•°ã‚’ä½¿ã£ãŸãƒªã‚½ãƒ¼ã‚¹ç®¡ç†æ³•ã«ãªã‚Šã¾ã™ã€‚ ç°¡å˜ã«å¤‰æ•°ã‚’ä½¿ã£ãŸç®¡ç†æ³•ã®èª¬æ˜Žã‚’ã™ã‚‹ã¨ã€èƒŒæ™¯ç”»åƒãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’æ•°ç¨®é¡žç”¨æ„ã—ã€æ—¥æœ¬èªžåã®è¦‹å‡ºã—ã¨è‹±èªžåã®è¦‹å‡ºã—ã¯CSVãƒ•ã‚¡ã‚¤ãƒ«ã§ç®¡ç†ã™ã‚‹ã¨è¨€ã†æ–¹æ³•ã«ãªã‚Šã¾ã™ã€‚ ãã‚Œã§ã¯è©³ã—ãèª¬æ˜Žã‚’ã—ã¦ã„ãã¾ã™ã€‚ ä»Šå›žä½œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼æ§‹æˆã¯å·¦ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ èƒŒæ™¯ç”»åƒãƒ•ã‚©ãƒ«ãƒ€ã«ã¯èƒŒæ™¯ç”»åƒãŒ4ç¨®é¡žã€‚ãã—ã¦è¦‹å‡ºã—åã‚’è¨å®šã™ã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒæ—¥æœ¬èªžç”¨ã¨è‹±èªžç”¨ã®2ç¨®é¡ž
vitaminsii 2013/05/10
è¦‹å‡ºã—ç”»åƒã‚’ä½œæˆã™ã‚‹å ´åˆã€èƒŒæ™¯ç”»åƒãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’è¤‡æ•°æžšã¨è¦‹å‡ºã—åãƒ†ã‚ã‚¹ãƒˆãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’å¤§é‡ã«ä½œã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ã“ã®ã‚ˆã†ãªä½™åˆ†ãªãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä½œã‚‰ãªã„ã§ãƒªã‚½ãƒ¼ã‚¹ã‚’ç®¡ç†å‡ºæ¥ã‚‹æ–¹æ³•ãŒå¤‰æ•°ã‚’ä½¿ã£ãŸãƒªã‚½ãƒ¼ã‚¹ç®¡ç†æ³•ã«ãªã‚‹ã€‚

*Webåˆ¶ä½œ

+Tips

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

.ã™ã”ã„

2008

Photoshop

ç”»åƒ

csv

è¦‹å‡ºã—

æ©Ÿèƒ½
ãƒªãƒ³ã‚¯
[CSS]å††å½¢ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å®Ÿè£…ã¨ãƒ›ãƒãƒ¼æ™‚ã«é¢ç™½ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã£ãŸå††å½¢ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã€ãƒ›ãƒãƒ¼æ™‚ã«æ™®é€šã®ã‚ˆã‚Šé¢ç™½ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Circle Hover Effects with CSS Transitions å³ï¼šãƒ›ãƒãƒ¼æ™‚ã®ã‚¢ã‚¤ãƒ†ãƒ ã€å·¦ï¼šé€šå¸¸æ™‚ã®ã‚µãƒ ãƒã‚¤ãƒ«ã®çŠ¶æ…‹ã§ã™ã€‚ å††å½¢ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å®Ÿè£… ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ãƒ‡ãƒ¢ å††å½¢ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å®Ÿè£… ã¾ãšã¯ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹å††å½¢ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å®Ÿè£…ã§ã™ã€‚ ã‚¢ã‚¤ãƒ†ãƒ æ™‚ã‚’ä¾‹ã«ç´¹ä»‹ã—ã¾ã™ã€‚ HTML å„å††å½¢ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯ãƒªã‚¹ãƒˆè¦ç´ ã§ã€è¦‹å‡ºã—ã‚„ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã‚’divè¦ç´ ã§äºŒé‡ã«å†…åŒ…ã—ã¾ã™ã€‚ <ul class="ch-grid"> <li> <div class="ch-it em ch-img-1"> <div class="ch-info"> <h3>è¦‹å‡ºã—</h3> <p>ãƒ‘ãƒ©ã‚°ãƒ©ãƒ• <a href="http://">ãƒªãƒ³ã‚¯</a></p> </d
vitaminsii 2012/12/27
å‚è€ƒã«ãªã‚Šã¾ã™ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‚è€ƒ

+Tutorial

+Code

-html5ãƒ»css3

2012

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

è¦‹å‡ºã—

ãƒªã‚¹ãƒˆ

ã‚µãƒ ãƒã‚¤ãƒ«

css3
ãƒªãƒ³ã‚¯
[CSS]Adobeã®ã‚µã‚¤ãƒˆã®ã‚ã®ã‹ã£ã“ã„ã„ãƒ˜ãƒƒãƒ€ãƒãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã‚ãƒ£ãƒ—ãƒãƒ£ HTML ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€å†…éƒ¨ã«ãƒªãƒ³ã‚¯ã‚’é…ç½®ã—ãŸãŸã ã®è¦‹å‡ºã—ã§ã™ã€‚ <div class="module"> <h2>Community <a href="#">Blue</a></h2>  </div> CSS ãƒ˜ãƒƒãƒ€ã®åŸºæœ¬ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã€aè¦ç´ ã®å·¦ã«borderã§ãƒ›ãƒ¯ã‚¤ãƒˆã®é ˜åŸŸã‚’è¨å®šã—ã¾ã™ã€‚ .module h2 { background: #ccc; padding: 0 0 0 10px; font-size: 16px; /* Thickness of the bar more easily achieved with line-height since padding would push link inward. */ line-height: 2; } .module h2 a
vitaminsii 2012/10/22
ä¸€åº¦è©¦ã—ã¦ã¿ãŸã„ãªãã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‚è€ƒ

+Code

+Tutorial

-htmlãƒ»css

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

2011

è¦‹å‡ºã—

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS ã® border ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ã¦è¦‹å‡ºã—ã‚’è£…é£¾ã—ã‚ˆã† â€“ è¶…æœ‰åã‚µã‚¤ãƒˆã®è¦‹å‡ºã— | TM Life
ã€ŽCSS ã® border ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ã¦è¦‹å‡ºã—ã‚’è£…é£¾ã—ã‚ˆã†ã€ ç¬¬ï¼”å¼¾! ãƒ©ã‚¹ãƒˆã§ã™!! ã‚·ãƒ³ãƒ—ãƒ«ãªè¦‹å‡ºã— ã¡ã‚‡ã„æ´¾æ‰‹ãªè¦‹å‡ºã— ãƒ‰æ´¾æ‰‹ãªè¦‹å‡ºã— è¶…æœ‰åã‚µã‚¤ãƒˆã®è¦‹å‡ºã—â†ä»Šã“ã“ ç§ãŒã‚ˆãå‚è€ƒã«ã•ã›ã¦é ‚ã„ã¦ã„ã‚‹æœ‰åãƒ–ãƒã‚°ã®è¦‹å‡ºã—ã‚’ä¸¦ã¹ã¦ã¿ã¾ã—ãŸ. ç§ãŒçœŸä¼¼ã¦ä½œã£ã¦ã„ã‚‹ã ã‘ãªã®ã§å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã¨ã¯ç•°ãªã‚‹éƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ã®ã§ã”æ³¨æ„ä¸‹ã•ã„. ã‚„ã¯ã‚Šæœ‰åãªãƒ–ãƒã‚°ã ã¨, ã”ã¡ã‚ƒã”ã¡ã‚ƒã—ãŸè¦‹å‡ºã—ã§ã¯ãªã, è¦‹ã‚„ã™ã•ã‚’é‡è¦–ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ãŒå¤šã„ã§ã™ã. ãªã‚“ã‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦è‰²ã€…è¨€ã£ã¡ã‚ƒã£ã¦ã„ã¾ã™ãŒ, ç§ã¯ã‚²ãƒ¼ãƒ ãƒ—ãƒã‚°ãƒ©ãƒžã§ã‚ã£ã¦Web ã«é–¢ã—ã¦ã¯ç´ äººã§ã™. ãªã®ã§, ãªã‚“ã‹è¨€ã£ã¡ã‚ƒã£ã¦ã‚“ãªãï½žç¨‹åº¦ã«æµã—ã¦ã‚‚ã‚‰ãˆã‚Œã°å¹¸ã„ã§ã™. â€»è¦‹å‡ºã—ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ç”»åƒã¯è¨±å¯ã‚’é ‚ã„ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™. æœ¬å®¶ã‚µã‚¤ãƒˆã®è¨±å¯ç„¡ãè»¢ç”¨ã—ãªã„ã‚ˆã†ãŠé¡˜ã„ã—ã¾ã™. Table of contents ã‚µãƒ³ãƒ—ãƒ« ã‚³ãƒªã‚¹ ã•ã‚“ã®è¦‹å‡ºã— ã‹ã¡ã³
vitaminsii 2012/10/22
å‚è€ƒã«ãªã‚Šã¾ã™ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‚è€ƒ

+Code

+Tips

-htmlãƒ»css

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

2012

è¦‹å‡ºã—

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³.com -Webãƒ‡ã‚¶ã‚¤ãƒ³ã®â€œè¦‹å‡ºã—â€ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆ-
TOP ãƒ‡ã‚¶ã‚¤ãƒ³ä¸€è¦§ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ†ã‚ã‚¹ãƒˆã®ã¿ ãƒ†ã‚ã‚¹ãƒˆéžç”»åƒ ä¸Šç·š ä¸‹ç·š ä¸¸ å››è§’ å›²ã¿ç·š æ–œç·š æœªåˆ†é¡ž ç‚¹ç·š è§’ä¸¸ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ ãƒ„ã‚¤ãƒ¼ãƒˆã™ã‚‹ ã‚·ã‚§ã‚¢ã™ã‚‹ ä»–ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ãƒ•ãƒƒã‚¿ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ ã‚¦ã‚§ãƒ–ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ ã„ã‚ã‚“ãªWEBã‚µã‚¤ãƒˆã®è¦‹å‡ºã—éƒ¨åˆ†ã‚’é›†ã‚ã¾ã—ãŸã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã€‚æŽ²è¼‰ã‚µã‚¤ãƒˆãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸå ´åˆã¯ã”ç´¹ä»‹ã®è¦‹å‡ºã—ãŒä½¿ç”¨ã•ã‚Œã¦ã„ãªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ é€£çµ¡å…ˆï¼šmanage.hp+midashi@gmail.com copyright Â© midashi-design.com All Rights Reserved.
vitaminsii 2012/04/16
è¦‹å‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸWEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚è¦‹å‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å›°ã‚‹ã“ã¨ãŒå¤šã€…ã‚ã‚‹ã®ã§ã€ã¨ã¦ã‚‚ã‚ã‚ŠãŒãŸã„ï¼ï¼

*ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

+ãƒ‡ã‚¶ã‚¤ãƒ³ç´¹ä»‹ã‚µã‚¤ãƒˆ

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

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

è¦‹å‡ºã—
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—è¦ç´ ã‚’ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§ç¾Žã—ãã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
h1ã‚„h2ãªã©ã®è¦‹å‡ºã—è¦ç´ ã‚’ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§å®Ÿè£…ã—ã€ç¾Žã—ã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Cool headings with pseudo-elements [ad#ad-2] ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯æ“¬ä¼¼è¦ç´ ã ã‘ã§ãªãã€background-clipãªã©ã®CSS3ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€Safari 5+, Chrome 7+, Firefox 3.6+, Opera 10+, IE 9+ ã§ã”è¦§ãã ã•ã„ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å®Ÿè£… HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€h1è¦ç´ ã«classã‚’ä¸Žãˆã‚‹ã ã‘ã§ã™ã€‚ <h1 class="headline1">I took lessons</h1> â€»ãƒ‡ãƒ¢ã¯4ã¤ã‚ã‚Šã€classã‚’å¤‰æ›´ã™ã‚‹ã ã‘ã§ã™ã€‚ CSS: å„ãƒ‡ãƒ¢å…±é€šã®ãƒ™ãƒ¼ã‚¹ bodyè¦ç´ ã‚’ãƒ¡ã‚¤ãƒ³ã®ãƒ©ãƒƒãƒ‘ãƒ¼ã¨ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ h1è¦ç´ ã«ã¯font-familyã¨sizeã®ã¿å…±é€šã§æŒ‡å®š
vitaminsii 2012/04/15
h1ã‚„h2ãªã©ã®è¦‹å‡ºã—è¦ç´ ã‚’ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§å®Ÿè£…ã—ã€ç¾Žã—ã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‚è€ƒ

+Tips

+Code

-htmlãƒ»css

-html5ãƒ»css3

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

2012

è¦‹å‡ºã—

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

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ã‚’CSSã§ã‚·ãƒ³ãƒ—ãƒ«ã«è£…é£¾ã™ã‚‹tips - EC studio ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°
è°·ã§ã™ã€‚ ä»Šå›žã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°ã‚‰ã—ãã€ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®è¨˜äº‹ã‚’æ›¸ãã¾ã™ã€‚ ç§ã¯ä¼ç”»ãƒ‡ã‚¶ã‚¤ãƒ³ã§ä¸»ã«HTML/CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¨ ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ç³»ä»¥å¤–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ãƒœã‚¿ãƒ³ã®ç”»åƒã‚„ã€è¦‹å‡ºã—ã®è£…é£¾ç”»åƒãªã©ã§ã™ã€‚ â€»åˆ¶ä½œã™ã‚‹ã‚µã‚¤ãƒˆã«ã‚ˆã£ã¦ã¯å…¨ä½“ã®æƒ…å ±è¨è¨ˆãªã©ã‚‚ãŠã“ãªã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°ã¨ã„ã†ã‹ã‚‰ã«ã¯ã€ãƒ–ãƒã‚°ã®æŠ•ç¨¿è¨˜äº‹ãªã©ã‚‚ è¦‹ã‚„ã™ãè¦‹æ „ãˆã‚ˆãï¼ã¨æ€ã„ç«‹ã£ãŸã®ã§ã€CSSã‚’åˆ©ç”¨ã—ãŸ ç°¡å˜ãªè¦‹å‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç”»åƒãƒ»ä½™åˆ†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—(ã‚¿ã‚°ã‚’åŠ ãˆãŸã‚Šã¨ã‹ï¼‰ç„¡ã—ã§ãƒ‡ã‚¶ã‚¤ãƒ³ â†‘ã®ã‚ˆã†ãªè¦‹å‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ãã€‚ è¦‹å‡ºã—ã«è©²å½“ã™ã‚‹æ–‡ç« ã¯åŸºæœ¬çš„ã«ã€Œhâ—‹ã‚¿ã‚°ã€ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¾ã™ã®ã§ ãã®hâ—‹ã‚¿ã‚°ï¼ˆä»Šå›žã¯h4ã‚¿ã‚°ï¼‰ã‚’è£…é£¾ã—ã¦ã„ãã¾ã™ã€‚ 1.ã“ã‚Œã¯è¦‹å‡ºã—ã§ã™ã€‚ éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªå½¢ã§ã™ã€‚ãƒ–ãƒã‚°ã®è¨˜äº‹ã®ã‚¿ã‚¤ãƒˆãƒ«ã®è£…é£¾ã¯ ã“ã‚Œã®è‰²é•ã„ã§ã™ãã€‚ 2.ã“ã‚Œã¯è¦‹å‡ºã—ã§ã™ã€‚ ä»˜ã›ã‚“ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³
vitaminsii 2012/04/15
ã‚·ãƒ³ãƒ—ãƒ«ãªè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚ŠãŸã„æ™‚ã®å‚è€ƒã«ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‚è€ƒ

+Tips

+Code

-htmlãƒ»css

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

2006

è¦‹å‡ºã—

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

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã®åŸºæœ¬è¦ç´ è¦‹å‡ºã—ãƒ»ãƒªã‚¹ãƒˆãƒ»å¼•ç”¨æ–‡ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ•´ãˆã‚‹
2014å¹´8æœˆ20æ—¥ CSS Webã‚µã‚¤ãƒˆã‚’è£…é£¾ã—ã¦ã„ãæ™‚ã«ç„¡è¦–ã§ããªã„è¦ç´ ã€è¦‹å‡ºã—ãƒ»ãƒªã‚¹ãƒˆãƒ»å¼•ç”¨æ–‡ã€‚ç‰¹ã«WordPressã§ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ†ãƒ¼ãƒžã‚’ä½œã‚‹æ™‚ã¯ã€ãƒ–ãƒã‚°ç”¨ã«ã“ã‚Œã‚‰åŸºæœ¬ã®è¦ç´ ã™ã¹ã¦ã®è£…é£¾ã‚‚ã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã«ä½¿ã†ã‚³ãƒ¼ãƒ‰ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ¡ãƒ¢ã—ã¦ã„ãŸã®ã§è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚å°‘ã—å¤‰ãˆã‚‹ã ã‘ã§å¿œç”¨ã§ãã‚‹ã¨æ€ã†ã®ã§ã€ãœã²ä½¿ã£ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ è‰²ã€ãƒ•ã‚©ãƒ³ãƒˆã€ã‚µã‚¤ã‚ºãªã©ã‚’å¤‰ãˆã‚‹ã ã‘ã§ã€ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ä½¿ãˆã‚‹è¦‹å‡ºã—ãƒ»ãƒªã‚¹ãƒˆãƒ»å¼•ç”¨æ–‡ç”¨ã®HTMLã¨CSSã‚³ãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãã®ã¾ã¾ã‚³ãƒ”ãƒšã—ã¦ä½¿ã£ã¡ã‚ƒã£ã¦ãã ã•ã„ã€‚å°‘ã—ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æ‰‹é–“ãŒçœã‘ã‚‹â€¦ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã¡ã‚‡ã„ã¡ã‚‡ã„ä½¿ã£ã¦ã„ã‚‹ç”»åƒã‚‚ä¿å˜ã—ã¦ä½¿ã£ã¦ã‚‚ã‚‰ã£ã¦ã‚‚OKã§ã™ :) ã‚µãƒ³ãƒ—ãƒ«ç”»é¢å†…ã®ã€ŒHTMLã€ã€ŒCSSã€ã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ã‚³ãƒ¼ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚IE6, 7, 8, FF, Chrome, Safa
vitaminsii 2012/04/15
è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã«å›°ã£ãŸã¨ãå‚è€ƒã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‚è€ƒ

+Tips

+Code

-htmlãƒ»css

-html5ãƒ»css3

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

2010

è¦‹å‡ºã—

ãƒªã‚¹ãƒˆ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç„¡æ–™ç´ æ--Design Warehouse--
ã“ã®åº¦ã®æ±åŒ—åœ°æ–¹å¤ªå¹³æ´‹æ²–åœ°éœ‡ã§è¢«å®³ã«éã‚ã‚ŒãŸçš†æ§˜ã«ã¯ å¿ƒã‚ˆã‚ŠãŠè¦‹èˆžã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ Tip3'Sï¼ˆDesign-Warehouseã‚’é‹å–¶ã—ã¦ã„ã‚‹ä¼šç¤¾ï¼‰ã¯ä¸‰é‡çœŒã«ã‚ã‚Šã¾ã™ã€‚ ä»Šå›žã®åœ°éœ‡ã§ã®è¢«å®³ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ åŒã˜æ—¥æœ¬ã«ä½ã‚“ã§ã„ãªãŒã‚‰ã€ä½•ä¸€ã¤ã‹ã‚ã‚Šã®ãªã„æ—¥å¸¸ã‚’é€ã£ã¦ãŠã‚Š æ±æ—¥æœ¬ã®è¢«å®³ã‚’ï¼´ï¼¶ã‚„ãƒãƒƒãƒˆã§è¦‹ã¦ã„ã‚‹ã ã‘ã®çŠ¶æ³ã§ã™ã€‚ ç§ã¨åŒã˜ãä½•ã‚‚ã§ããªã„è‡ªåˆ†ã‚’ã‚‚ã©ã‹ã—ãæ„Ÿã˜ã¦ãŠã‚‰ã‚Œã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã€Œãã‚Œã§ã‚‚ä½•ã‹ã§ãã‚‹ã“ã¨ã‚’ã€ Design-Warehouseã§ã¯ä¼šç¤¾ã®webã‚µã‚¤ãƒˆã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚·ãƒ§ãƒƒãƒ—ã§ åˆ©ç”¨å‡ºæ¥ã‚‹ã€Œå¿œæ´ãƒãƒŠãƒ¼ã€ã‚’ä½œæˆè‡´ã—ã¾ã—ãŸã€‚ â€»ã‚‚ã¡ã‚ã‚“å€‹äººã®webã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ãªã©ã«ã‚‚ã”åˆ©ç”¨ä¸‹ã•ã„ã€‚ ç‹¬è‡ªã«åˆ¶ä½œã—ãŸè¢«ç½åœ°ã¸ã®å¿œæ´ãƒšãƒ¼ã‚¸ã‚„ã€ç¾©æ´é‡‘ã‚µã‚¤ãƒˆã¸ã®ãƒšãƒ¼ã‚¸ åœ°éœ‡é–¢é€£ã®ãƒšãƒ¼ã‚¸ãªã©ã¸ãƒªãƒ³ã‚¯ã™ã‚‹ãƒãƒŠãƒ¼ã¨ã—ã¦ã”åˆ©ç”¨ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ã”åˆ©ç”¨ã¯ç„¡æ–™ã€å ±å‘Šã‚‚å½“ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯
vitaminsii 2012/04/15
ã€å•†ç”¨å¯ã€‘ç„¡æ–™ç´ æ/webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼åˆ¶ä½œã®ç„¡æ–™ç´ æãªã®ã«åŠ å·¥è‡ªç”±ã€å•†ç”¨åˆ©ç”¨ã‚‚OKï¼ä»–ã«ã‚‚ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚„æ•°å—ã€ãƒ©ã‚¤ãƒ³ã€çŸ¢å°ç‰ã€€â€»ãƒ–ãƒã‚°ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«è¨˜è¼‰ã—ã¦ã‚ã‚‹ãƒã‚´éƒ¨åˆ†ã®ç”»åƒã€ã®ãƒªãƒ³ã‚¯ã¯ã„ã‹ãªã‚‹å ´åˆã§ã‚‚å‰Šé™¤ä¸å¯ã€‚

*ãƒ•ãƒªãƒ¼ç´ æ

+ç”»åƒç´ æ

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

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

e-commerce

ã‚¤ãƒ©ã‚¹ãƒˆ

ã‚¢ã‚¤ã‚³ãƒ³

ãƒªã‚¹ãƒˆãƒžãƒ¼ã‚¯

ãƒœã‚¿ãƒ³

è¦‹å‡ºã—
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½œã£ãŸè¶…ã‚·ãƒ³ãƒ—ãƒ«ç´ æé›† | WEBç´ æã€€ãƒœã‚¿ãƒ³ã€€èƒŒæ™¯ç”»åƒã€€çŸ¢å°ã‚¢ã‚¤ã‚³ãƒ³
Count per Day 8004225ç·é–²è¦§æ•°:3636539ç·è¨ªå•è€…æ•°:22ä»Šæ—¥ã®è¨ªå•è€…æ•°:14æ˜¨æ—¥ã®è¨ªå•è€…æ•°:1ç¾åœ¨ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ä¸ã®äººæ•°: ã€Œè¶…ã‚·ãƒ³ãƒ—ãƒ«ç´ æé›†ã€ã¸ã‚ˆã†ã“ãï¼ å•†ç”¨åˆ©ç”¨OKãƒ»åŠ å·¥OKãƒ»è¨±å¯ä¸è¦ãƒ»ALLç„¡æ–™ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ç”¨ç´ æã‚’ã”ç”¨æ„ã—ã¦ãŠã‚Šã¾ã™ã€‚ã‹ãªã‚Šè‡ªç”±ã«ã”åˆ©ç”¨ã„ãŸã ã‘ã¾ã™ãŒã€ã”åˆ©ç”¨ã®éš›ã¯ä¸€å¿œã€Œåˆ©ç”¨è¦ç´„ã€ã‚’ã”è¦§ãã ã•ã„ã€‚
vitaminsii 2012/04/15
ã€å•†ç”¨å¯ã€‘å•†ç”¨åˆ©ç”¨OKãƒ»åŠ å·¥OKãƒ»è¨±å¯ä¸è¦ãƒ»ALLç„¡æ–™ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ç”¨ç´ æã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚‚ã®ã‚’WEBã«çµ„ã¿è¾¼ã‚“ã ã‚Šå°åˆ·ç‰©ã«ä½¿ç”¨ã—ãŸã‚Šã—ã¦ç¬¬ä¸‰è€…ã«å†é…å¸ƒã™ã‚‹ã®ã¯OKã ãŒã€ç´ æã¨ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ãŸã‚Šè²©å£²ã™ã‚‹ã®ã¯NG

*ãƒ•ãƒªãƒ¼ç´ æ

+ç”»åƒç´ æ

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

å•†ç”¨å¯

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

ã‚¢ã‚¤ã‚³ãƒ³

ãƒœã‚¿ãƒ³

ãƒªã‚¹ãƒˆãƒžãƒ¼ã‚¯

ãƒãƒŠãƒ¼

è¦‹å‡ºã—
ãƒªãƒ³ã‚¯
ç„¡æ–™ã‚¦ã‚§ãƒ–ç´ æï½œstyraiseï¼ˆã‚¹ã‚¿ã‚¤ãƒ©ã‚¤ã‚ºï¼‰
æŒ‡ã‚¢ã‚¤ã‚³ãƒ³ã‚„åˆå¿ƒè€…ãƒžãƒ¼ã‚¯ãªã©ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚ˆãä½¿ã†ã‚¢ã‚¤ã‚³ãƒ³ã‚„ã‚¤ãƒ©ã‚¹ãƒˆã‚’PSDå½¢å¼ãƒ»PNGå½¢å¼ã§ç„¡æ–™é…å¸ƒã€‚
vitaminsii 2012/04/15
ã€å•†ç”¨å¯ã€‘å•†ç”¨åˆ©ç”¨å¯èƒ½ãªãƒ•ãƒªãƒ¼ç´ æé›†ã€‚PSDãƒ‡ãƒ¼ã‚¿ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯ã€‚ã‚ˆãåˆ©ç”¨ã•ã›ã¦ã‚‚ã‚‰ã£ã¦ã¾ã™ã€‚

*ãƒ•ãƒªãƒ¼ç´ æ

+ç”»åƒç´ æ

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

å•†ç”¨å¯

ã‚¤ãƒ©ã‚¹ãƒˆ

ã‚¢ã‚¤ã‚³ãƒ³

ãƒœã‚¿ãƒ³

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

è¦‹å‡ºã—

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1