ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
PNGç”»åƒã‚’より美ã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | コリス
先日ã€ç´¹ä»‹ã—ãŸã€ŒJPEGç”»åƒã®æœ€é©åŒ–テクニックã€ã«ç¶šã„ã¦SmashingMagazineã‹ã‚‰ã€PNGç”»åƒã‚’より美ã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 追記：2009/07/27 本エントリã«ã¯ç¶šããŒã‚ã‚Šã¾ã™ã€‚ 続：PNGç”»åƒã‚’より美ã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Clever PNG Optimization Techniques 下記ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’ピックアップã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 最後ã®ã¯CS3å‘ã‘ã§ä¸æ˜Žã ã£ãŸã®ã§ã€é€”ä¸çœç•¥ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« PNGç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®æ¦‚è¦ 1. ãƒã‚¹ã‚¿ãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ 2. 手ã®ã¯ã„ã£ã¦ãªã„é€éŽ 3. é€éŽã«ã‚ˆã‚‹åˆ†é›¢ 4. マスクを活用 ã¯ã˜ã‚㫠ウェブデザイナーã¨ã—ã¦ã‚ãªãŸã¯æ—¢ã«PNGã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ç²¾é€šã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。PNGã¯åŠ£åŒ–ã®ãªã„フォーマットã¨ã—ã¦ã€GIFã®éžå¸¸ã«è‰¯ã„代ã‚ã‚Šã¨ãªã‚Šã¾ã™ã€‚ Photoshop（ã‚ã‚‹ã„ã¯ä»–ã®ç”»
パンããšè©³è§£ | コリス
パンããšã®ç”±æ¥ã‚„概è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–基準ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã€ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‚„進化ã—ãŸãƒ‘ンããšã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Breadcrumbs In Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ パンã㚠ナビゲーションã¯ã€å¤§é‡ã®ãƒšãƒ¼ã‚¸ã‚’ä¿æŒã™ã‚‹ã‚¦ã‚§ãƒ–サイトã§ã€ãƒŠãƒ“ゲーション機能を拡張ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ パンããšã®å¤§ããªæœ‰ç”¨æ€§ã¯ã€ã‚¦ã‚§ãƒ–サイトã®è¨ªå•è€…ãŒä¸Šã®éšŽå±¤ã«ç§»å‹•ã™ã‚‹éš›ã€å°‘ãªã„アクションã§å®Ÿç¾ã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®ã“ã¨ã¯ã‚¦ã‚§ãƒ–サイトã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚„ページã®ãƒ•ã‚¡ã‚¤ãƒ³ãƒ€ãƒ“リティ（見ã¤ã‘ã‚„ã™ã•ï¼‰ã‚’改善ã™ã‚‹ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ï¼ˆæ¤œç´¢ãªã©ã‹ã‚‰è¨ªã‚ŒãŸæœ€åˆã®ãƒšãƒ¼ã‚¸ï¼‰ã«ã‚‚éžå¸¸ã«åŠ¹æžœçš„ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¾åœ¨ã®å ´æ‰€ã‚’明示ã™ã‚‹ã ã‘ã§ãªãã€æ–‡è„ˆã®ãƒ’ントã¨ãªã‚‹ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚æä¾›ã—ã¾ã™ã€‚ What is a bre
[CSS]preè¦ç´ ã§å®Ÿè£…ã•ã‚ŒãŸã‚³ãƒ¼ãƒ‰ã‚’美ã—ãデザインã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Styling Code Snippets with CSS demo デモã§ã¯ã€ãƒŽãƒ¼ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ãŒäºŒç¨®é¡žã¨è¦–èªæ€§ã«å„ªã‚ŒãŸãƒ–ラックタイプãŒä¸€ç¨®é¡žç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 三種類ã¨ã‚‚HTMLã¯ã‚·ãƒ³ãƒ—ルã§ã€ã‚¯ãƒ©ã‚¹ã‚’記述ã™ã‚‹ã ã‘ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©å¿œã§ãã¾ã™ã€‚ グリーンã®ãƒŽãƒ¼ãƒˆ <textarea name="code" class="css" cols="60" rows="5"> pre { font-size: 12px; padding: 0; margin: 0; background: #f0f0f0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 20px; background: url(pre_code_bg.gif) repeat-y left top; width: 600px; over
HTMLを綺麗ã«ä¿ã¤12ã®åŽŸå‰‡ | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Chris Coyieræ°ãŒSmashing Magazineã«ãŠã„ã¦12 Principles For Keeping Your Code Cleanã®ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚‚ã¨HTMLコードをクリーンã«ã™ã‚‹ãŸã‚ã®12ã®åŽŸå‰‡ã‚’紹介ã—ã¦ã„る。厳密ã«ã¯11ã®åŽŸå‰‡ã ãŒã€HTMLをクリーンã«ä¿ã¤ä¸Šã§å®Ÿè·µçš„ã§åŠ¹æžœçš„ãªã‚‚ã®ã 。WebデザイナやWebデベãƒãƒƒãƒ‘ã¯ä¸€åº¦ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„。12 Principles For Keeping Your Code Cleanã§ç´¹ä»‹ã•ã‚Œã¦ã„る原則をè¦ç´„ã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ãªã‚‹ã€‚ [原則1] HTML 4.01を採用ã™ã‚‹å ´åˆã§ã‚‚XHTML 1.0を採用ã™ã‚‹å ´åˆã§ã‚‚Strict指定ã®DOCTY
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/2009/03/icon-tut.html
{{#tags}}- {{label}}
{{/tags}}