[B! png] kasshinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kasshin id:kasshin

pngã«é–¢ã™ã‚‹kasshinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (22)

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

CSS ã‚’ä½¿ã£ã¦ IE 6 ã§ PNG ã®åŠé€æ˜Žã‚’æœ‰åŠ¹ã«ã™ã‚‹ | ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ
æ¦‚è¦ IE 6 ã§ img è¦ç´ ã§åŸ‹ã‚è¾¼ã‚“ã PNG ãƒ•ã‚¡ã‚¤ãƒ«ã®åŠé€æ˜Žã‚’æœ‰åŠ¹ã«ã™ã‚‹ JS ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€CSS ã§ã“ã‚Œã‚’è¡Œã†ãŸã‚ã®æ–¹æ³•ã§ã™ã€‚ åˆ©ç‚¹ã¨ã—ã¦ã€JS ã§å®Ÿç¾ã—ãŸå ´åˆã€ä¸€çž¬ã‚°ãƒ¬ãƒ¼ã®éƒ¨åˆ†ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ãŒã€ã“ã®æ–¹æ³•ã§ã¯ãã‚ŒãŒã‚ã‚Šã¾ã›ã‚“ã€‚ PNG ãŒèªã¿è¾¼ã¾ã‚ŒãŸæ™‚ç‚¹ã§åŠé€æ˜ŽãŒæœ‰åŠ¹ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€CSS ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç”¨ã„ã¦ã€ã©ã® img è¦ç´ ã«å¯¾ã—ã¦åŠé€æ˜Žã‚’æœ‰åŠ¹ã«ã™ã‚‹ã‹ãªã©ã‚’æ±ºã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã•ã‚‰ã«ã€onload å¾Œã«ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã« appendChild ã‚„ innerHTML ãªã©ã§è¿½åŠ ã•ã‚ŒãŸ PNG ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¤ã„ã¦ã‚‚ã€åŠé€æ˜ŽãŒæœ‰åŠ¹ã«ãªã£ãŸçŠ¶æ…‹ã§è¿½åŠ ã•ã‚Œã¾ã™ã€‚ å‹•ä½œç¢ºèªç”¨ã® demo (IE 6 ç”¨) èª¬æ˜Ž ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«ã‚’æœ‰åŠ¹ã«ã—ãŸã„å€‹æ‰€ã«å¯¾ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªCSSã‚’é©ç”¨ã—ã¾ã™ã€‚ã“ã®ä¾‹ã§ã¯ã€#sample ã®ä¸ã® img è¦ç´ ã¨ãªã‚Šã¾ã™ã€‚(ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼
kasshin 2010/09/02
css

ie6

png
ãƒªãƒ³ã‚¯
PunyPNG
kasshin 2010/08/15
images

png

æœ€é©åŒ–
ãƒªãƒ³ã‚¯
PNGãƒ•ã‚¡ã‚¤ãƒ«ã‚’Macã§æœ€é©åŒ– | alifedesign
PNGãƒ•ã‚¡ã‚¤ãƒ«ã‚’Macã§æœ€é©åŒ– ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€å†™çœŸã«JPEGã€ãã®ä»–ã¯ä¸»ã«PNGã‚’ä½¿ã£ã¦ã„ã‚‹ã€‚ä½•ã¨ãªãPNGã¯ã€å®¹é‡ãŒå¤§ãããªã‚ŠãŒã¡ã ã¨æ€ã£ã¦ã„ãŸã‘ã©ã€ã¾ã¨ã‚ã¦iPhoneã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’ã‚¢ãƒƒãƒ—ã—ãŸã®ã‚’æ©Ÿã«æœ€é©åŒ–ã«ã¤ã„ã¦èª¿ã¹ç›´ã—ãŸã€‚ ã¾ãšã€PNGã¯3ç¨®é¡žã‚ã‚‹ã€‚Macã§ä½¿ã£ã¦ã„ã‚‹ã¨ã€ä¿å˜ã®ãƒ€ã‚¤ã‚¢ãƒã‚°ã§PNGã¨å‡ºã¦ãã‚‹ã®ã§ã€å½¢å¼ã¯1ã¤ã ã‘ã§ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚‚ç„¡ã„ã¨æ€ã£ã¦ã„ãŸã‘ã‚Œã©ã€PNGã«ã¯ã€256è‰²ã®PNG-8ã¨1677ä¸‡è‰²ã®PNG-24ã€ãã—ã¦ã€ã‚ã¾ã‚Šä½¿ã‚ã‚Œã¦ã„ãªã„ã‚ˆã†ã ã‘ã‚Œã©ã€PNG-32ã‚‚ã‚ã‚‹ã€‚ PNGã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå¤§ãããªã‚ŠãŒã¡ã ã£ãŸã®ã¯ã€ãƒ•ãƒ«ã‚«ãƒ©ãƒ¼ã®PNG24ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã€PNG8ãªã‚‰ã€256è‰²ã§GIFã¨ã ã„ãŸã„åŒã˜ãã‚‰ã„ã®ã‚µã‚¤ã‚ºã«åŽã¾ã‚‹ï¼ˆä¾‹å¤–ã‚‚ã‚ã‚‹ï¼‰ã€‚ Webã®é«˜é€ŸåŒ–ã‚’è¿½æ±‚ã—ã¦ã„ã‚‹Stoyan Stefanovã•ã‚“ã®Image Optimization Part 2
kasshin 2010/07/13
png

ç”»åƒ

æœ€é©åŒ–

mac
ãƒªãƒ³ã‚¯
Yahoo! Smush.itâ„¢
Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files. Do not
kasshin 2010/07/13
Yahoo!

png

ç”»åƒ

æœ€é©åŒ–
ãƒªãƒ³ã‚¯
PNGCRUSH
[DOWNLOAD] [CHANGELOG] Pngcrush is an optimizer for PNG (Porta ble Network Graphics) files. It can be run from a commandline in an MSDOS window, or from a UNIX or LINUX commandline. Its main purpose is to reduce the size of the PNG IDAT datastream by trying various compression levels and PNG filter methods. It also can be used to remove unwanted ancillary chunks, or to add certain chunks including
kasshin 2010/07/13
ãƒ„ãƒ¼ãƒ«

png

ç”»åƒ

æœ€é©åŒ–

ãƒãƒ£ãƒ³ã‚¯
ãƒªãƒ³ã‚¯
kys-lab.comÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼ kys-lab.com ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚ä¸€èˆ¬ãƒˆãƒ”ãƒƒã‚¯ã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãã‚‹å†…å®¹ã¯ã€kys-lab.comãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…å®¹ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’é¡˜ã£ã¦ã„ã¾ã™ï¼
kasshin 2010/07/13
ie6

png

é€éŽ
ãƒªãƒ³ã‚¯
IE6ç”¨é€éŽpngå¯¾å¿œç–ã€DD_belatedPNGã®ä½¿ç”¨æ³•ã¨æ³¨æ„ç‚¹
ä»¥å‰ã‚‚ã“ã®ã€ŒDD_belatedPNG.jsã€ã«é–¢ã—ã¦ã¯ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¾ã—ãŸãŒ ã€ŽIE6ã§é€éŽpngã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡scriptã€ã€ŒDD_belatedPNG.jsã€ã€ã€ã‚ã¾ã‚Šã®ç´ æ™´ã‚‰ã—ã•ã«ã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ã ã‘ã—ã¦ä½¿ç”¨æ³•ã¨ã‹æ³¨æ„äº‹é …ãªã©å¤§äº‹ãªéƒ¨åˆ†ã«è§¦ã‚Œãšã˜ã¾ã„ã§ã—ãŸã€‚ ã“ã®ç´ æ•µãªé€éŽpngå¯¾å¿œç–ã§ã‚ã‚‹DD_belatedPNGã¡ã‚ƒã‚“ã§ã™ãŒã€imgè¦ç´ ã«ä½¿ç”¨ã™ã‚‹éš›ã«ã‚‚ã€divè¦ç´ ã‚„pè¦ç´ ç‰ã®èƒŒæ™¯ç”»åƒã«å¯¾ã—ã¦ä½¿ç”¨ã™ã‚‹éš›ã‚‚ã€ã»ã‚“ã®ã¡ã‚‡ã£ã¨ã—ãŸã‚¯ã‚»ãŒã‚ã‚Šã¾ã™ã€‚ ãªã®ã§ã€ä»Šå›žã¯ã“ã®å‰å¤§ãªã‚‹ã€ŒDD_belatedPNG.jsã€ã®ä½¿ç”¨æ–¹æ³•ã¨ã€ä½¿ç”¨ã«é–¢ã™ã‚‹ã¡ã‚‡ã£ã¨ã—ãŸæ³¨æ„ç‚¹ãªã©ã‚’ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ DD_belatedPNGã®ä½¿ç”¨æ³•ã¨æ³¨æ„ç‚¹ 1.ä½¿ç”¨ã™ã‚‹ãŸã‚ã®æº–å‚™ ã¾ãšã¯ã“ã®ã€ŒDD_belatedPNG.jsã€è‡ªä½“ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãªã„ã‚³ãƒˆã«ã¯å§‹ã¾ã‚Šã¾ã›ã‚“ã€‚ é…å¸ƒå…ƒã®Drew Dillerâ€™s bl
kasshin 2010/07/13
ie6

png

é€éŽ
ãƒªãƒ³ã‚¯
IE7ã§é€éŽPNGã®è¡¨ç¤ºãŒæ±šã„ã€‚ãªãœï¼Ÿ | ã‚¦ã‚§ãƒ–ã‚’ä½œã£ã¦ã„ã‚‹äººã®ãƒ–ãƒã‚° WEB LPåˆ¶ä½œ
Q: IE7ã§é€éŽPNGãŒæ±šã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãªãœã§ã™ã‹ï¼Ÿ A: ã€ŒgAMAãƒãƒ£ãƒ³ã‚¯ã€ã‚ã‚‹ã„ã¯ã€Œè£œåŠ©ãƒãƒ£ãƒ³ã‚¯ã®ã©ã‚Œã‹ã€ãŒã€å¤‰ãªå€¤ã«ãªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã€‚ PNGãƒ•ã‚¡ã‚¤ãƒ«ã®æ§‹é€ ã«ã¤ã„ã¦ã€‚ PNGãƒ•ã‚¡ã‚¤ãƒ«ã®æ§‹é€ â”œ è˜åˆ¥éƒ¨ â”” æœ¬ä½“éƒ¨ â”œ æ¨™æº–ãƒãƒ£ãƒ³ã‚¯ â”‚ã€€â”œ åŸºæœ¬ãƒãƒ£ãƒ³ã‚¯ â”‚ã€€â”‚ã€€â”” IHDR PLTE IDAT IEND â”‚ã€€â”” è£œåŠ©ãƒãƒ£ãƒ³ã‚¯ â”‚ã€€ã€€ã€€â”œ cHRM gAMA sBIT sRGB iCCP â”‚ã€€ã€€ã€€â”œ bKGD hIST tRNS pHYs sPLT â”‚ã€€ã€€ã€€â”” tIME tEXt zTXt iTXt â”” ä»˜åŠ ãƒãƒ£ãƒ³ã‚¯ â”” å…¬å¼ç™»éŒ²ãƒãƒ£ãƒ³ã‚¯ â”œ oFFs pCAL sCAL â”” gIFg gIFt gIFx fRAc PNGã®å†…éƒ¨ã¯ã€Œãƒãƒ£ãƒ³ã‚¯ã€ã¨ã„ã†é …ç›®ã«åˆ†ã‹ã‚Œã¦ã„ã¦ã€ç”»åƒæƒ…å ±ã ã‘ã§ãªãã€Œãã®ä»–æƒ…å ±ã€ã‚’æŒã¤äº‹ãŒã§ãã‚‹ã€‚ â€œgAMAãƒãƒ£ãƒ³ã‚¯ã®å•é¡Œâ€ã€‚gAMAãƒãƒ£ãƒ³ã‚¯ã¨ã¯ç”»åƒã®
kasshin 2010/06/15
IE7

png

ãƒãƒ£ãƒ³ã‚¯
ãƒªãƒ³ã‚¯
PHPã§PNGã‚„GIFã®é€éŽå±žæ€§ã‚’ç¶æŒã—ãŸã¾ã¾ç¸®å°ã™ã‚‹ - mzktã®æ—¥è¨˜
class.image.phpã‚’ä½¿ã£ã¦ã€ç”»åƒã‚’ç¸®å°ã—ã¦ã„ãŸã‚“ã ã‘ã©ã€ç”»åƒãŒPNGã‚„GIFã ã£ãŸå ´åˆã«é€éŽå±žæ€§ãŒå¤±ã‚ã‚Œã¦èƒŒæ™¯ãŒé»’ããªã£ã¦ã—ã¾ã†ã€‚ é€éŽå±žæ€§ã‚’ç¶æŒã—ãŸã¾ã¾ç°¡å˜ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹æ–¹æ³•ã‚’æŽ¢ã—ã¦è¦‹ã¤ã‘ãŸã®ãŒã“ã‚Œã€‚GDã ã‘ã§OKã€‚ Smart Image Resizing while Preserving Transparency With PHP and GD Library ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã—ãŸæ‹¡å¤§ç¸®å°ã‚‚ç°¡å˜ã«ã§ãã‚‹ã™ãã‚Œã‚‚ã®ã€‚ widthã‚’ç¸®å°ç”»åƒã®æ¨ªå¹…ã€heightã‚’0ã«æŒ‡å®šã™ã‚‹ã¨ã€ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã™ã‚‹ã‚ˆã†ã«heightã‚’è‡ªå‹•è¨ˆç®—ã—ã¦ãã‚Œã‚‹ã€‚ ã‚µãƒ³ãƒ—ãƒ«:$filenameã‚’ç¸®å°ã—ã¦$newfilenameã«ä¿å˜ $filename="./images/samle.png"; $newfilename="./images/new_sample.png"; $image=smart
kasshin 2010/05/31
ãƒªã‚µã‚¤ã‚º

ç”»åƒ

php

png
ãƒªãƒ³ã‚¯
IE PNG Fixã‚’ä½¿ã£ãŸã‚‰ã€ã‚¯ãƒªãƒƒã‚¯ã§ããªã„ï½ž
å¹´æœ«ã‹ã‚‰ã®ã”ä¾é ¼ã§ã€ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ”¯çµ¦ã—ã¦ã„ãŸã ã„ã¦ã€ ãã‚Œã‚’åŸºã«ä¸‹å±¤ãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ï¼†HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¾ã—ãŸã€‚ ã‹ãªã‚Šç¹Šç´°ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã€ ã©ã†ã—ã¦ã‚‚é€éŽpngã‚’å¿…è¦ã¨ã™ã‚‹ç®‡æ‰€ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã®ç®‡æ‰€ã¨ã„ã†ã®ã¯ã€ å¤§ããªçŸ©å½¢ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã®ä¸Šã«ã€ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ä»˜ãã®å°ã•ãªãƒœã‚¿ãƒ³ç”»åƒã‚’é…ç½®ã€ ã¾ãŸã€ãã®çŸ©å½¢ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã®ä¸¡ç«¯ã«ã‚‚ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ãŒä»˜ã‘ã‚‰ã‚Œã¦ãŠã‚Šã€ ãƒ–ãƒ©ã‚¦ã‚¶èƒŒæ™¯ã«ã¯æ–‡æ§˜ãŒã‚ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã€ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã”ã¨çŸ©å½¢ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã‚’åˆ‡ã‚Šå‡ºã™éš›ã« é€éŽpngã‚’ä½¿ã‚ãªã„ã¨ã€æ¡ã‚ºãƒ¬ã‚’èµ·ã“ã™ã‹ã€ ã‚·ãƒ£ãƒ‰ã‚¦ã¾ã‚ã‚Šã®ã‚¨ãƒƒã‚¸ãŒã‚®ã‚¶ã‚®ã‚¶ã«ãªã‚‹ã‹ã€ ã®çŠ¶æ…‹ã§ã—ãŸã€‚ é€éŽpngã§é¬¼é–€ã«ãªã‚‹ã®ãŒIE6.0ãªã®ã§ã™ãŒã€ ãã‚Œã¯å‰ã«ã‚‚è¦‹ã¤ã‘ãŸã€ IE6.0ã§ã‚‚é€éŽpngãŒè¡¨ç¤ºã§ãã‚‹ ã€ŒIE PNG Fixã€ã¨ã„ã†ã‚‚ã®ã‚’ä½¿ã„ã¾ã—ãŸã€‚ http://www.twinhe
kasshin 2009/09/29
è¦ªã‚¿ã‚°ã§ã€ŒIE PNG Fixã€ã‚’é©ç”¨ã•ã›ã¦pngè¡¨ç¤ºã—ã¦ã„ã‚‹å ´åˆã¯ã€åã‚¿ã‚°ã¯ã‚¯ãƒªãƒƒã‚¯ã§ããªã„

css

png

ie6

pngfix
ãƒªãƒ³ã‚¯
jquery.pngFix.js - PNG é€éŽãƒ©ã‚¤ãƒ–ãƒ©ãƒª Windows IE 5.5 & 6 (IE PNG Fix)
jquery.pngFix.js - PNG transparency for Windows IE 5.5 & 6 (IE PNG Fix)This plugin will fix the missing PNG-Transparency in Windows Internet Explorer 5.5 & 6. Features unobtrusive script, simple to setup works now also with CSS-Backgrounds (but scaling backgrounds) works with PNG-Images within Links TITLE, ALT, CLASS and STYLE-Attributes are considered This page uses jQuery Version Version
kasshin 2009/08/29
jquery

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

photoshop

design
ãƒªãƒ³ã‚¯
IE6ã®é€éŽPNGãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼
MENU-1.é€šå¸¸ã®èƒŒæ™¯ãƒã‚¸ã‚·ãƒ§ãƒ³å¤‰æ›´ã«ã‚ˆã‚‹ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ MENU-1 MENU-2 MENU-3 é«˜ã•40pxã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«å¯¾ã—é«˜ã•80pxã®ON-OFFã‚’ã¤ãªã’ãŸç”»åƒã®positionã‚’ä¸Šã«40pxãšã‚‰ã™ã“ã¨ã§ã€ç”»åƒãŒå¤‰ã‚ã£ã¦ã„ã‚‹ã‚ˆã†ã«è¦‹ã›ã¦ã„ã‚‹ã€‚ ã‚‚ã¡ã‚ã‚“IE6ã§ã¯ç”»åƒãŒé€éŽã—ãªã„ã®ã§ã€èƒŒæ™¯ã®ã‚°ãƒªãƒƒãƒ‰ãŒéš ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ HTML <ul class="menu1"> <li><a href="#MENU-1">MENU-1</a></li> <li><a href="#MENU-2">MENU-2</a></li> <li><a href="#MENU-3">MENU-3</a></li> </ul> CSS ul { list-style: none; width: 110px; margin: 0; padding: 0; } .menu1 a { display: block
kasshin 2009/05/21
ie6

png

rollover
ãƒªãƒ³ã‚¯
IE6ã§é€éŽpngã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡scriptã€ã€ŒDD_belatedPNG.jsã€
ï¼žï¼ž è©³ç´°ãªä½¿ç”¨æ³•ã¨æ³¨æ„ç‚¹ã‚’è¿½åŠ ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¾ã—ãŸã€‚ ã„ã¾ã çµ¶å¤§ãªã‚·ã‚§ã‚¢ã‚’èª‡ã‚‹IE6ï¼ˆInternet Exproler 6ï¼‰ã§ã™ãŒã€WEBåˆ¶ä½œè€…ãªã‚‰ã”å˜çŸ¥ã®é€šã‚Šã€ã•ã¾ã–ã¾ãªãƒã‚°ãƒ»ä¸å…·åˆã‚’å†…åŒ…ã—ã¦ãŠã‚Šã¾ã™ã€‚ ãƒ»CSSã§floatã—ãŸãƒ–ãƒãƒƒã‚¯ã®marginãŒå€ã«ãªã‚‹ã€‚ ãƒ»å¾Œæ–¹äº’æ›ãƒ¢ãƒ¼ãƒ‰ã®å ´åˆã€text-alignãŒåè¦ç´ ã«ã¾ã§å½±éŸ¿ã™ã‚‹ã€‚ ãƒ»é€éŽpngç”»åƒãŒé€éŽã•ã‚Œãªã„ã€‚ ä¸Šè¨˜ä»¥å¤–ã«ã‚‚ã€ãã‚Œã¯ã„ãã¤ã‚‚ã®åˆ¶ä½œè€…æ³£ã‹ã›ã®å•é¡ŒãŒã‚ã‚Šã€æ¥ç•Œå†…ã§ã¯ã€ŒIE6æ°ãã°ã„ã„ã®ã«ã€ã¨ã¾ã§è¨€ã‚ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã™ãŒã€å‰è¿°ã®é€šã‚Šã‚·ã‚§ã‚¢ã¯çµ¶å¤§ãªã®ã§ã€å¯¾å¿œã—ãªã„ãƒ¯ã‚±ã«ã‚‚ã„ã‹ãšã€‚ ã™ã§ã«ã„ãã¤ã‚‚ã®å¯¾å¿œç–ãŒå‡ºå›žã£ã¦ãŠã‚Šã¾ã™ãŒã€ãã®ä¸ã§ã‚‚è‡ªåˆ†çš„ã«ä¸€ç•ªã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ã®ãŒã€ã€ŒDD_belatedPNG.jsã€ã‚’ä½¿ç”¨ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ æœ‰åã©ã“ã‚ã®å¯¾å¿œç–ã‚’ä½µè¨˜ãƒ»æ¯”è¼ƒã—ãªãŒã‚‰ã€ã©ã“ãŒã‚ªã‚¹ã‚¹ãƒ¡ãªã®ã‹ã‚’å«ã‚ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æœ‰åãª
kasshin 2009/05/20
ie6

png
ãƒªãƒ³ã‚¯
Campbell Digital Soup â€“ Prague â€“ Center of Medical Tourism
Medical tourism can be defined as the process of traveling to another country for the purpose of receiving medical care. Contrary to popular belief, the concept of medical tourism is not new â€“ in fact it can be traced back thousands of years to the ancient Greeks who would travel from all over the Medit erranean to a small terr itory in the Saronic Gulf called Epidauria. It was well known throughout
kasshin 2009/05/13
jquery

images

png
ãƒªãƒ³ã‚¯
jQuery Plugins IE Png fixã§IE6ã«é€éŽpngã‚’é©ç”¨ | A Day in the Life
March 19, 2008 IE6ã§é€éŽpngã‚’è¡¨ç¤ºã•ã›ã‚‹ã®ã«ãƒ¦ãƒ³ã‚µãƒ³ã®iepngfix.jsã‚’è‰¯ãä½¿ã„ã¾ã™ã€‚ã—ã‹ã—æœ€è¿‘jQueryã‚’ä½¿ç”¨ã—ã¦ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆãŸãŸã‚ã€jQueryã®é€éŽpngã‚’IE6ã«å¯¾å¿œã•ã›ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®IE Png fixã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ä½¿ã„æ–¹ã¯ç°¡å˜ã§imgè¦ç´ ã®srcå±žæ€§ã‚’èª¿ã¹ã€pngãƒ•ã‚¡ã‚¤ãƒ«ã ã£ãŸã‚‰é©ç”¨ã•ã›ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ $(function() { $("img[src$=png]").pngfix(); }); å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã®å¾Œæ–¹ä¸€è‡´ã§ã‚ã‚‹$ã‚’åˆ©ç”¨ã—ã¦æ‹¡å¼µåãŒpngã®ãƒ•ã‚¡ã‚¤ãƒ«ã™ã¹ã¦ã«.pngfix()ãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ cssã®èƒŒæ™¯ã«é€éŽpngã‚’ä½¿ã†å ´åˆãŒå¤šã„ã®ã§.iepngfixã¨è¨€ã†ã‚¯ãƒ©ã‚¹ã«ã‚‚é©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚ $(function() { $("img[src$=png],.iepngfix").pngfix(); }):
kasshin 2009/05/13
jquery

images

png
ãƒªãƒ³ã‚¯
ä»Šæ›´ã ãŒç¾æ™‚ç‚¹ã§ã®é€éŽPNGã®IE6å¯¾ç–ã®ã¾ã¨ã‚ã‚’ã—ã¦ã¿ã‚‹ã€€ã®å·»
ã€èªæ›¸æ„Ÿæƒ³ã€‘è«–ç†çš„æ€è€ƒã¨ã¯ä½•ã‹ â˜†â˜†â˜†â˜† è«–ç†çš„æ€è€ƒã¨ã¯ä½•ã‹ (å²©æ³¢æ–°æ›¸ æ–°èµ¤ç‰ˆ 2036)ä½œè€…:æ¸¡é‚‰ é›…åå²©æ³¢æ›¸åº—Amazon Kindleç‰ˆã‚‚ã‚ã‚Šã¾ã™ã€‚è«–ç†çš„æ€è€ƒã¨ã¯ä½•ã‹ (å²©æ³¢æ–°æ›¸)ä½œè€…:æ¸¡é‚‰ é›…åå²©æ³¢æ›¸åº—Amazon è«–ç†çš„æ€è€ƒæ³•ã¯ä¸–ç•Œå…±é€šã§ã¯ãªã„ã€‚æ€è€ƒã™ã‚‹ç›®çš„ã‚’ã¾ãšæ˜Žç¢ºã«ã—ã¦ãã®ç›®çš„ã«åˆã£ãŸæ€è€ƒæ³•ã‚’é¸ã¶æŠ€è¡“ãŒè¦ã‚‹ã€‚â€¦
kasshin 2008/11/27
png

ie6

é€éŽå‡¦ç†
ãƒªãƒ³ã‚¯
caramel*vanilla
kasshin 2008/10/31
png

image
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ³ã‚µãƒ³ã®ï¼ï¼YungSang's: é€éŽPNG ã¨ IE ã¨ IE7
æç¤ºï¼šè¯¥ç½‘ç«™çš„åŸŸåï¼ˆï¼‰å·²è¿‡æœŸ æŸ¥è¯¢whoisä¿¡æ¯ ï¼Œç½‘ç«™ä¸èƒ½æ£å¸¸è®¿é—®ï¼ŒåŸŸåç»è´¹åŽå¯æ¢å¤ã€‚ The domain has expired and cannot be accessed. It can be restored after renewal. ä¸ºé¿å…åŸŸåè¢«åˆ é™¤æˆ–è¢«ä»–äººæ³¨å†Œï¼Œè¯·è”ç³»æ‚¨çš„åŸŸåæœåŠ¡å•†å°½å¿«å®Œæˆç»è´¹ï¼š 1. è‹¥æ‚¨æ˜¯è¥¿éƒ¨æ•°ç ä¼šå‘˜ï¼Œè¯·ç™»è¥¿éƒ¨æ•°ç å®˜ç½‘ï¼Œè¿›å…¥ï¼šç®¡ç†ä¸å¿ƒ->åŸŸåç®¡ç†->å·²ç»åˆ°æœŸï¼Œæ‰¾åˆ°è¯¥åŸŸåï¼Œå®ŒæˆåŸŸåç»è´¹ï¼› 2. è‹¥æ‚¨çš„åŸŸåæœåŠ¡ç”±è¥¿éƒ¨æ•°ç ä»£ç†å•†æä¾›ï¼Œè¯·æ‚¨è”ç³»æ‚¨çš„ä»£ç†å•†å’¨è¯¢ç»è´¹äº‹å®œã€‚
kasshin 2008/07/12
IE6

png

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

png

image
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸