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

aroe id:aroe

webdesignã¨hackã«é–¢ã™ã‚‹aroeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (26)

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

ã€ç¬¬72å›žã€‘iPhoneç”¨ã®æ–‡å—ã‚µã‚¤ã‚ºè‡ªå‹•èª¿æ•´ã‚’è§£é™¤ã™ã‚‹
ã•ã¦ã€å®Ÿã¯å‰å›žã§ã€iPhoneç”¨ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å‡ºæ¥ä¸ŠãŒã£ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã“ã§ã¡ã‚‡ã£ã¨æ³¨æ„äº‹é …ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã¡ã‚‰ã®å›³ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ â–¼â–¼â–¼ã€€å¤‰æ›´å‰ã€€â–¼â–¼â–¼ ï¼œç¸¦è¡¨ç¤ºï¼ž ï¼œæ¨ªè¡¨ç¤ºï¼ž ç¸¦è¡¨ç¤ºã®æ™‚ã¨æ¨ªè¡¨ç¤ºã®æ™‚ã§ã€æ–‡å—ã‚µã‚¤ã‚ºãŒå¤§ããå¤‰ã‚ã£ã¦ã„ã‚‹ã®ãŒã‚ã‹ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã‚Œã€å®Ÿã¯iPhoneã®Safariã®æ©Ÿèƒ½ã®ä¸€ã¤ã€æ–‡å—ã‚µã‚¤ã‚ºã®è‡ªå‹•èª¿æ•´æ©Ÿèƒ½ãªã®ã§ã™ã€‚ iPhoneç‰ˆSafariã¯ã€å°ã•ã„ç”»é¢ã«åŠ¹æžœçš„ã«WEBãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã™ã‚‹ãŸã‚ã«ã€ç”»é¢ã‚„ãƒšãƒ¼ã‚¸ã®å¹…ã€ä»–ãƒ‘ãƒ¼ãƒ„ã¨ã®ç›¸å¯¾çš„ãªä½ç½®ä»˜ã‘ãªã©ã«å¿œã˜ã¦ã€æ–‡å—ã‚µã‚¤ã‚ºã‚’è‡ªå‹•ã§æ‹¡å¤§ã—ã¦ããŸã‚Šã—ã¾ã™ã€‚ éžå¸¸ã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ãã€‚ ã§ã‚‚ä»Šå›žã®ç§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã€ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨æ–‡å—ã‚µã‚¤ã‚ºã¯å¤‰ã‚ã£ã¦ãã‚Œãªã„æ–¹ãŒã‚ã‚ŠãŒãŸã„ã§ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ã“ã®æ–‡å—ã‚µã‚¤ã‚ºã®è‡ªå‹•èª¿æ•´æ©Ÿèƒ½ã‚’è§£é™¤ã—ã¦ã—ã¾ã„ã¾ã—ã‚‡ã†ã€‚ â–¼â–¼â–¼ã€€å¤‰æ›´å¾Œã€€â–¼â–¼â–¼ ï¼œç¸¦è¡¨ç¤ºï¼ž ï¼œæ¨ªè¡¨ç¤ºï¼ž â˜…iPhoneç”¨ã®
aroe 2014/04/24
webdesign

tips

basic

smartphone

viewport

text

iphone

hack
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿20å€‹ã®ãŠã•ã‚‰ã„
CSSã‚»ãƒ¬ã‚¯ã‚¿ã£ã¦æ„å¤–ã¨åˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§å‹‰å¼·ã¤ã„ã§ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚æ¯”è¼ƒçš„å®Ÿç”¨çš„ã‹ãªã¨æ€ã†ã‚‚ã®ã‚’20å€‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã„ã„å¾©ç¿’ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ å±žæ€§ã‚„è¦ç´ ã¨ã„ã£ãŸå …è‹¦ã—ã„ç”¨èªžãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ ã‚„å±žæ€§ã¨èžã„ã¦ã‚‚ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ãã€‚ ã¾ãŸã€IEãŒå¯¾å¿œã—ãã‚Œã¦ã„ãªã„CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ãŒã€IE6ï½ž8ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆã€ŒSelectivizrã€ ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¯ieå¯¾ç–ã‚‚å®¹æ˜“ãªã®ã§ãœã²ãŠè©¦ã—ãã ã•ã„ã€‚ Selectivizrã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§æŒ‡å®šã—ãŸæ–¹ãŒã„ã„ã®ã§ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«
aroe 2013/06/03
ã¹ã‚“ã‚Šãƒ¼

css3

css

webdesign

code

tips

hack

selecter
ãƒªãƒ³ã‚¯
Beautiful & Unique WordPress themes by Evolve
aroe 2013/02/18
html5ã®placeholderã‚’ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã«ã€‚

webdesign

jquery

html5

placeholder

browser

hack

try
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3å¯¾å¿œã«ã™ã‚‹ -CSS3 PIE
IE6/7/8ã§ã‚‚CSS3ã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
aroe 2010/07/16
IE

IE6

IE7

IE8

css3

browser

hack

webdesign

css

try
ãƒªãƒ³ã‚¯
floatã—ãŸéš›ã«èƒŒæ™¯ãŒæ¶ˆãˆã‚‹ä»¶ã€css tipã€‘
floatã—ãŸéš›ã«èƒŒæ™¯ãŒæ¶ˆãˆã‚‹ä»¶ã€css tipã€‘ è¦ªãƒœãƒƒã‚¯ã‚¹ã«èƒŒæ™¯ã‚’é©ç”¨ã—ã¦ã€å†…åŒ…ã™ã‚‹åãƒœãƒƒã‚¯ã‚¹ã«å¯¾ã—ã¦floatã‚’é©ç”¨ã—ãŸå ´åˆã€IEã§ã¯åãƒœãƒƒã‚¯ã‚¹ã‚’å†…åŒ…ã™ã‚‹å½¢ã§èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã«å¯¾ã—ã¦ã€Firefoxã§ã¯è¦ªãƒœãƒƒã‚¯ã‚¹ã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªããªã‚Šã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¨ãªã‚‹htmlã¯ <div class="parent"> è¦ªãƒœãƒƒã‚¯ã‚¹ <div class="child"> åãƒœãƒƒã‚¯ã‚¹ </div> <div class="child"> åãƒœãƒƒã‚¯ã‚¹ </div> </div> ã¨ã—ã¾ã™ã€‚ ã“ã‚Œã«å¯¾ã—ã¦ div.parent{ width:204px; background:#39FF6B; } div.child{ border:1px dotted #000; height:100px; width:100px; float:left; } ã“ã®ã‚ˆã†ãªCSSã‚’é©ç”¨ã—ãŸå ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¡¨ç¤ºã«
aroe 2010/06/27
problem

solution

box

float

hack

webdesign

tips

css

browser
ãƒªãƒ³ã‚¯
http://d-lover.com/css/hack.shtml
aroe 2010/06/27
.web

css

hack

knowledge

browser

webdesign
ãƒªãƒ³ã‚¯
http://blog.e-riverstyle.com/2010/01/iecss.html
aroe 2010/06/15
webdesign

css

hack

.web

IE

solution
ãƒªãƒ³ã‚¯
[CSS]ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã®ç‰¹å®šãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ã«æœ‰åŠ¹ãªCSSãƒãƒƒã‚¯é›†
Internet Explorerã€Firefoxã€Safariã€Chromeã€Operaãªã©ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã®ä¸ã®ç‰¹å®šãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ã«æœ‰åŠ¹ãªCSSãƒãƒƒã‚¯ã‚’bradKELLETTã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Documenting the Hacks: CSS Browser Targeting CSSãƒãƒƒã‚¯ã¯ä½¿ç”¨ã—ãªã„ã«è¶Šã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å¿…è¦ãŒã‚ã‚‹å ´åˆã«ã¯æœ€å°é™ç°¡æ½”ã«è¨˜è¿°ã—ã¦ãŠãã‚ˆã†ã«ã—ã¾ã™ã€‚ å„ãƒ–ãƒ©ã‚¦ã‚¶ã®æ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸéš›ã€ã“ã‚Œã‚‰ã®ãƒãƒƒã‚¯ãŒç„¡æ„å‘³ãªã‚‚ã®ã«ãªã‚‹ã“ã¨ã‚‚å¿µé ã«ãŠã„ã¦ãã ã•ã„ã€‚ Internet Explorer 6 IE6ã®ã¿ã«é©ç”¨ã—ã¾ã™ã€‚ <textarea name="code" class="css" cols="60" rows="5"> #selector { _property: value; } </textarea>
aroe 2010/02/08
CSS

hack

webdesign

tips

browser

IE

safari

IE6

IE7
ãƒªãƒ³ã‚¯
ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹CSSãƒãƒƒã‚¯12é¸ï¼ˆï¼‹ãŠã¾ã‘ï¼‰ | IDEA*IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
aroe 2010/01/18
CSS

webdesign

tips

-page

try

hack
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
aroe 2010/01/18
^Firefox

hack

css

webdesign

try

solution

tips
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ä½¿ãˆã‚‹CSSãƒãƒƒã‚¯18é¸ï¼ˆ1/3ï¼‰ - ï¼ IT
æœ‰é™ä¼šç¤¾ã‚¿ã‚°ãƒ‘ãƒ³ãƒ€ å–œå®‰ äº®ä»‹ 2009/12/16 Webãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®é•ã„ã«ã‚ˆã‚Šèµ·ã“ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¡¨ç¤ºãšã‚Œå•é¡Œã«æ³£ã‹ã•ã‚Œã‚‹Webãƒ‡ã‚¶ã‚¤ãƒŠã®ãŸã‚ã«ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ä½¿ãˆã‚‹ã‹ã©ã†ã‹ã®è¡¨ã‚’äº¤ãˆãªãŒã‚‰å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®CSSãƒãƒƒã‚¯ï¼†ãƒ•ã‚£ãƒ«ã‚¿Tipsã‚’ãŠå±Šã‘ã—ã¾ã™ï¼ˆç·¨é›†éƒ¨ï¼‰ ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨Mac OS Xã®IE 5ã§ã‚‚ä½¿ãˆã‚‹CSSãƒãƒƒã‚¯ å‰å›žã®ã€ŒIE 6ã¨IE 7ã®ãŸã‚ã®CSSãƒãƒƒã‚¯16é¸ã€ã§ã¯ã€IE 6ã¨IE 7ã®ãŸã‚ã®CSSãƒãƒƒã‚¯ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ä½¿ãˆã‚‹CSSãƒãƒƒã‚¯ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä¸‹è¨˜ã«åˆ†ã‘ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ IE 6/7/8ã‚’ãƒãƒƒã‚¯ï¼ˆIE 6ã¨IE 7ã€IE 8ã«åŠ¹ãã€ã‚‚ã—ãã¯IE 6ã¨IE 7ã¨IE 8ã«åŠ¹ã‹ãªã„ãƒãƒƒã‚¯ï¼‰ IE 6ã¨IE 7ã€IE 8ã«åŠ¹ããƒãƒƒã‚¯ ã‚³ãƒ³ãƒ‡ã‚£ã‚·ãƒ§ãƒŠãƒ«ã‚³ãƒ¡ãƒ³ãƒˆ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãƒãƒƒã‚¯ IE 6ã¨
aroe 2010/01/17
browser

CSS

hack

webdesign

tips

solution
ãƒªãƒ³ã‚¯
IE 6ã¨IE 7ã®ãŸã‚ã®CSSãƒãƒƒã‚¯16é¸ï¼ˆ1/3ï¼‰ - ï¼ IT
æœ‰é™ä¼šç¤¾ã‚¿ã‚°ãƒ‘ãƒ³ãƒ€ å–œå®‰ äº®ä»‹ 2009/11/17 Webãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®é•ã„ã«ã‚ˆã‚Šèµ·ã“ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¡¨ç¤ºãšã‚Œå•é¡Œã«æ³£ã‹ã•ã‚Œã‚‹Webãƒ‡ã‚¶ã‚¤ãƒŠã®ãŸã‚ã«ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ä½¿ãˆã‚‹ã‹ã©ã†ã‹ã®è¡¨ã‚’äº¤ãˆãªãŒã‚‰å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®CSSãƒãƒƒã‚¯ï¼†ãƒ•ã‚£ãƒ«ã‚¿Tipsã‚’ãŠå±Šã‘ã—ã¾ã™ï¼ˆç·¨é›†éƒ¨ï¼‰ Webãƒ–ãƒ©ã‚¦ã‚¶åˆ¥CSSãƒãƒƒã‚¯ä¸€è¦§è¡¨ å‰å›žã®ã€ŒIE 6ã§æ³£ã‹ãªã„ãŸã‚ã®ã€9ã¤ã®CSSãƒãƒƒã‚¯ã€ã§ã¯ã€ä»•æ§˜é€šã‚Šã®æ£ã—ã„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ã¦ã„ã‚‹ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€Internet Explorerï¼ˆä»¥ä¸‹ã€IEï¼‰ 6ã§è¦‹ã‚‹ã¨ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã‚ºãƒ¬ã¦ã—ã¾ã†ãªã©ã®ã•ã¾ã–ã¾ãªå•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®9ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€IE 6ã¨IE 7ã®ãŸã‚ã®CSSãƒãƒƒã‚¯ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä¸‹è¨˜ã«åˆ†ã‘ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ IE 6ã‚’ãƒãƒƒã‚¯ï¼ˆIE 6ã®ã¿ã«åŠ¹ãã€ã‚‚ã—ãã¯IE 6ã®ã¿ã«åŠ¹ã‹ãªã„ãƒãƒƒã‚¯ï¼‰ IE 6ã®ã¿ã«åŠ¹ããƒãƒƒã‚¯ ã‚¹ã‚¿
aroe 2010/01/17
IE7

hack

css

tips

webdesign

check

solution
ãƒªãƒ³ã‚¯
IE PNG Fix - TwinHelix
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
aroe 2010/01/14
PNGfixã®ãªã‹ã§ã‚‚ã‚ˆã•ã’

try

webdesign

IE6

js

hack
ãƒªãƒ³ã‚¯
WordPressã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚¹ â€“ creamu
WordPressã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ï¼ˆç®¡ç†ç”»é¢ï¼‰ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã„ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž10 WordPress dashboard hacksã€ã€‚WordPressã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚¹ã§ã™ã€‚ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«CMSã¨ã—ã¦WordPressã‚’ææ¡ˆã—ã¦ç´å“ã™ã‚‹å ´åˆã€ä¸è¦ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯å¤–ã—ãŸã‚Šã€ãƒã‚´ã‚’å¤‰ãˆãŸã‚Šã—ãŸã„ã§ã™ã‚ˆãã€‚ã„ã‚ã„ã‚ã¨ã¾ã¨ã¾ã£ã¦ã„ã‚‹ã®ã§ã”ç´¹ä»‹ã€‚ ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã®ä¸è¦ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å‰Šé™¤ ã€Œ$restrictedã€ã«é…åˆ—ã§ä¸è¦ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å…¥ã‚Œã¦ã€functionã‚’ã€Œfunctions.phpã€ã«è¨˜è¿°ã™ã‚‹ã“ã¨ã§ä½¿ã‚ãªã„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å‰Šé™¤ã™ã‚‹æ–¹æ³• ãƒã‚°ã‚¤ãƒ³æ™‚ã®ãƒã‚´ã‚’å¤‰æ›´ WordPressãƒã‚°ã‚¤ãƒ³æ™‚ã®ãƒã‚´ã‚’ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ç‰©ã«å¤‰æ›´ã™ã‚‹æ–¹æ³• ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã®ãƒã‚´ã‚’å¤‰æ›´ ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã®ãƒã‚´ã‚’ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã‚‚ã®ã«å¤‰ãˆã‚‹æ–¹æ³• ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’éžè¡¨ç¤ºã«ã™ã‚‹ ã€ŒWordPress 2.
aroe 2010/01/02
hack

webdesign

^WordPress

tips

check
ãƒªãƒ³ã‚¯
IE7CSSå•é¡Œã®ã¾ã¨ã‚ã¨å¯¾ç–
ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§çŸ¥ã£ãŸã‚“ã§ã™ãŒã€Internet Explorer7ã®CSSå•é¡ŒãŒã¾ãŸæ³¨ç›®ã‚’æµ´ã³ã¦ã‚‹ã‚“ã§ã™ãã€‚ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ Â» éŽåŽ»ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ 2006å¹´05æœˆ23æ—¥ Internet Explorer 7ãƒ™ãƒ¼ã‚¿2ã®ä¸å…·åˆã‹ã‚‰Webãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã®æ··ä¹±ãŒè¦‹ãˆã¦ããŸ ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ä»¥å‰ã«ã€Internet Explorer 7ã§ä½¿ãˆãªããªã‚‹CSSãƒãƒƒã‚¯ã§IE7ã®CSSå®Ÿè£…ã«ã¤ã„ã¦å–ã‚Šä¸Šã’ã¾ã—ãŸãŒã€é ã®æ•´ç†ã®ãŸã‚IE7ã‚’å–ã‚Šå·»ãCSSå•é¡Œã¨å‡¦æ–¹ç®‹ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ åŽŸå› Internet Explorer6ï¼šCSSå®Ÿè£…ã«ãƒã‚°ã‚ã‚Šï¼‹æœªå¯¾å¿œå¤šæ•°ã€‚Quirks modeã¨ã‹ã€‚ Modern Blowserï¼ˆFireFoxã¨ã‹Safariã¨ã‹ï¼‰ï¼šæ¨™æº–çš„ãªCSSå®Ÿè£…ã€‚Standard modeã€‚ â†’ã‚¦ã‚§ãƒ–è£½ä½œè€…ï¼šIEã ã‘ãŒè§£é‡ˆã™ã‚‹ã‚ˆã†ã«CSSãƒãƒƒã‚¯å°Žå…¥ â†“ MSï¼šIE7ã¯æ¨™æº–çš„ãª
aroe 2009/11/03
IE7

solution

webdesign

css

hack
ãƒªãƒ³ã‚¯
CSSãƒãƒƒã‚¯ä¸€è¦§è¡¨ ã¯ã˜ã‚ã¦ã®ãƒ–ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³
CSS ã®ãƒãƒƒã‚¯ãŒå°‘ã—ãšã¤è²¯ã¾ã£ã¦æ¥ãŸã®ã§ä¸€è¦§è¡¨ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ CSS ãƒãƒƒã‚¯ã¨ã¯ä½•ã‹ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€ãã‚Œãžã‚Œã® WEB ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒã‚°ãªã©ã‚’åˆ©ç”¨ã—ã€ç‰¹å®šã® WEB ãƒ–ãƒ©ã‚¦ã‚¶ã«ç‰¹å®šã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼ˆè¨å®šï¼‰ã‚’é©ç”¨ã•ã›ãŸã‚Šã€é€†ã«é©ç”¨ã•ã›ãªã„ã‚ˆã†ã«ã—ã€CSS å†…ã«ä½µè¨˜ã—ãŸè¤‡æ•°ã®ã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼ˆè¨å®šï¼‰ã‚’ã€ãã‚Œãžã‚Œã® WEB ãƒ–ãƒ©ã‚¦ã‚¶ã«æŒ¯ã‚Šåˆ†ã‘ã‚‹æŠ€è¡“ã®ã“ã¨ã§ã™ã€‚ ã“ã‚Œã‹ã‚‰ã¯ç§ãŒä½¿ç”¨ã—ãŸ CSS ãƒãƒƒã‚¯ã‚„è©³ç´°ãªã©ã¯ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§éšæ™‚ã¾ã¨ã‚ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã€”è¿½è¨˜ï¼šï¼’ï¼ï¼ï¼—å¹´ï¼‘ï¼’æœˆï¼”æ—¥ã€• ã€”è¿½è¨˜ï¼šï¼’ï¼ï¼ï¼˜å¹´ï¼‘æœˆï¼‘ï¼’æ—¥ã€• ã€”è¿½è¨˜ï¼šï¼’ï¼ï¼ï¼™å¹´ï¼—æœˆï¼’ï¼“æ—¥ã€• ä¸‹ã®ã‚½ãƒ¼ã‚¹ã®èµ¤ã„éƒ¨åˆ†ãŒãã‚Œãžã‚Œã® CSS ãƒãƒƒã‚¯ã®éƒ¨åˆ†ã§ã™ã€‚ ã‚¹ã‚¿ãƒ¼ãƒãƒƒã‚¯ WinIE4 ï½ž IE6 ã¨ MacIE4 ï½ž IE5 ã«ã ã‘é©ç”¨ã•ã›ã‚‰ã‚Œã‚‹ã‚¹ã‚¿ãƒ¼ãƒãƒƒã‚¯ã€‚ * html p {Â /* for WinIE4 ï½ž IE6 and Mac
aroe 2009/11/03
css

hack

tips

check

webdesign
ãƒªãƒ³ã‚¯
CSS ãƒãƒƒã‚¯ã¾ã¨ã‚ Lucky bag::blog: IE7 ã‚’å«ã‚€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘
Internet Explorer 7 ã¯ã€ 8 æœˆã«ã‚‚ beta3 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹ã‹ã‚‚çŸ¥ã‚Œãªã„ã‚“ã ã‘ã©ã€ä»Šç¾åœ¨ã€IE7 beta2 ã‚’å«ã‚€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã«æœ‰åŠ¹ãã†ã ã¨æ€ã‚ã‚Œã‚‹ CSS ãƒãƒƒã‚¯ã‚’è‡ªåˆ†ç”¨ã«ã¾ã¨ã‚ã¦ãŠãã€‚ä»¥å‰ã« IE 7 ç”¨ã® CSS ãƒãƒƒã‚¯ã‚’ç´¹ä»‹ã—ãŸã“ã¨ãŒã‚ã£ãŸã‘ã©ã€ä»Šå›žã® Easy CSS hacks for IE7 - Nano See, Nano Do ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸãƒãƒƒã‚¯ã¯ã€æ¯”è¼ƒçš„ã‚·ãƒ³ãƒ—ãƒ«ã‹ã‚‚çŸ¥ã‚Œãªã„ã€‚æƒ³å®šãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®ã¨ãŠã‚Šã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 6 ä»¥ä¸‹ã® IE IE7 ãã‚Œä»¥å¤–ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSafariã€Operaã€Firefoxï¼‰ ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ãƒãƒƒã‚¯ å…¨ã¦ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ body è¦ç´ ã‚’æŒ‡å®šã®å¯¾è±¡ã¨ã—ã¦ã„ã‚‹ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 6 ä»¥ä¸‹ã® IE ã«ã®ã¿é©ç”¨ * html body ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 7 ã® IE ã«ã®ã¿é©ç”¨ *+html body ã‚µãƒ³ãƒ—
aroe 2009/11/03
css

hack

webdesign

check

IE7

browser

solution
ãƒªãƒ³ã‚¯
ã€CSSã€‘clearfixã‚’ä½¿ã‚ãšã«floatã‚’è§£é™¤ã™ã‚‹ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ä»¥å‰ã€floatã‚’è§£é™¤ã™ã‚‹ clearfixãƒãƒƒã‚¯ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸãŒã€ã§ãã‚‹ã“ã¨ãªã‚‰ãƒãƒƒã‚¯ã¯ä½¿ã„ãŸããªã„ã¨æœ€è¿‘æ€ã†ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ ã„ã‚ã„ã‚ã¨æ¤œè¨¼ã—ãŸçµæžœã€ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ãƒãƒƒã‚¯ã‚’ä½¿ç”¨ã›ãšã«floatã‚’è§£é™¤ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã§ã™ã€‚ divã®æ§‹æˆã¯ã“ã¡ã‚‰ã€‚ boxã¨ã„ã†ã‚¯ãƒ©ã‚¹åã® div ï¼ˆfloatã‚’è§£é™¤ã™ã‚‹ãŸã‚ã® div ï¼‰ã¯å¿…è¦ã§ã™ã€‚ cssã®ã‚½ãƒ¼ã‚¹ div.box { overflow: hidden; /* ã“ã‚ŒãŒãƒã‚¤ãƒ³ãƒˆ */ position: relative; /* IE6ã§ã‚¨ãƒªã‚¢ã‚’é¸æŠžã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ */ /* DreamWeaverã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ“ãƒ¥ãƒ¼ã§æ£ã—ãè¡¨ç¤ºã•ã›ã‚‹ */ } div.left { float: left; /* å·¦ã«å¯„ã›ã¦é…ç½® */ width: 200px; } div.right { float: right; /* å³ã«å¯„ã›ã¦é…ç½® *
aroe 2009/11/03
hack

css

layout

float

webdesign

check

solution
ãƒªãƒ³ã‚¯
IE6å‘ã‘ã®ä¾¿åˆ©ãªCSSãƒãƒƒã‚¯ : ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
IE6å‘ã‘ã®ä¾¿åˆ©ãªCSSãƒãƒƒã‚¯ 2008å¹´3æœˆ25æ—¥ IE6ã§ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼æ™‚ã®èƒŒæ™¯ç”»åƒã®ã¡ã‚‰ã¤ãã‚’è§£æ¶ˆã™ã‚‹ãŸã‚ã®ãƒãƒƒã‚¯ã¨IE6ã§min-heightã‚„min-widthã‚’åŠ¹ã‹ã›ã‚‹ãŸã‚ã®CSSãƒãƒƒã‚¯ã§ã™ã€‚ IE6ã§ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼æ™‚ã®èƒŒæ™¯ç”»åƒã®ãƒãƒ©ã¤ãã‚’è§£æ¶ˆã™ã‚‹CSSãƒãƒƒã‚¯ html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } IE6ã§min-heightã‚„min-widthã‚’åŠ¹ã‹ã™ãŸã‚ã®CSSãƒãƒƒã‚¯ /* min-height */ .min-h { min-height:100px; height: auto !important; height: 100px; } /* min-width */ .min-w { min-width:100px; width:
aroe 2009/11/03
IE6

hack

css

check

webdesign

solution
ãƒªãƒ³ã‚¯
IE6 ã® float æŒ‡å®šã—ãŸæ™‚ã® margin ãƒã‚°å›žé¿ç– ã¯ã˜ã‚ã¦ã®ãƒ–ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³
è¦šãˆæ›¸ãã§ã™ã€‚ CSS ã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã« float ã‚’æŒ‡å®šã—ãŸéš› margin ã® auto ãŒåŠ¹ã‹ãªããªã‚‹ï¼ˆå·¦å³ã®ã‚»ãƒ³ã‚¿ãƒ¼æƒãˆãŒåŠ¹ã‹ãªããªã‚‹ï¼‰ã®ã§ px ãªã©ã§ã‚ãƒƒãƒãƒªã¨æŒ‡å®šã—ã¾ã™ã€‚ ã—ã‹ã—ã€IE6 ã®ãƒã‚°ã§ float ã‚’æŒ‡å®šã—ãŸéš›ã® margin ãŒ2å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚°ãŒã‚ã‚Šã¾ã™ã€‚ ãªã®ã§ã€IE6 ç”¨ã®æœ‰åãª CSS ãƒãƒƒã‚¯ï¼ˆ*htmlï¼‰ã‚’ä½¿ç”¨ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ã«å›žé¿ã—ã¾ã™ã€‚ *html div#hajime { /*IE6ç”¨ã®ãƒãƒƒã‚¯*/ width : 450px; float : left; margin : 10px 5px; /*é€šå¸¸æŒ‡å®šã®1ï¼2ã§æŒ‡å®š*/ } div#hajime { /*ãã®ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ç”¨*/ width : 450px; float : left; margin : 10px 10px; } â—çµè«– IE6 ã¯ãƒ•ãƒãƒ¼ãƒˆé£Ÿã¹ã‚‹ã¨å¤ªã‚‹ã‹ã‚‰ margin ã¯åŠ
aroe 2009/11/03
IE6

css

hack

try

webdesign

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