ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ã¡ã‚‡ã£ã¨æ‰‹ã‚’åŠ ãˆã¦ã‚¦ã‚§ãƒ–デザインをグレードアップã™ã‚‹6ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
æ—¢å˜ã®ã‚¦ã‚§ãƒ–サイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¡ã‚‡ã£ã¨æ‰‹ã‚’åŠ ãˆã¦ã€ŒGoodã€ã‹ã‚‰ã€ŒGreatã€ã«ã™ã‚‹6ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’MyInkBlogã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 6 Ways To Take Your Webdesign From Good To Great 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã¨å®Ÿä¾‹ã‚’ピックアップã—ãŸæ„訳ã§ã™ã€‚ 元記事ã«ã¯å®Ÿä¾‹ãªã©ãŒä»–ã«ã‚‚豊富ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ 1. ã¯ã˜ã‚ã« 1. グラデーション 2. ホワイトスペース 3. グリッド 4. タイãƒã‚°ãƒ©ãƒ•ã‚£ 5. ナビゲーション 6. フッタ ã¯ã˜ã‚㫠ウェブデザインã®ã€ŒGoodã€ã¨ã€ŒGreatã€ã®å·®ã¯å°ã•ãªã‚‚ã®ã§ã™ã€‚å¹³å‡çš„ãªäººã¯ç´ 晴らã—ã„デザインを構æˆã™ã‚‹æ˜Žç™½ãªç›¸é•ç‚¹ã‚’説明ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã—ã‹ã—ã€å¥½ããªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’見ã¤ã‘ã‚‹ã“ã¨ã¯å¯èƒ½ã§ã™ã€‚ã„ãã¤ã‹ã®ç´ 晴らã—ã„サイトを分æžã™ã‚‹ã“ã¨ã§ã€ãã®ç›¸é•ç‚¹ã‚’補ã†å°ã•ãªãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚’ã¿ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã‚‹ã§ã—ょã†
[CSS]IE6ã«ã‚‚対応ã—ãŸãƒ†ã‚ストリンクをPNGç”»åƒã«ç½®æ›ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
PNG image replacement in links demo IE6ã¸ã®å¯¾å¿œã«åŠ ãˆã€ä¸‹è¨˜ã®é…慮もã•ã‚ŒãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ç”»åƒã‚ªãƒ•ã®å ´åˆã¯ã€ãƒªãƒ³ã‚¯ã¯ãƒ†ã‚ストã§è¡¨ç¤ºã€‚ CSSオフã®å ´åˆã¯ã€ãƒªãƒ³ã‚¯ã¯ãƒªã‚¹ãƒˆã§è¡¨ç¤ºã€‚ ç”»åƒã‚ªãƒ•ã§CSSオフã®å ´åˆã¯ã€ãƒªãƒ³ã‚¯ã¯ãƒªã‚¹ãƒˆã§è¡¨ç¤ºã€‚ HTMLã¯ä¸‹è¨˜ã®ã‚ˆã†ã«å„ラベルã«é€éŽgifãŒé…ç½®ã•ã‚Œã¦ã„ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <div id="backing"> <ul id="imgReplacement"> <li class="home"><a href="#url1"><img src="ir/trans.gif" width="0" height="0" alt="" />HOME</a></li> <li class="products"><a href="
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}