[B! webåˆ¶ä½œ][ãŠå½¹ç«‹ã¡] Zephyrsã®ãƒ

Zephyrs id:Zephyrs

webåˆ¶ä½œã¨ãŠå½¹ç«‹ã¡ã«é–¢ã™ã‚‹Zephyrsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

ã€Fireworksã€‘GIFã§æ”¯çµ¦ã•ã‚ŒãŸãƒã‚´ã‚’ç°¡å˜ã«ç™½æŠœãã«åŠ å·¥ã™ã‚‹æ–¹æ³• | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ä¾‹ãˆã° Web ã‚µã‚¤ãƒˆã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«æ¡ˆä»¶ã§ã¯ã€Œãƒã‚´ã®ãƒ‡ãƒ¼ã‚¿ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ç¾ã‚µã‚¤ãƒˆã§ä½¿ã£ã¦ã„ã‚‹ gif ç”»åƒã‚’ä½¿ã£ã¦ãã ã•ã„ã€ã¨ã„ã†ã‚±ãƒ¼ã‚¹ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚ ã€Œãƒã‚´ã‚’ç™½æŠœãã«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ä½œã‚ŠãŸã„ã‚“ã ã‘ã©â€¦ã€ã¨ã„ã†å ´åˆã«ã¯ã€ãƒã‚´ã‚’ãƒˆãƒ¬ãƒ¼ã‚¹â†’ãƒ‘ã‚¹åŒ–ã—ã¦ä½¿ã„å‹æ‰‹ã®è‰¯ã„ç´ æã‚’ç”¨æ„ã™ã‚‹ã®ãŒãƒ™ã‚¹ãƒˆãªæ–¹æ³•ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãƒˆãƒ¬ãƒ¼ã‚¹ã™ã‚‹æ™‚é–“ãŒå–ã‚Œãªã„æ™‚ã¯ä»¥ä¸‹ã®æ–¹æ³•ãŒãŠæ‰‹è»½ã§ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ ä½¿ç”¨ã—ãŸç”»åƒåŠ å·¥ã‚½ãƒ•ãƒˆã¯ Fireworks ã§ã™ã€‚ â†‘æ”¯çµ¦ã•ã‚ŒãŸï¼ˆã¨ã„ã†ã‹ Web ã‚µã‚¤ãƒˆã‹ã‚‰ã‚³ãƒ”ãƒ¼ã—ãŸï¼‰ãƒã‚´ã®ä¾‹ã€‚é€æ˜ŽåŒ–ã‚‚ã•ã‚Œã¦ã„ãªã„ã—ã€åˆ‡ã‚ŠæŠœãã®ã‚‚é¢å€’ã€‚ STEP 1 ãƒã‚´ç”»åƒã‚’ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ã§ä¿å˜ã—ã¾ã™ã€‚ STEP 2 ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«åŒ–ã—ãŸãƒã‚´ç”»åƒã‚’èƒŒæ™¯ã®ä¸Šã«é…ç½®ã€‚ STEP 3 ãƒã‚´ç”»åƒã‚’é¸æŠžã—ã¦ã€Œãƒ•ã‚£ãƒ«ã‚¿ã€â†’ã€Œã‚«ãƒ©ãƒ¼èª¿æ•´ã€â†’ã€Œã‚«ãƒ©ãƒ¼ã®å¡—ã‚Šã€ã‚’è¨å®šã€‚ ã‚«ãƒ©ãƒ¼ã¯ä½•è‰²ã§ã‚‚è‰¯ã„ã§ã™ãŒã€ãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰ã¯ã€Œåè»¢ã€ã«
Zephyrs 2009/07/24
ãŠå½¹ç«‹ã¡

ã“ã‚Œã¯ã™ã”ã„

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

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

webåˆ¶ä½œ

ãƒã‚´

ç”»åƒ
ãƒªãƒ³ã‚¯
éƒ½é“åºœçœŒé¸æŠžã™ã‚‹ã‚„ã¤ã€‚
ãƒ¡ãƒ¢ã€‚ èª°ã‹ã®å½¹ã«ã‚‚ç«‹ã¤ã‹ã‚‚ã—ã‚Œãªã„ã—ã£ã¦ã“ã¨ã§ã€ã„ã¤ã‚‚éŽåŽ»ã®æ¡ˆä»¶ã®ã‚½ãƒ¼ã‚¹ã¨ã‹æŽ¢ã—ã¦ãƒšã‚¿ãƒšã‚¿ã—ã¦ã‚‹ã‘ã©ã€ä½•å‡¦ã§ä½¿ã£ãŸã®ã‹å¿˜ã‚ŒãŸã‚Šã™ã‚‹ã®ã§ã“ã“ã«è²¼ã£ã¦ãŠã“ã†ã€‚ - ã‚³ãƒ¡ãƒ³ãƒˆã«ã¦ä½¿ç”¨æ¡ä»¶ã‚’æ›¸ã„ã¦ã»ã—ã„ã¨ã®äº‹ã ã£ãŸã®ã§å¿µã®ç‚ºè¿½è¨˜ã—ã¦ãŠãã¾ã™ã€‚ ç‰¹åˆ¥è¨˜è¼‰ãŒç„¡ã„ã‚¨ãƒ³ãƒˆãƒªãƒ¼ä»¥å¤–ã¯ã€ã©ã†ä½¿ã†ã®ã‚‚è‡ªç”±ã§ã™ã€‚ è‡ªåˆ†ã®ãƒ–ãƒã‚°ã«ãã®ã¾ã¾ã‚½ãƒ¼ã‚¹æŽ²è¼‰ã—ã¦ã‚‚ã‚‰ã£ã¦ã‚‚ã€ä»•äº‹ã§ä½¿ã£ã¦ã‚‚ã„ã„ã§ã™ã—ã€ã‚ã‚‰ã‚†ã‚‹ç”¨é€”ã«å¯¾ã—ã¦è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€‚ ã‚‚ã¡ã‚ã‚“ã€æ”¹å¤‰ãƒ»é…å¸ƒã¨ã‹ã‚‚è‡ªç”±ã§ã™ã€‚ ãŸã ã€ã‚¦ãƒã§å…¬é–‹ã—ã¦ã„ã‚‹ã‚½ãƒ¼ã‚¹ã‚„ã‚µãƒ³ãƒ—ãƒ«ã«å¯¾ã—ã¦ä½•ã‚‰ã‹ã®å•é¡ŒãŒç”Ÿã˜ã¦ã‚‚è²¬ä»»ã¯è² ã„ã¾ã›ã‚“ã€‚å„è‡ªã®è²¬ä»»ã§ã”åˆ©ç”¨ãã ã•ã„ã€‚ å¤§ä½“ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ selectè¦ç´ ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¸ˆã¿ã®éƒ½é“åºœçœŒã®ã‚„ã¤ <select name="éƒ½é“åºœçœŒ"> <option value="">éƒ½é“åºœçœŒã‚’ãŠé¸ã³ãã ã•ã„ã€‚</option> <optgroup label="åŒ—
Zephyrs 2009/07/16
ãŠå½¹ç«‹ã¡

CSS

ç´ æ

HTML

IT

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

webåˆ¶ä½œ

æ—¥æœ¬

ãƒ†ãƒ³ãƒ—ãƒ¬
ãƒªãƒ³ã‚¯
JPEGç”»åƒã‚’ã‚ˆã‚Šç¾Žã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
JPEGç”»åƒã‚’ã‚ˆã‚Šç¾Žã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’SmashingMagazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Clever JPEG Optimization Techniques 1. ã€Œ8ãƒ”ã‚¯ã‚»ãƒ«ã€ã®ã‚°ãƒªãƒƒãƒ‰ 2. ã‚«ãƒ©ãƒ¼ã®æœ€é©åŒ– 3. JPEGæœ€é©åŒ–ã®ä¸€èˆ¬çš„ãªTips 1. ã€Œ8ãƒ”ã‚¯ã‚»ãƒ«ã€ã®ã‚°ãƒªãƒƒãƒ‰ JPEGç”»åƒã¯ã€ã‚ãªãŸãŒæ—¢ã«çŸ¥ã£ã¦ã„ã‚‹ã‚ˆã†ã«8x8ã®ãƒ”ã‚¯ã‚»ãƒ«ã®ãƒ–ãƒãƒƒã‚¯ã‹ã‚‰æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ç”»è³ªã‚’ä½Žãã™ã‚‹ã¨ã‚ˆãåˆ†ã‹ã‚Šã¾ã™ã€‚ ã“ã®8x8ãƒ”ã‚¯ã‚»ãƒ«ã‚’åˆ©ç”¨ã—ã¦ã€JPEGç”»åƒã‚’æœ€é©åŒ–ã—ã¾ã™ã€‚ ç”»è³ª10ã§ä½œæˆã—ãŸã‚µãƒ³ãƒ—ãƒ« äºŒã¤ã®æ£æ–¹å½¢ã¯åŒã˜å¤§ãã•ï¼ˆ8x8ãƒ”ã‚¯ã‚»ãƒ«ï¼‰ã§ã™ã€‚å·¦ä¸Šã®ã¯ãã‚Œã„ã«è¦‹ãˆã€å³ä¸‹ã®ã¯æ±šãè¦‹ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã‚‰ã¯ã€ãã‚Œãžã‚Œ8x8ã®ã‚°ãƒªãƒƒãƒ‰ã«ä¸¦ã¹ãŸã‚‚ã®ã§ã€å·¦ä¸Šã¯ã‚°ãƒªãƒƒãƒ‰ã«æƒãˆãŸã‚‚ã®ã€å³ä¸‹ã¯ã‚°ãƒªãƒƒãƒ‰ã«æƒã£ã¦ã„ãªã„ã‚‚ã®ã§ã™ã€‚ ä¿å˜ã™ã‚‹éš›ã«ç”»åƒã¯ã€8x8ãƒ”ã‚¯ã‚»ãƒ«ã®ãƒ–ãƒãƒƒã‚¯ã«åˆ†ã‘ã‚‰ã‚Œã‚‹ãŸã‚
Zephyrs 2009/07/03
ãŠå½¹ç«‹ã¡

ã“ã‚Œã¯ã™ã”ã„

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

ç”»åƒ

design

Photoshop

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Zephyrs 2009/06/15
*ã‚ã¨ã§è©¦ã™

*ã‚ã¨ã§èªã‚€

ãŠå½¹ç«‹ã¡

ã“ã‚Œã¯ã™ã”ã„

design

DTP

Photoshop

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1