[B! hack] yorozunaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yorozuna id:yorozuna

hackã«é–¢ã™ã‚‹yorozunaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

ä»»å¤©å ‚ãŒæ–°äººç ”ä¿®ã§ä¼ãˆã¦ã„ã‚‹ã€ã‚ãã³å¿ƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ï½œå¨¯æ¥½ã®UI å…¬å¼ãƒ¬ãƒãƒ¼ãƒˆ #1 | ã‚ãƒ£ãƒªã‚¢ãƒãƒƒã‚¯ï¼ˆCAREER HACKï¼‰
ä»»å¤©å ‚ã®æ–°äººç ”ä¿®ã§èªžã‚‰ã‚Œã¦ã„ã‚‹ã®ã¯ã€Œã‚ãã³å¿ƒã‚’ä¼ãˆã‚‹ã€ã¨ã„ã†å¤§åˆ‡ã•ã«ã¤ã„ã¦ã€‚ã€Žã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒªã‚ªãƒ¡ãƒ¼ã‚«ãƒ¼ã€ã‚’ä¾‹ã«ã€UI/UXãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ•ã§ã‚ã‚‹æ£æœ¨ç¾©æ–‡ã•ã‚“ãŒèªžã£ã¦ãã‚ŒãŸã€‚ [ç›®æ¬¡] ãƒ»ã€Œã¿ãªã•ã‚“ã¨ã‚¯ã‚¤ã‚ºã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€ ãƒ»ä»»å¤©å ‚æµã€Œä¼ãˆæ–¹ã€ã®ã“ã ã‚ã‚Š â…°æ•™ãˆã‚‹ã‚ˆã‚Šã‚‚ä½“é¨“ã—ã¦ã‚‚ã‚‰ã† â…±ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚¤ãƒ³ãƒ—ãƒ¬ãƒƒã‚·ãƒ§ãƒ³ã‚’å¤§äº‹ã«ã™ã‚‹ â…²ä½“é¨“ã¯é¢ç™½ã ãƒ»ã‚ã‹ã‚Šã‚„ã™ã•ã¨é«˜æ©Ÿèƒ½ã‚’å…¼ãå‚™ãˆãŸã€UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ ãƒ»ã€Œã‚ãã³å¿ƒã‚’ä¼ãˆã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã€3ã¤ã®ãƒã‚¤ãƒ³ãƒˆ â…°UIè„³ã¨å¨¯æ¥½è„³ã®äºŒäººä¸‰è„š â…±çŸæ‰€ã‚’ã€Œå¨¯æ¥½è„³ã€ã§é•·æ‰€ã¸å¤‰ãˆã‚‹ â…²å°†æ£‹3å¸ã€€éº»é›€5å¸ ã€Œã¿ãªã•ã‚“ã¨ã‚¯ã‚¤ã‚ºã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€ â€» 2018å¹´4æœˆã«é–‹å‚¬ã•ã‚ŒãŸã€ŒUI Crunch #13 å¨¯æ¥½ã®UI - by Nintendo -ã€ã®ãƒ¬ãƒãƒ¼ãƒˆè¨˜äº‹ã¨ã—ã¦ãŠå±Šã‘ã—ã¾ã™ã€‚ ã€Œã¾ãšã¯ã€ã¿ãªã•ã‚“ã¨ã‚¯ã‚¤ã‚ºã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€ ãã‚“ãªã€ã‚ãã³å¿ƒæº¢ã‚Œã‚‹ä¸€è¨€ã§å¹•ã‚’é–‹ã‘
yorozuna 2018/06/08
ãƒ‡ã‚¶ã‚¤ãƒ³

ui

ã‚²ãƒ¼ãƒ

ã‚ã¨ã§èªã‚€

ä»»å¤©å ‚

design

ux

è€ƒãˆæ–¹

ä»•äº‹
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºãŒå´©ã‚ŒãŸæ™‚ã®æ¤œè¨¼ã«ä¾¿åˆ©ï¼IE6-11, Edge, Chrome, Safari, Firefoxãªã©å„ãƒ–ãƒ©ã‚¦ã‚¶ã®CSSãƒãƒƒã‚¯ -Browser Hack Mixins
ç‰¹å®šã®ãƒ–ãƒ©ã‚¦ã‚¶ã§æŒ™å‹•ãŒãŠã‹ã—ã„ã€æœŸå¾…é€šã‚Šã«ãªã‚‰ãªã„ã€ãã‚“ãªæ™‚ã®æ¤œè¨¼ç”¨ã«å½¹ç«‹ã¤ã€IE6-11, Edge, Chrome, Safari, Firefoxãªã©å„ãƒ–ãƒ©ã‚¦ã‚¶ã®CSSãƒãƒƒã‚¯ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸSassã®Mixinã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã„ã–ã¨ã„ã†æ™‚ã«ã€å‚™ãˆã¦ãŠããŸã„ã§ã™ãã€‚ Browser Hack Mixins for Sass Browser Hack Mixinsã®ä½¿ã„æ–¹ ã€Œ_hacks.scssã€ã‚’ã‚¤ãƒ³ãƒãƒ¼ãƒˆã€‚ ã‚³ãƒ¼ãƒ‰: @import "hacks"; Mixinã®ä½¿ã„æ–¹ åŸºæœ¬æ›¸å¼: @include [Mixin_Name]{ selector, property, value } è¨˜è¿°ä¾‹: @include only_ie9_below { .my_div, background-color, red } CSSãƒãƒƒã‚¯ã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã€‚ ãã®ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã¿ã€
yorozuna 2016/04/06
Sass

CSS

CSS3

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

webdesign

webåˆ¶ä½œ

browser

hack
ãƒªãƒ³ã‚¯
CSS3ã§IEã«ã‚‚è§’ä¸¸ã‚’é©ç”¨ã•ã›ã‚‹htcãƒ•ã‚¡ã‚¤ãƒ« â€“ creamu
CSS3ã§æœ€ã‚‚ç°¡å˜ã«ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã®è§’ä¸¸ã‚’å®Ÿè£…ã—ãŸã„ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Žcurved-cornerã€ã€‚CSS3ã§IEã«ã‚‚è§’ä¸¸ã‚’é©ç”¨ã•ã›ã‚‹htcãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚ Google Codeã§ã€CSS3ã§IEã«ã‚‚è§’ä¸¸ã‚’å®Ÿè£…ã•ã›ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ãŒé…å¸ƒã•ã‚Œã¦ã„ã¾ã™ãã€‚ ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã®è§’ä¸¸ã‚’å®Ÿè£…ã™ã‚‹ã«ã¯ã€ã€Œborder-radius.htcã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€é…ç½®ã—ã¦ã€CSSã«ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚Œã°OKã§ã™ã€‚ CSS3 -moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE ã™ã”ãç°¡å˜ãªæ–¹æ³•ãªã®ã§ã€CSS3ã§ã®è§’ä¸¸ã¯ã“ã‚Œã§æ±ºã¾ã‚Šãª
yorozuna 2010/02/09
hack

CSS3

è§’ä¸¸

css

IE

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

webdesign

*css

tips

*webdesign
ãƒªãƒ³ã‚¯
IEã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ˆã†ã«æ‰±ã†æ–¹æ³•10 â€“ creamu
IEã«ã ã‘ã§ããªã„ã“ã¨ã‚’å¯èƒ½ã«ã—ãŸã„ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž10 ways to make Internet Explorer act like a modern browserã€ã€‚IEã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ˆã†ã«æ‰±ã†æ–¹æ³•ã§ã™ã€‚ ä¾¿åˆ©ãã†ãªã®ãŒæƒã£ã¦ã„ã‚‹ã®ã§ã€ã–ã£ã¨ã”ç´¹ä»‹ã—ã¾ã™ãã€‚ HTML5ã‚’IEã§ã‚‚ä½¿ç”¨å¯èƒ½ã«ã™ã‚‹ html5.jsã‚’èªã¿è¾¼ã‚“ã§ã€HTML5ã‚’IEã§ã‚‚ä½¿ç”¨å¯èƒ½ã«ã™ã‚‹ text-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ IEã§text-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã‚’filterã‚’ä½¿ã£ã¦å®Ÿç¾ IEã§ã®box-shadow filterã‚’ä½¿ã£ã¦ã‚·ãƒ£ãƒ‰ã‚¦ã«è¦‹ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ è§’ä¸¸ ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¯border-radiusã§ã€IEã«ã¯DD roundiesã‚’é©ç”¨ ãƒžãƒ«ãƒã‚«ãƒ©ãƒ divè¦ç´ ã«ã‚«ãƒ©ãƒ ã‚’è¿½åŠ ã™ã‚‹ã€‚IEç”¨ã«ã¯jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§å®Ÿè£… HTML5ã®è¡¨ç¾ã¯ã ã‚“ã ã‚“å¢—ãˆã¦ãã‚‹ã‹ã¨æ€ã†ã®ã§ã€ä¸€
yorozuna 2010/02/05
hack

IE

html5

webdesign

webåˆ¶ä½œ

html

ãƒ–ãƒ©ã‚¦ã‚¶

browser

jquery

javascript
ãƒªãƒ³ã‚¯
[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="
yorozuna 2009/11/22
hack

png

IE6

IE

ç”»åƒ

ãƒ–ãƒ©ã‚¦ã‚¶

CSS

*webdesign

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

webdesign
ãƒªãƒ³ã‚¯
IEå…±é€šã®9ã¤ã®CSSãƒã‚°ã‚’ãã‚Œãžã‚Œè§£æ±ºã™ã‚‹æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
IEå…±é€šã®9ã¤ã®CSSãƒã‚°ã‚’ãã‚Œãžã‚Œè§£æ±ºã™ã‚‹æ–¹æ³•ãŒNettutsã«ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã©ã‚Œã‚‚ã€ãªã‚“ã§ã ã‚ã†ã¨é ã‚’æ‚©ã¾ã—ãã†ãªå•é¡Œãªã®ã§è§£æ±ºæ³•ã‚’çŸ¥ã£ã¦ãŠãã¨ç°¡å˜ã«å¯¾å‡¦ã§ããã†ã§ã™ã€‚ 1. ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ãŒåŠ¹ã‹ãªã„å•é¡Œ margin: auto ã‚’æŒ‡å®šã—ãŸå ´åˆã®æœŸå¾…ã™ã‚‹çµæžœ IEã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ãŒâ†‘ã«ã™ã‚‹ãŸã‚ã®è§£æ±ºæ³•ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ 2. æ¨ªã«ä¸¦ã¹ãŸã„ãƒªã‚¹ãƒˆãŒéšŽæ®µçŠ¶ã«ãªã£ã¦ã—ã¾ã† IEã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ãŒã“ã®è§£æ±ºæ³•ã‚‚è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ 3. ãƒ€ãƒ–ãƒ«ãƒžãƒ¼ã‚¸ãƒ³ãƒ•ãƒãƒ¼ãƒˆãƒã‚° ãƒžãƒ¼ã‚¸ãƒ³ã®æŒ‡å®šãŒæœŸå¾…é€šã‚Šã«å‡ºã¦ã„ã‚‹ä¾‹ â†“ IEã®å ´åˆã€margin: 30px 0 0 30px; Â ã§å®šç¾©ã—ãŸå€¤ãŒæ£ã—ãé©ç”¨ã•ã‚Œãªã„ä¾‹ã‚‚è§£æ±ºæ³•ãŒã‚ã‚Šã¾ã™ 4. heightã®é«˜ã•æŒ‡å®šãŒåŠ¹ã‹ãªã„ãƒã‚° height:2px ã‚’æŒ‡å®šã—ãŸå ´åˆã®æƒ³å®šã™ã‚‹è¡¨ç¤º IEã¯ãªãœã‹2pxã«ãªã‚‰ãªã„ã®ã§ã“ã‚Œã‚‚è§£æ±ºæ³•ãŒç¤ºã•ã‚Œã¦
yorozuna 2009/11/18
hack

IE

ãƒã‚°

webdesign

webåˆ¶ä½œ

CSS

CSSãƒãƒƒã‚¯

web design

*webdesign

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IE6ã®ãƒã‚°ã‚„ä»•æ§˜ã®è§£æ±ºæ–¹æ³•ã®ã¾ã¨ã‚ -Ultimate IE6 Cheatsheet
IE6ã®CSSã‚„JavaScriptãªã©ã®ãƒã‚°ã‚„ä»•æ§˜ã§å›°ã£ãŸæ™‚ã®è§£æ±ºæ–¹æ³•ã‚’ã¾ã¨ã‚ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’Virtuosi Mediaã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
yorozuna 2009/09/16
hack

ãƒãƒƒã‚¯

ã¾ã¨ã‚

ãƒ–ãƒ©ã‚¦ã‚¶

css

html

IE

IE6

Tips

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IE8ãƒã‚°ï¼Ÿï¼šaè¦ç´ å†…ã«ç”»åƒãŒã‚ã£ã¦aè¦ç´ ã«èƒŒæ™¯ã‚’æŒ‡å®šã—ãŸæ™‚ã«ä½ç½®ãŒãšã‚Œã‚‹
ã‚ãƒ£ãƒ—ãƒãƒ£è¦‹ã¦ã‚‚ã‚‰ã†ã¨åˆ†ã‹ã‚‹ã‚ˆã†ã«IE8ã ã‘æ¥µç«¯ã«ä½ç½®ãŒãŠã‹ã—ã„ã€‚ IE8ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰ã€ã¾ã ã‚ã‚“ã¾ã‚Šã„ã˜ã£ã¦ãªã„ã®ã§ã‚ˆãåˆ†ã‹ã£ã¦ãªã„ã®ã§ã™ãŒã€ä»Šçµ„ã‚“ã§ã„ã‚‹ã‚µã‚¤ãƒˆã‚’IE8ã§ãƒã‚§ãƒƒã‚¯ã—ãŸã‚‰ã€ã€Œã‚ã‚Œï¼Ÿè¡¨ç¤ºãŒãŠã‹ã—ã„...ã€ã£ã¦äº‹ã«éé‡ã—ã¦ã—ã¾ã£ãŸã®ã§ã€ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ ã‚ˆãã‚ã‚‹æ„Ÿã˜ã§ã€ãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚«ãƒ¼å¤‰ã‚ã‚Šã«èƒŒæ™¯ã®æŒ‡å®šã‚’aè¦ç´ ã«ã—ã¦ã€ãã®ãƒªã‚¹ãƒˆå†…ã«ã¯ç”»åƒãƒ†ã‚ã‚¹ãƒˆãŒå…¥ã£ã¦ãŸã‚“ã§ã™ã€‚ã¯ã„ã€‚ æ¯Žåº¦ã®ã‚ˆã†ã«ã‚µãƒ³ãƒ—ãƒ«ã‚‚ç”¨æ„ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã‚‹ ç™ºç”Ÿæ¡ä»¶ã¯èª¿ã¹ãŸæ„Ÿã˜aè¦ç´ å†…ã«imgè¦ç´ ãŒã‚ã£ã¦ã€aè¦ç´ ã«backgroundãƒ—ãƒãƒ‘ãƒ†ã‚£ã®æŒ‡å®šã‚’ã—ãŸæ™‚ã«èµ·ã“ã‚‹æ„Ÿã˜ã§ã™ã€‚ imgè¦ç´ ã«ãƒ†ã‚ã‚¹ãƒˆãŒéš£æŽ¥ã—ã¦ã¦ã‚‚åŒæ§˜ã§ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¿ãŸã„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®å ´åˆã€ãƒžãƒ¼ã‚«ãƒ¼éƒ¨åˆ†ã‚‚ä¸€ç·’ã«åˆ‡ã£ã¦ã—ã¾ã†äº‹ãŒå¤šã„ã‹ã‚‰éŽåŽ»ã®æ¡ˆä»¶ã¯å¤§ä¸ˆå¤«ã ã¨æ€ã†ã‘ã©ãƒ»ãƒ»ãƒ» å–ã‚Šã‚ãˆãšã€ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã«ä½¿ã£ãŸã‚½ãƒ¼ã‚¹ã¯ä»¥ä¸‹ã§ã™ã€‚ <ul> <li
yorozuna 2009/05/14
hack

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

ãƒã‚°

ãƒ–ãƒ©ã‚¦ã‚¶

browser

bug

css

IE

IE8

Tips
ãƒªãƒ³ã‚¯
CSSã®font-familyï¼šãƒ’ãƒ©ã‚®ãƒŽã¨ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯ã¨ãƒ¡ã‚¤ãƒªã‚ªã®æ‚©ã¾ã—ã„é–¢ä¿‚ : webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒŠãƒŠãƒ¡ã‚¬ã‚
CSSã§ã®font-familyã®æŒ‡å®šãŒã¨ã¦ã‚‚æ‚©ã¾ã—ã„ã€‚æ–‡å—ã‚³ãƒ¼ãƒ‰ã«ã‚ˆã£ã¦è¡¨ç¤ºãŒå¤‰ã‚ã£ãŸã‚Šã™ã‚‹ã—ã€ã‚¤ãƒ¬ã‚®ãƒ¥ãƒ©ãƒ¼ã‚±ãƒ¼ã‚¹ã¾ã§æƒ³å®šã™ã‚‹ã¨ç…©é›‘ãªã‚³ãƒ¼ãƒ‰ã«ãªã£ã¦ã—ã¾ã†ã€‚ã¡ã‚‡ã£ã¨æ•´ç†ã—ãªãŒã‚‰è€ƒãˆã¦ã¿ã‚‹ã€‚ ã¾ãšã€font-familyã‚’ä½•ã‚‚æŒ‡å®šã—ãªã„ã¨ã€ã ã„ãŸã„ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§è¨å®šã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹ã®ã ãŒã€æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒUTF-8ã ã¨Windowsã®IE6ã§è‹±æ•°æ–‡å—ãŒã€ŒTimes New Romanã€ã«ãªã£ã¦ã—ã¾ã†ã€‚â€»æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒShift_JISã‚„EUC-JPã®å ´åˆã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ ãã‚Œã§ã¯ä¾‹ãˆã°ç·ç§°ãƒ•ã‚¡ãƒŸãƒªãƒ¼åï¼ˆgeneric-familyï¼‰ã§ã‚ã‚‹ã€Œsans-serifã€ã®ã¿æŒ‡å®šã—ã¦ã¿ã‚‹ã¨ã€Windowsã®IE6ã§ã¯æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒShift_JISãƒ»EUC-JPã®å ´åˆã¯ã€ŒLucida Sans Unicodeã€ã§ã€UFT-8ã®å ´åˆã¯ã€ŒArialã€ã§è¡¨ç¤ºã•ã‚Œã¦ã—ã¾
yorozuna 2009/04/09
bug

fix

hack

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

webåˆ¶ä½œ

ãƒ•ã‚©ãƒ³ãƒˆ

css

design

font

Tips
ãƒªãƒ³ã‚¯
ãƒãƒã®ãƒ–ãƒã‚°: IE6ã§èƒŒæ™¯ç”»åƒã«é€éŽpngã‚’æŒ‡å®šã—ã¦ãƒªãƒ”ãƒ¼ãƒˆã•ã›ã‚‹
Copyright Â© chibatch.jp All Rights Reserved. | ãŠå•ã„åˆã‚ã›å…ˆ
yorozuna 2009/03/16
hack

bug

css

é€éŽpng

ie6

Javascript

png

Tips

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IE6 ã§æ–‡ç« ã®æœ€å¾Œã®2æ–‡å—ï¼ˆãã‚‰ã„ï¼‰ãŒå¤‰ãªã¨ã“ã‚ã«è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã†å•é¡Œã®åŽŸå› ã¨è§£æ±ºæ³•ã€‚
Web åˆ¶ä½œã®ã“ã¨ã‚’ä¸å¿ƒã«ã€ã¡ã‚‡ã£ã¨ã—ãŸ Tips ãªã©ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ã€Œè‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€ãŒåŸºæœ¬ã‚¹ã‚¿ãƒ³ã‚¹ã€‚ btmup Blog ã²ã‚‡ã£ã¨ã—ãŸã‚‰å®šç•ªãƒã‚¿ã‹ã‚‚çŸ¥ã‚Œãªã„ã®ã§ã™ãŒã€ã‚°ã‚°ã£ã¦ã¿ã¦ã‚‚æƒ…å ±ãŒè¦‹å½“ãŸã‚‰ãªã‹ã£ãŸã®ã§ã¨ã‚Šã‚ãˆãšãƒ¡ãƒ¢ã€‚ IE6 ã§ float ã‚’ä½¿ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã—ã¦ã„ã‚‹ã¨ãã€æ–‡ç« ã®æœ«å°¾ï¼ˆæœ€å¾Œã®2æ–‡å—ãã‚‰ã„ï¼‰ãŒå¤‰ãªã¨ã“ã‚ã«è¡¨ç¤ºã•ã‚Œã‚‹ã¨ã„ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã©ã†å¤‰ã‹ã¨ã„ã†ã¨ã€æœ«å°¾ã®æ–‡å—ã‚’ãã®ã¾ã¾ã‚³ãƒ”ãƒ¼ã—ã¦ã¯ã¿å‡ºãŸã‚ˆã†ãªã€ãã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã‚½ãƒ¼ã‚¹ã«ãã‚“ãªã‚‚ã®ã¯å«ã¾ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ JavaScript ã‚„ PHP ãªã‚“ã‹ã‚’ä½¿ã£ã¦ã„ã‚‹è¨³ã§ã¯ãªãã€ç´”ç²‹ã« HTML ã¨ CSS ã®ã¿ã§ã‚‚ã“ã®ã‚ˆã†ãªäº‹è±¡ãŒèµ·ã“ã‚Šã¾ã™ã€‚ ã§ã€ã¨ã‚Šã‚ãˆãšã‚°ã‚°ã£ã¦ã¿ã¦è¦‹ã¤ã‹ã£ãŸã®ã¯ä¸‹è¨˜2ã¤ã®è¨˜äº‹ã€‚ Â»ã‚³ãƒ¡ãƒ³ãƒˆæ–‡ãŒå‡ºåŠ›ã«å½±éŸ¿ï¼ï¼Ÿ Â»IE6ã®ãƒã‚«ãƒ¤ãƒã‚¦ (room ant) ã“ã‚Œã‚‰ã‚’èªã‚“ã§ã€ã¨ã‚Šã‚ãˆãšã€Œfloat
yorozuna 2009/03/16
*css

*webåˆ¶ä½œ

css

html

ie6

Tips

webdesign

IE

bug

hack
ãƒªãƒ³ã‚¯
Firefox3ã§ãƒ¡ã‚¤ãƒªã‚ªã‚’æŒ‡å®šã™ã‚‹ã¨inputã®sizeãŒå€å¢—ã™ã‚‹
Firefox3ã§ãƒ¡ã‚¤ãƒªã‚ªã‚’æŒ‡å®šã™ã‚‹ã¨inputã®sizeãŒå€å¢—ã™ã‚‹ Firefox3ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ¡ã‚¤ãƒªã‚ªã«å¤‰æ›´ã™ã‚‹ã¨æ¤œç´¢çª“ãŒã‚°ãƒ‹ãƒ§ãƒ¼ãƒ³ã¨ä¼¸ã³ã‚‹ã‚ˆã¨æ•™ãˆã¦ã„ãŸã ãã¾ã—ãŸã€‚ æ¤œç´¢çª“ã¯ <input id="search" name="search" size="20" /> ã¨ã„ãŸã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã®æŒ‡å®šã‚‚ font-family:sans-serif; ã¨éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã€‚ font-family:"ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯"; ãªã©ã«å¤‰æ›´ã™ã‚‹ã¨å…ƒã®é•·ã•ã«æˆ»ã‚Šã¾ã™ã€‚ font-family:"ãƒ¡ã‚¤ãƒªã‚ª"; ãªã©ã¨ã™ã‚‹ã¨åŒã˜ã‚ˆã†ã«ä¼¸ã³ã¾ã™ã€‚(ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã‚’MS P ã‚´ã‚·ãƒƒã‚¯ã«å¤‰ãˆã¦ã‚‚ä¼¸ã³ã¦ã¾ã™) è§£æ±ºç–ã¨ã—ã¦ã¯ input ã«ã‹ã‹ã£ã¦ã„ã‚‹font-familyã‚’"ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯"ã«å¤‰æ›´ã™ã‚‹ã‹ã€widthã§æ˜Žç¢ºã«æ¨ªå¹…ã‚’æŒ‡å®šã™ã‚‹ã‹ã®ã‚ˆã†ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€widthã§
yorozuna 2008/07/07
ãƒã‚°

hack

*css

bug

firefox3

html

form

css

firefox

Tips
ãƒªãƒ³ã‚¯
1