[B! PNG] pmakinoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pmakino id:pmakino

PNGã«é–¢ã™ã‚‹pmakinoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

ã‚¦ãƒŽã‚¦ãƒ©ãƒœ Unoh Labs: PHPã§æš—å·åŒ–ãƒ»å¾©å·åŒ–ã‚ã‚Œã“ã‚Œ
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã¯ã‚¹ãƒ”ãƒ¼ãƒ‰ã€ãƒ‘ãƒ¯ãƒ¼ã€ã‚¹ã‚ãƒ«å…¨é–‹ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ãƒ–ãƒ¬ãƒ¼ã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ãƒ¼ï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ãƒ¼ã‚¹ãƒˆã¾ã§ã€æœ€ã‚‚ã‚¯ãƒ¼ãƒ«ã§é€Ÿã„è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚·ãƒ•ãƒˆã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ãä½¿ã£ã¦ç«¶äº‰ã‚’æ‰“ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ æ™´ã‚‰ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã§ã‚ãªãŸã®å¿ƒã‚’çˆ†ç™ºã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—ãƒ¬ã‚¤ã—ãŸã“ã¨ã®ãªã„ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è©¦ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„çž¬é–“ã«ã‚®ã‚¢ã‚’ã‚·ãƒ•ãƒˆã—ã€ã‚¬ã‚¹ã‚’æ€ã„åˆ‡ã‚Šè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚‚è¡Œã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ä¸–ç•Œä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
pmakino 2009/12/20
MySQL

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
PNGç”»åƒã‚’ã‚ˆã‚Šç¾Žã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | ã‚³ãƒªã‚¹
å…ˆæ—¥ã€ç´¹ä»‹ã—ãŸã€ŒJPEGç”»åƒã®æœ€é©åŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã«ç¶šã„ã¦SmashingMagazineã‹ã‚‰ã€PNGç”»åƒã‚’ã‚ˆã‚Šç¾Žã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ è¿½è¨˜ï¼š2009/07/27 æœ¬ã‚¨ãƒ³ãƒˆãƒªã«ã¯ç¶šããŒã‚ã‚Šã¾ã™ã€‚ ç¶šï¼šPNGç”»åƒã‚’ã‚ˆã‚Šç¾Žã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Clever PNG Optimization Techniques ä¸‹è¨˜ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€å¾Œã®ã¯CS3å‘ã‘ã§ä¸æ˜Žã ã£ãŸã®ã§ã€é€”ä¸çœç•¥ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« PNGç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®æ¦‚è¦ 1. ãƒã‚¹ã‚¿ãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ 2. æ‰‹ã®ã¯ã„ã£ã¦ãªã„é€éŽ 3. é€éŽã«ã‚ˆã‚‹åˆ†é›¢ 4. ãƒžã‚¹ã‚¯ã‚’æ´»ç”¨ ã¯ã˜ã‚ã« ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã‚ãªãŸã¯æ—¢ã«PNGã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ç²¾é€šã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚PNGã¯åŠ£åŒ–ã®ãªã„ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨ã—ã¦ã€GIFã®éžå¸¸ã«è‰¯ã„ä»£ã‚ã‚Šã¨ãªã‚Šã¾ã™ã€‚ Photoshopï¼ˆã‚ã‚‹ã„ã¯ä»–ã®ç”»
pmakino 2009/08/02
PNG

ç”»åƒ

é«˜é€ŸåŒ–

Tips
ãƒªãƒ³ã‚¯
alphafilter.jsãŒé€éŽpngã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã«å¯¾å¿œ
alphafilter.jsãŒé€éŽpngã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã«å¯¾å¿œ IE6ç”¨ã®é€éŽpngãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œalphafilter.jsã€ãŒé€éŽpngã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã«å¯¾å¿œã—ã¾ã—ãŸã€‚ é€éŽæ©Ÿèƒ½ã¯IE6ã§ç”»åƒã®æ‹¡å¼µåãŒpngã®å ´åˆã®ã¿ã§ã™ãŒã€ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã¯ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã€jpgã€gifã€pngå½¢å¼ã®ç”»åƒã§åˆ©ç”¨ã„ãŸã ã‘ã¾ã™ã€‚ imgè¦ç´ ã®å ´åˆclasså±žæ€§ã«ã€Œbtnã€ã¨ä»˜ã‘ã‚Œã°ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã®å‡¦ç†ã‚’è¡Œã„ã¾ã™ã€‚ <img src="./sample.png" class="btn" alt="" /> sample.pngã®å ´åˆã¯sample_on.pngã®ã‚ˆã†ã«æ‹¡å¼µåã®å‰ã«ã€Œ_onã€ãŒä»˜ã„ãŸç”»åƒã‚’ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«è¡¨ç¤ºã—ã¾ã™ã€‚ é€éŽæ©Ÿèƒ½ã¨åˆã‚ã›ã¦åˆ©ç”¨ã™ã‚‹å ´åˆã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«æŒ‡å®šã—ã¾ã™ã€‚ <img src="./sample.png" class="alphafilter btn" alt="" />
pmakino 2009/05/05
Webåˆ¶ä½œ

PNG

JavaScript

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

ç”»åƒ
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
pmakino 2008/12/29
IE

PNG

Webåˆ¶ä½œ

ç”»åƒ

Tips
ãƒªãƒ³ã‚¯
[JS]è¶…è»½é‡ã§è¨ç½®ã‚‚ç°¡å˜ãªã€é€éŽPNGã‚’IE6ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Unit PNG Fix | ã‚³ãƒªã‚¹
Unit Interactiveã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€é€éŽPNGç”»åƒã‚’IE6ã§è¡¨ç¤ºã™ã‚‹ã€è¶…è»½é‡(2KB)ã®è¨ç½®ã‚‚ç°¡å˜ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
pmakino 2008/07/20
Webåˆ¶ä½œ

ç”»åƒ

PNG

JavaScript
ãƒªãƒ³ã‚¯
PNG ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ Web ä¸Šã§ä½¿ã£ã¦ã¯ã„ã‘ãªã„ - double-team.org
ã‚...ã‚ã‚Šã®ã¾ã¾ä»Šèµ·ã“ã£ãŸäº‹ã‚’è©±ã™ãœï¼ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰é›»è©±å£ã§ã€ŒWeb ã‚µã‚¤ãƒˆã§ PNG ã‚’ä½¿ã†ã®ã¯éžå¸¸è˜ã§ã™ã€ã¨è¨€ã‚ã‚ŒãŸ ãª...ä½•ã‚’è¨€ã£ã¦ã„ã‚‹ã®ã‹ã‚ã‹ã‚‰ããƒ¼ã¨æ€ã†ãŒã€ä¿ºã‚‚ä½•ã‚’è¨€ã‚ã‚ŒãŸã®ã‹ã‚ã‹ã‚‰ãªã‹ã£ãŸ... é ãŒã©ã†ã«ã‹ãªã‚Šãã†ã ã£ãŸ...ã‚¯ãƒ¬ãƒ¼ãƒ ã¨ã‹å¿ å‘Šã¨ã‹ã€ ãã‚“ãªãƒãƒ£ãƒãªã‚‚ã‚“ã˜ã‚ƒã‚æ–ã˜ã¦ããˆã€‚ ã‚‚ã£ã¨æã‚ã—ã„ã‚‚ã®ã®ç‰‡é±—ã‚’å‘³ã‚ã£ãŸãœ... ãƒžã‚¸ã§é ãŒã©ã†ã«ã‹ãªã‚‹ã¨ã“ã‚ã ã£ãŸã€‚ã—ã‹ã‚‚æ›²ãŒã‚Šãªã‚Šã«ã‚‚ã€ŒWeb ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ã€ã¨è¨€ã†è‚©æ›¸ãã‚’æŒã£ã¦ã‚‹äººã‹ã‚‰ã€‚ ä½•ã‚’ã‚‚ã£ã¦ PNG ãŒæ‚ªãªã®ã‹ç†è§£ã§ããªã‹ã£ãŸï¼ˆã¨è¨€ã†ã‹ãã®è¾ºã®è©±ã¯ã‚¹ãƒ«ãƒ¼ã•ã‚ŒãŸæ„ŸãŒã‚ã‚‹ï¼‰ã€‚ 5å¹´ãã‚‰ã„å‰ãªã‚‰ã€ã¾ã‚åˆ†ã‹ã‚‹ã€‚ã‚ã®é ƒã¯ã¾ã ã‚«ã‚ªã‚¹ã ã£ãŸã‹ã‚‰ä»•äº‹ã§ä½¿ã†ã«ã¯èºŠèº‡ã™ã‚‹è¦æ ¼ã ã£ãŸã€‚ã ãŒæ™‚ä»£ã¯å¤‰ã‚ã‚Š2008å¹´ã ã€‚IE5.x ã‚‚ã»ã¼æ»æ»…ã—ã€Firefox3ãƒ»Safari3ãƒ»Opera9.5 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€‚SVG ã‚‚ï¼ˆ
pmakino 2008/07/07
Webåˆ¶ä½œ

ç”»åƒ

PNG
ãƒªãƒ³ã‚¯
PNG ã«ã¤ã„ã¦ã‚ã‚Œã“ã‚Œ
PNG ã£ã¦ä½•ãžï¼Ÿ ã´ã‚“ãã£ã¦èªã¿ã¾ã™ã€‚ Porta ble Network Graphics ã®ç•¥ã€‚ çŸ¥ã£ã¦ã‚‹äººã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã‘ã©ã€ã„ã¾ç¾åœ¨ã§ã‚‚ Web ã®ä¸»æµç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã‚ã‚Šã¤ã¥ã‘ã¦ã‚‹ GIF ã«ã¯ã€Œãƒ©ã‚¤ã‚»ãƒ³ã‚¹å•é¡Œã€ãªã‚‹ã‚‚ã®ãŒå˜åœ¨ã—ã¦ãŠã‚Šã¾ã™ã€‚ GIF ç”»åƒã£ã¦ã®ã¯ã€ä½œã‚‹ã¨ãã«ã¯ç”»åƒãƒ‡ãƒ¼ã‚¿ãŒåœ§ç¸®ã•ã‚Œã¦ã€é€†ã«è¡¨ç¤ºã™ã‚‹ã¨ãã«ã¯è§£å‡ï¼ˆä¼¸å¼µï¼‰ã™ã‚‹ã¨ã‚†ãƒ¼æ–¹æ³•ã«ã‚ˆã£ã¦ã€ãã®çµæžœãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå°ã•ããªã£ã¦ãƒ™ãƒ³ãƒªï½žãªãƒ¯ã‚±ã§ã™ãŒã€ãã®åœ§ç¸®ä¼¸å¼µã®ä»•çµ„ã¿ãŒ UNISYS ã¨ã‚†ãƒ¼ä¼šç¤¾ã®ç‰¹è¨±ã«ãªã£ã¦ã‚‹ã®ã§ã‚ã‚Šã¾ã™ã€‚ GIF ãŒæ™®åŠã™ã‚‹ã¾ã§ã¯ç‰¹è¨±ã«ã¤ã„ã¦é»™ã£ã¦ãŸãã›ã«ã€ä¸–ã«æ™®åŠã—ãŸã‚ã‚‹ã²ã¨ã¤ãœã‚“ã€ã€Œã‚ªãƒ©ã‚ªãƒ©ï½žãã„ã¤ãã‚¦ãƒãƒˆã‚³ãŒç‰¹è¨±ã‚‚ã£ã¦ã‚‹ã‚“ã ãžï½žã€ GIF ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¡¨ç¤ºä¿å˜ã§ãã‚‹ã‚½ãƒ•ãƒˆã¯ã¨ã‚‚ã‹ãé‡‘æ‰•ãˆï½žã€ã¨ã‹å«ã³ã ã—ãŸã‹ã‚‰ã•ãã‚¿ã‚¤ãƒ˜ãƒ³ã€‚ãã®ã‚ãŠã‚Šã§æœ€è¿‘ã¯ GIF ç”»åƒã ã‘æ‰±ãˆãªã„ã€ãªã‚“ã¦ã„ã†ã®ã‚‚ç”»åƒæ–¹é¢
pmakino 2008/07/07
Webåˆ¶ä½œ

ç”»åƒ

PNG

è³‡æ–™
ãƒªãƒ³ã‚¯
http://omoikane.my-sv.net/index.php?e=772
pmakino 2006/10/08
PNG

ç”»åƒ

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

è³‡æ–™
ãƒªãƒ³ã‚¯
åŠé€æ˜Žpngã‚’è¡¨ç¤ºã™ã‚‹ ã€œCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€œ
pmakino 2006/01/09
IE

CSS

PNG

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