[B! Tips][CSS] mrnoonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mrnoon id:mrnoon

Tipsã¨CSSã«é–¢ã™ã‚‹mrnoonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

${{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: æºå¸¯ã‚µã‚¤ãƒˆä½œæˆæ™‚ã®XHTMLã§ã®ç›¸é•ç‚¹
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã¯ã‚¹ãƒ”ãƒ¼ãƒ‰ã€ãƒ‘ãƒ¯ãƒ¼ã€ã‚¹ã‚ãƒ«å…¨é–‹ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ãƒ–ãƒ¬ãƒ¼ã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ãƒ¼ï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ãƒ¼ã‚¹ãƒˆã¾ã§ã€æœ€ã‚‚ã‚¯ãƒ¼ãƒ«ã§é€Ÿã„è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚·ãƒ•ãƒˆã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ãä½¿ã£ã¦ç«¶äº‰ã‚’æ‰“ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ æ™´ã‚‰ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã§ã‚ãªãŸã®å¿ƒã‚’çˆ†ç™ºã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—ãƒ¬ã‚¤ã—ãŸã“ã¨ã®ãªã„ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è©¦ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„çž¬é–“ã«ã‚®ã‚¢ã‚’ã‚·ãƒ•ãƒˆã—ã€ã‚¬ã‚¹ã‚’æ€ã„åˆ‡ã‚Šè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚‚è¡Œã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ä¸–ç•Œä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
mrnoon 2007/04/11
ã»ã¨ã‚“ã©ã®3Gã®ç«¯æœ«ã§ã¯HTMLã«åŠ ãˆã€XHTMLã‚’ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ XHTMLã‚’ä½¿ã†ã“ã¨ã«ã‚ˆã£ã¦ã€æ–‡å—ã®èƒŒæ™¯è‰²ã‚’è¨å®šã§ããŸã‚Šã™ã‚‹ãªã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³è¡¨ç¾ãŒå¤šå½©ã«ãªã£ã¦ã„ã¾ã™ã€‚

format

mobile

tips

webstandard

xhtml

HTML

WebDesign

CSS

phone
ãƒªãƒ³ã‚¯
CSS åˆ†å‰²ç®¡ç†ã®å®Ÿè·µç·¨
2006-12-13T09:47:51+09:00 æ•°æ—¥å‰ã«è¡Œã£ãŸãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã€ã„ãã¤ã‹èª²é¡Œã‚’è¨ã‘ã¾ã—ãŸã€‚ãŸã ãŸã ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¦ã‚‚å¼µã‚ŠãŒã‚ã‚Šã¾ã›ã‚“ã—ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†ã‚‚ã®ã«ã¨ã£ã¦è‡ªèº«ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è‡ªèº«ã®ä½œå“ã®ã‚ˆã†ãªã‚‚ã®ã ã—ã€å¥½ãå‹æ‰‹ã§ãã‚‹ã®ã‚‚é…åŠ›ãªã‚ã‘ã§ã™ã€‚ä½•å›žã‹ã®è¨˜äº‹ã«ã‚ã‘ã¦ã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ãŠã“ãªã£ãŸä½œæ¥ã‚’ã¾ã¨ã‚ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ å‰å›žã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åˆ†ã‘ã¦ç®¡ç†ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã‚‹ã§ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†å‰²ç®¡ç†ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆã‚„ã€ã©ã®ã‚ˆã†ã«åˆ†å‰²ã™ã‚‹ã‹æ¡ˆã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸãŒã€ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§å®Ÿéš›ã«æ¡ˆã‚’å…ƒã«åˆ†å‰²ç®¡ç†ã‚’å®Ÿè·µã—ã€çµæžœã¯ãƒªã‚¹ãƒˆã®ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚å„ãƒ•ã‚¡ã‚¤ãƒ«ã®æ¦‚è¦ã¯æ¡ˆæ®µéšŽã‹ã‚‰å¤‰åŒ–ãŒãªã„ã®ã§ã€ãã¡ã‚‰å‚ç…§ãã ã•ã„ã€‚ä»¥ä¸‹ã®ãƒªã‚¹ãƒˆã§ã¯ã€ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ä»¥å¤–ã®å®Ÿéš›ã® CSS ãƒ•ã‚¡ã‚¤ãƒ«ã«ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚ common.css component.css fonts.css scree
mrnoon 2007/04/11
BADSTRING

blog

css

design

development

entry

management

tips

webdesign
ãƒªãƒ³ã‚¯
ä¾¿åˆ©ã™ãŽã¦å›°ã‚‹ç¨‹ã®FireBug1.0ç³»ã‚’ä½¿ã£ã¦ã¿ã‚ˆã†:phpspoté–‹ç™ºæ—¥èªŒ
Firebug - Web Development Evolved ä¾¿åˆ©ã™ãŽã¦å›°ã‚‹ç¨‹ã®FireBug1.0ç³»ã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ã€ã¨ã„ã†ã“ã¨ã§ã€åºƒãä½¿ã‚ã‚Œã¦ã„ã‚‹ã§ã‚ã‚ã†0.4ç³»ã¨å¤‰ã‚ã£ãŸç‚¹ã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€‚ Googleãªã©ã®æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã§ã€addons.mozilla.org ã«UPã•ã‚Œã¦ã„ã‚‹0.4ç³»ãŒä¸Šã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€ã¾ã 1.0ç³»ã‚’ä½¿ã£ã¦ã„ãªã„äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ(ã¨ã„ã†ç§ã‚‚ãã†ã§ã—ãŸ) FireBug1.0ç³»ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã®ç´¹ä»‹ã€œãã®è¿½åŠ ã•ã‚ŒãŸå¼·åŠ›ã™ãŽã‚‹æ©Ÿèƒ½ã«ã¤ã„ã¦è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ FireBug1.0ç³»ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« http://www.getfirebug.com/Â ã«ã¦FireBug1.0ç³»ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‚ FireFox - DOMã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« FireFoxã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ™‚ã«DOMã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ãŒå…¥ã£ã¦ã„ãªã„å ´åˆã¯ã€FireBug1.0ç³»ã®æ©Ÿèƒ½ã‚’æœ€å¤§é™
mrnoon 2007/04/11
ãªã‚“ã¨ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®å±žæ€§ã‚’ã“ã“ã§å³ã‚¯ãƒªãƒƒã‚¯ã§æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ æ›¸ãæ›ãˆãŸCSSã¯ãƒšãƒ¼ã‚¸ä¸Šã«å³åº§ã«åæ˜ ã•ã‚Œã‚‹ãŸã‚ã€ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã®éš›ã«ã‚‚å‡„ãä½¿ãˆãã†ã§ã™ã€‚

development

html

layout

plugin

Tips

tool

Firefox

FireBug

Extension

CSS
ãƒªãƒ³ã‚¯
ç¬¬10å›žã€€æ–‡å—ã®ã‚µã‚¤ã‚ºã¨ãƒ–ãƒ©ã‚¦ã‚¶ã®é•ã„ ã€œã€Œã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã€ã§èµ·ã“ã£ãŸå•é¡Œç‚¹ï¼šITpro
ä»Šå›žã¯ï¼Œå…ˆæ—¥ç†è€…ã®å‹¤å‹™ã™ã‚‹ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹ã®ä¸€ã¤ã§ã‚ã‚‹ã€Œã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã€ã§èµ·ã“ã£ãŸï¼Œä½¿ã„ã‚„ã™ã•ã«é–¢ã™ã‚‹å•é¡Œã‚’å–ã‚Šä¸Šã’ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ä½¿ã„ã‚„ã™ã•ã®å‘ä¸Šã®ãŸã‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ãŸã¨ã“ã‚å•é¡ŒãŒç™ºç”Ÿã—ï¼Œãã‚Œã‚’ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã‚ã‚‹ã¨ã“ã‚ã®JavaScriptã‚’ä½¿ã£ã¦è§£æ±ºã—ãŸï¼Œã¨ã„ã†ãŠè©±ã§ã™ã€‚ ãã®å•é¡Œã¨ã¯ï¼Œã€Œæ–‡å—ã®å¤§ãã•ã€ã«é–¢ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯ï¼Œæ–‡å—ã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹æ©Ÿèƒ½ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ï¼ˆå›³1ï¼‰ã€‚ä¾‹ãˆã°Internet Explorerï¼ˆIEï¼‰ãªã‚‰ã€Œè¡¨ç¤ºã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€Œæ–‡å—ã‚µã‚¤ã‚ºã€ã‹ã‚‰ã€Œæœ€å¤§ã€ã€Œå¤§ã€ã€Œä¸ã€ã€Œå°ã€ã€Œæœ€å°ã€ã®äº”ã¤ã®æ®µéšŽã‚’é¸ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚Firefoxã‚‚ã€Œè¡¨ç¤ºã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€Œæ–‡å—ã‚µã‚¤ã‚ºã€ã‹ã‚‰é¸ã¶ã“ã¨ãŒã§ãã¾ã™ãŒï¼Œã€Œå¤§ããã€ã€Œå°ã•ãã€ã¨ã„ã†ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãªã£ã¦ãŠã‚Šï¼Œã‚ˆã‚Šè‡ªç”±ã«è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å›³1ï¼šãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯æ–‡å—ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã§ãã‚‹ ã¡ãªã¿ã«Operaã¯
mrnoon 2007/04/11
ä½¿ã„ã‚„ã™ã•ã®å‘ä¸Šã®ãŸã‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ãŸã¨ã“ã‚å•é¡ŒãŒç™ºç”Ÿã—ï¼Œãã‚Œã‚’ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã‚ã‚‹ã¨ã“ã‚ã®JavaScriptã‚’ä½¿ã£ã¦è§£æ±ºã—ãŸï¼Œã¨ã„ã†ãŠè©±ã§ã™ã€‚

computer

css

design

font

hatena

Tips

usability

webdesign
ãƒªãƒ³ã‚¯
CSSã§PDFã‚„Excelç‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—åˆ¥ã‚¢ã‚¤ã‚³ãƒ³ã‚’è‡ªå‹•ä»˜ä¸Ž:phpspoté–‹ç™ºæ—¥èªŒ
Showing Hyperlink Cues with CSS (Ask the CSS Guy) I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. CSSã§PDFã‚„Excelç‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—åˆ¥ã‚¢ã‚¤ã‚³ãƒ³ã‚’è‡ªå‹•ä»˜ä¸Žã™ã‚‹æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ è‡ªå‹•ä»˜ä¸Žã€ã¨ã„ã†ã®ã¯ã€ä¾‹ãˆã°ã€<a href="***.pdf">pdfãƒ•ã‚¡ã‚¤ãƒ«</a> ã®ã‚ˆã†ãªãƒªãƒ³ã‚¯ãŒã‚ã£ãŸã¨ã™ã‚‹ã¨ã€pdfã¨ã„ã†æœ€å¾Œ
mrnoon 2007/04/11
BADSTRING

css

design

reference

tips

web

webdesign

website
ãƒªãƒ³ã‚¯
text-indent:-9999pxã‚’ä½¿ã£ãŸã¨ãFirefoxã§å‡ºã‚‹ç„¡é§„ãªç‚¹ç·šã¯æ¶ˆã›ã¾ã™::::::STOPN' LISTEN::::::to the silence:::::::
å…è²¬äº‹é …ï¼šæœ¬ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã¯ã€ä¸€èˆ¬çš„ãªæƒ…å ±æä¾›ã®ã¿ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚æƒ…å ±ã¯ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã€å½“ç¤¾ã¯æƒ…å ±ã‚’æœ€æ–°ã‹ã¤æ£ç¢ºã«ä¿ã¤ã‚ˆã†åŠªåŠ›ã—ã¾ã™ãŒã€ã„ã‹ãªã‚‹ç›®çš„ã«ãŠã„ã¦ã‚‚ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¾ãŸã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã€è£½å“ã€ã‚µãƒ¼ãƒ“ã‚¹ã€é–¢é€£ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹å®Œå…¨æ€§ã€æ£ç¢ºæ€§ã€ä¿¡é ¼æ€§ã€é©åˆæ€§ã€åˆ©ç”¨å¯èƒ½æ€§ã«ã¤ã„ã¦ã€æ˜Žç¤ºã¾ãŸã¯é»™ç¤ºã‚’å•ã‚ãšã„ã‹ãªã‚‹è¡¨æ˜Žã¾ãŸã¯ä¿è¨¼ã‚‚è¡Œã„ã¾ã›ã‚“ã€‚å¾“ã£ã¦ã€ã“ã‚Œã‚‰ã®æƒ…å ±ã«ä¾æ‹ ã™ã‚‹ã“ã¨ã¯ã€ã‚ãã¾ã§ã‚‚ãŠå®¢æ§˜ã”è‡ªèº«ã®è²¬ä»»ã«ãŠã„ã¦è¡Œã‚ã‚Œã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ å½“ç¤¾ã¯ã€å½“ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã”åˆ©ç”¨ã«èµ·å› ã™ã‚‹ã„ã‹ãªã‚‹æå®³ã«ã¤ã„ã¦ã‚‚è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“ã€‚ æœ¬ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‹ã‚‰ã€ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã®ç®¡ç†ä¸‹ã«ãªã„ä»–ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¸ãƒªãƒ³ã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å½“ç¤¾ã¯ã€ãã‚Œã‚‰ã®ã‚µã‚¤ãƒˆã®æ€§è³ªã€å†…å®¹ãŠã‚ˆã³åˆ©ç”¨å¯èƒ½æ€§ã‚’ç®¡ç†ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ãƒªãƒ³ã‚¯ã¯å¿…ãšã—ã‚‚æŽ¨å¥¨ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã—ã€ãƒªãƒ³ã‚¯å…ˆã§è¿°ã¹ã‚‰
mrnoon 2007/04/11
a{ outline : 0 ; }

design

firefox

html

tips

web

xhtml

CSS

indent
ãƒªãƒ³ã‚¯
ä½•ã‹ã¨å½¹ç«‹ã¤CSSã®æŠ€ || Cool Web Window
404 Not Found ãŠæŽ¢ã—ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯è¦‹ã¤ã‹ã‚‰ãªã„ã‚ˆã†ã§ã™ã€‚ ãŠæ‰‹æ•°ã§ã™ãŒã€ä¸‹è¨˜ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã¸ãŠæˆ»ã‚Šãã ã•ã„ã€‚ CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
mrnoon 2007/04/11
ã„ã¾ã‚„(x)html CSSã§ã®ã‚µã‚¤ãƒˆæ§‹ç¯‰ãŒå¸¸è˜ã§ã™ã€‚ ã—ã‹ã—ã€æ€ã£ãŸã‚ˆã†ã«ã„ã‹ãšå£ã«ã¶ã¡å½“ãŸã‚‹ã¨ãã‚‚ã‚ã‚Šã¾ã™ã€‚ ãã‚“ãªã¨ãã«å½¹ç«‹ã¤CSSã®æŠ€ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚

browser

tips

webdesign

CSS

List

tech
ãƒªãƒ³ã‚¯
ã€IEï¼—ã‚‚å¯¾å¿œï¼ã€‘ã‚³ãƒ”ãƒšã§ã¤ã‹ãˆã‚‹ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã‚’clearã™ã‚‹ã‚³ãƒ¼ãƒ‰å†ã³::::::STOPN' LISTEN::::::to the silence:::::::
HTML,CSS,CSSãƒãƒƒã‚¯,SEO,Webåºƒå‘Š,Webãƒˆãƒ¬ãƒ³ãƒ‰ç‰ã®è©±é¡Œã‚’æ‰±ã†kennsuã®blogã§ã™ã€‚æ—¥å¸¸ã®è©±é¡Œã¯ã“ã¡ã‚‰ã¸ã€Œkennsuã®è¡Œå‹•è¨˜éŒ²ã€ Homeï½œ Aboutï½œ Archiveï½œ RSS feed IEï¼—ã®ãƒªãƒªãƒ¼ã‚¹ã‚‚ã¾ã‚‚ãªãã ãã†ã§æˆ‘ã€…ã‚³ãƒ¼ãƒ€ãƒ¼ã«ã¨ã£ã¦ã¯ææ€–ã®ã‚¢ãƒ³ã‚´ãƒ«ãƒ¢ã‚¢å¤§çŽ‹ãŒã‚„ã£ã¦ããŸæ°—åˆ†ã§ã™ã€‚ ã¨ã€è¨€ã„ã¾ã—ã¦ã‚‚IE6ã‹ã‚‰å¤šãã®ãƒã‚°ã‚’è§£æ±ºã—RSSãƒªãƒ¼ãƒ€ãƒ¼ã‚‚æ¨™æº–è£…å‚™ï¼ˆfeedpathã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã—ãŸã‚ˆï¼‰ã§ä½¿ãˆã‚‹CSSã‚»ãƒ¬ã‚¯ã‚¿ã‚‚å¢—é‡ï¼ã€‚ ã‚„ã£ã±ã‚Šç”Ÿã¾ã‚Œå¤‰ã‚ã£ãŸIEå›ã€ä»Šã¾ã§å«Œã‚ã‚Œè€…ã ã£ãŸIEå›ã‚’æš–ã‹ãè¿Žãˆã‚‹æº–å‚™ã‚’ã—ã¦ã‚ã’ãŸã„ã¨æ€ã„ã¾ã—ã¦ã€æœ¬æ—¥ã¯ç´™ã®è¼ªã£ã‹ã‚’ä¸€æ¯ã¤ãªã’ãŸã‚„ã¤ï¼ˆã‚ã‚Œãªã‚“ã¦ã„ã†ã®ï¼Ÿï¼‰ã®ä»£ã‚ã‚Šã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’ç”¨æ„ã—ã¦IEï¼—å›ã‚’è¿Žãˆã‚‹æº–å‚™ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ç´°ã¯ä»¥ä¸‹ã€‚ div{ min-height:1%; } div:after{/*for modern
mrnoon 2007/04/11
ã—ã‹ã—ã€æ–°ãŸã«min-height,min-widthã‚’è§£é‡ˆã‚ˆã†ã«ãªã£ãŸã®ã§min-heightã‚’åˆ©ç”¨ã—ã¦ãŠãªã˜ã¿ã®ã‚„ã‚“ã¡ã‚ƒãªIEãŒã³ã£ãã‚Šã™ã‚‹ãã‚‰ã„ã„ã†ã“ã¨ã‚’èžã„ã¦ãã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹å‘ªæ–‡ã€Œheight1%ã€ã‚’è¨å®šã™ã‚‹ã€‚

blog

css

float

hack

reference

study

tips

clear

IE
ãƒªãƒ³ã‚¯
ã€Dreamweaverã€‘ã‚¹ãƒ‹ãƒšãƒƒãƒˆä½¿ã‚ãªã„ã¨å¾Œæ‚”ã™ã‚‹ã‚ˆï¼::::::STOPN' LISTEN::::::to the silence:::::::
å…è²¬äº‹é …ï¼šæœ¬ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã¯ã€ä¸€èˆ¬çš„ãªæƒ…å ±æä¾›ã®ã¿ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚æƒ…å ±ã¯ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã€å½“ç¤¾ã¯æƒ…å ±ã‚’æœ€æ–°ã‹ã¤æ£ç¢ºã«ä¿ã¤ã‚ˆã†åŠªåŠ›ã—ã¾ã™ãŒã€ã„ã‹ãªã‚‹ç›®çš„ã«ãŠã„ã¦ã‚‚ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¾ãŸã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã€è£½å“ã€ã‚µãƒ¼ãƒ“ã‚¹ã€é–¢é€£ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹å®Œå…¨æ€§ã€æ£ç¢ºæ€§ã€ä¿¡é ¼æ€§ã€é©åˆæ€§ã€åˆ©ç”¨å¯èƒ½æ€§ã«ã¤ã„ã¦ã€æ˜Žç¤ºã¾ãŸã¯é»™ç¤ºã‚’å•ã‚ãšã„ã‹ãªã‚‹è¡¨æ˜Žã¾ãŸã¯ä¿è¨¼ã‚‚è¡Œã„ã¾ã›ã‚“ã€‚å¾“ã£ã¦ã€ã“ã‚Œã‚‰ã®æƒ…å ±ã«ä¾æ‹ ã™ã‚‹ã“ã¨ã¯ã€ã‚ãã¾ã§ã‚‚ãŠå®¢æ§˜ã”è‡ªèº«ã®è²¬ä»»ã«ãŠã„ã¦è¡Œã‚ã‚Œã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ å½“ç¤¾ã¯ã€å½“ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã”åˆ©ç”¨ã«èµ·å› ã™ã‚‹ã„ã‹ãªã‚‹æå®³ã«ã¤ã„ã¦ã‚‚è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“ã€‚ æœ¬ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‹ã‚‰ã€ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã®ç®¡ç†ä¸‹ã«ãªã„ä»–ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¸ãƒªãƒ³ã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å½“ç¤¾ã¯ã€ãã‚Œã‚‰ã®ã‚µã‚¤ãƒˆã®æ€§è³ªã€å†…å®¹ãŠã‚ˆã³åˆ©ç”¨å¯èƒ½æ€§ã‚’ç®¡ç†ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ãƒªãƒ³ã‚¯ã¯å¿…ãšã—ã‚‚æŽ¨å¥¨ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã—ã€ãƒªãƒ³ã‚¯å…ˆã§è¿°ã¹ã‚‰
mrnoon 2007/04/11
ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã¯ã€ã‚ˆãä½¿ã†æ±Žç”¨çš„ãªã‚³ãƒ¼ãƒ‰ã‚’ç™»éŒ²ã—ã¦ãŠãäº‹ã§ã€ç™»éŒ²æ¸ˆã®ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ã¯ã‚¹ãƒ‹ãƒšãƒƒãƒˆãƒ‘ãƒãƒ«ã‹ã‚‰ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§ã‚³ãƒ¼ãƒ‰ã®æŒ¿å…¥ãŒå¯èƒ½ã«ãªã‚‹ã¨ã¦ã‚‚ä¾¿åˆ©ãªã‚‚ã®ã§ã™ã€‚

css

Dreamweaver

entry

JavaScript

layout

tips

tool

webdesign
ãƒªãƒ³ã‚¯
TRANS [hatena] - å°åˆ·ç”¨CSSã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚
ä»¥å‰ã€çµµæ–‡ç¦„ã®ã“ã¨ã®ã¯ã•ã‚“ã®ã¨ã“ã‚ã§ã€ã‚µã‚¤ãƒˆã®æ¨ªå¹…ã‚’640ãƒ”ã‚¯ã‚»ãƒ«ã«ã™ã‚‹ç†ç”±â€•â€•çµ±è¨ˆã¨ç¾çŠ¶ã«åŸºã¥ãçµè«–ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒã‚ã£ãŸã€‚ãã‚Œã‹ã‚‰ã€ã¡ã‚‡ã£ã¨å°åˆ·ç”¨CSSã«èˆˆå‘³ã‚’æŒã£ã¦ã€è‰²ã€…ã¨èª¿ã¹ã¦ã¿ãŸã‚Šã€è‡ªåˆ†ã§æ›¸ã„ã¦ã¿ãŸã‚Šã—ãŸã€‚ãã®ã¾ã¨ã‚ã€‚ ã¡ãªã¿ã«ã€#naviãŒã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€#primaryãŒãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€#secondaryãŒã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€#footerãŒãƒ•ãƒƒã‚¿ãƒ¼ã€‚ ã¨ã‚Šã‚ãˆãšã€æœ€ä½Žé™ã‚„ã£ã¦ãŠã„ãŸã»ã†ãŒã‚ˆã„ã“ã¨ã€‚ body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } å°åˆ·ã§èªã¾ã‚Œã‚‹ã“ã¨ã‚’å‹˜æ¡ˆã™ã‚‹ã®ãªã‚‰ã€font-sizeã¯ã‚ã‚‹ç¨‹åº¦
mrnoon 2007/04/11
BADSTRING

css

design

entry

print

tips

web

webdesign

website
ãƒªãƒ³ã‚¯
å°ç²‹ç©ºé–“: ä¼‘æ—¥è¡¨ç¤ºä»˜ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ for Movable Type
Movable Type ã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã«åœŸãƒ»æ—¥ãƒ»ä¼‘æ—¥ãƒ»æœ¬æ—¥ã‚’è¡¨ç¤ºã™ã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ã™ã€‚ã“ã“ã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŠã‚ˆã³å…¬é–‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’åˆ©ç”¨ã—ãŸãƒ†ãƒ¼ãƒ–ãƒ«ã‚¿ã‚¤ãƒ—ã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ãŠã‚ˆã³å…¬é–‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®æœˆé€ã‚Šã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã«å¯¾ã™ã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚CSSã‚’å¤‰æ›´ã™ã‚Œã°ä»–ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã‚‚ã”åˆ©ç”¨å¯èƒ½ã§ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«è¨å®šã—ãŸå®Œæˆä¾‹ã§ã™ã€‚ ä½™è«‡ã§ã™ãŒã€ã“ã‚Œã¾ã§å…¬é–‹ã—ã¦ããŸã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®HTMLãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŠã‚ˆã³CSSã®è¨å®šã‚’è‹¥å¹²è¦‹ç›´ã—ã¾ã—ãŸã€‚ 2006.10.10 è¿½è¨˜ï¼šæœ¬ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’ Ajax åŒ–ã—ãŸã€ŒAjax æœˆé€ã‚Šã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ ï¼‘ï¼Žä¼‘æ—¥è¡¨ç¤ºç”¨ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä¸‹è¨˜ã®ãƒªãƒ³ã‚¯å…ˆã«ã‚ã‚‹ dayChecker.js ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ä¼‘æ—¥è¡¨ç¤ºç”¨ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ã€‚ download ï¼’ï¼Žã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚¢
mrnoon 2007/04/11
Movable Type ã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã«åœŸãƒ»æ—¥ãƒ»ä¼‘æ—¥ãƒ»æœ¬æ—¥ã‚’è¡¨ç¤ºã™ã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ã™ã€‚ã“ã“ã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŠã‚ˆã³å…¬é–‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’åˆ©ç”¨ã—ãŸãƒ†ãƒ¼ãƒ–ãƒ«ã‚¿ã‚¤ãƒ—ã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ãŠã‚ˆã³å…¬é–‹

calendar

howto

plugin

tips

MovableType

css

holiday
ãƒªãƒ³ã‚¯
MT & HTML Slidy ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã‚‹ | WWW WATCH
ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã«ä½¿ç”¨ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã¨ã„ã£ãŸã‚‰ã€ãƒ‘ãƒ¯ãƒ¼ãƒã‚¤ãƒ³ãƒˆã®ã‚ˆã†ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ä½œã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã™ãŒã€æœ€è¿‘ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ä½¿ç”¨ã—... ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã«ä½¿ç”¨ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã¨ã„ã£ãŸã‚‰ã€ãƒ‘ãƒ¯ãƒ¼ãƒã‚¤ãƒ³ãƒˆã®ã‚ˆã†ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ä½œã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã™ãŒã€æœ€è¿‘ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹æ–¹ã‚’ã‚»ãƒŸãƒŠãƒ¼ãªã©ã§é »ç¹ã«è¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ã€(X)HTML + CSS + JavaScript ã§å®Ÿç¾ã§ãã¾ã™ã€‚ã‚¹ãƒ©ã‚¤ãƒ‰åˆ¶ä½œç”¨ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ã¯ã€W3C ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ ã€ŒHTML Slidyã€ ãŒä½¿ã„ã‚„ã™ãæœ‰åã§ã™ãŒã€å€‹äººçš„ã«ã‚‚ã“ã® ã€ŒHTML Slidyã€ ã‚’åˆ©ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã©ã“ã‹ã§ä½¿ã£ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ã„ãŸã¨ã“ã‚ã§ã—ãŸã®ã§ã€ã„ã„æ©Ÿä¼šã¨ã„ã†ã“ã¨ã§ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã£ã¦å…¬é–‹ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—
mrnoon 2007/04/11
ã“ã®ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ã€(X)HTML CSS JavaScript ã§å®Ÿç¾ã§ãã¾ã™ã€‚ã‚¹ãƒ©ã‚¤ãƒ‰åˆ¶ä½œç”¨ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ã¯ã€W3C ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ ã€ŒHTML Slidyã€ ãŒä½¿ã„ã‚„ã™ãæœ‰åã§ã™ãŒã€å€‹

library

MovableType

presentation

slideshow

tips

Tutorial

tutorials

webdesign

javascript

css
ãƒªãƒ³ã‚¯
JavaScriptã¨CSSã§ç‰¹å®šDIVè¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Harry Maugans How to Create a Collapsible DIV with Javascript and CSS One of the most handy (and cool) tricks a web developer could learn to use is collapsible DIVs. JavaScriptã¨CSSã§ç‰¹å®šDIVè¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã€‚ æ¬¡ã®ã‚ˆã†ã«æ•°è¡Œã§è¡Œãˆã‚‹ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ãªã„ï¼†è»½ã„ã€ç°¡å˜ãªå®Ÿè£…ã‚’è¡Œã„ãŸã„æ™‚ã«ä½¿ãˆã¾ã™ã€‚ <div id="mydiv" style="display:none"><h3>This is a test!<br>Can you see me?</h3></div> <a href="javascript:;" onmousedown="if(document
mrnoon 2007/04/11
JavaScriptã¨CSSã§ç‰¹å®šDIVè¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã€‚ æ¬¡ã®ã‚ˆã†ã«æ•°è¡Œã§è¡Œãˆã‚‹ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ãªã„ï¼†è»½ã„ã€ç°¡å˜ãªå®Ÿè£…ã‚’è¡Œã„ãŸã„æ™‚ã«ä½¿ãˆã¾

javascript

css

Tips

prototype.js

reference
ãƒªãƒ³ã‚¯
clearfixãƒãƒƒã‚¯ï½œCSS HappyLife
é€šå¸¸ã€floatã•ã›ã¦ã„ã‚‹ç”»åƒã‚„ãƒœãƒƒã‚¯ã‚¹ãªã©ãŒã‚ã‚‹å ´åˆä½•ã‚‰ã‹ã®å½¢ã§clearã™ã‚‹ã‹ã€ãã®è¦ªè¦ç´ ã«floatã‚’æŒ‡å®šã—ãªã„ã¨ã€è¦ªè¦ç´ ã‹ã‚‰ã¯ã¿å‡ºã—ã¦ã—ã¾ã„ã¾ã™ã€‚ ã‚³ãƒ¬ã¯CSS2.0ã®ä»•æ§˜ãªã‚“ã§æ£ã—ã„è¡¨ç¤ºãªã‚“ã§ã™ãŒã€ã©ã†ã—ã¦ã‚‚è¦ªè¦ç´ ã«floatãªã©ãŒä½¿ãˆãšã€ã‚„ã‚€ãªãclear:bothã‚’brãªã‚Šdivã«ã‚¯ãƒ©ã‚¹æŒ‡å®šã—ã¦è§£æ±ºã—ã¦ãŸã‚Šã£ã¦äº‹ãŒã‚ã£ãŸã‹ã¨æ€ã„ã¾ã™ã€‚ IEã®å ´åˆã¯widthã€ã‚‚ã—ãã¯heightã‚’æŒ‡å®šã™ã‚‹äº‹ã§è§£æ±ºã§ãã¾ã™ãŒã€ã‚³ãƒ¬ã¯ãƒã‚°ãªã‚“ã§ä»–ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯è§£æ±ºã§ãã¾ã›ã‚“ã€‚ ã‚½ã‚³ã§ã‹ãªã‚Šä¾¿åˆ©ã«ä½¿ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã€clearfixã€‚ ä½¿ã„æ–¹ã¯ã€clearã—ãŸã„è¦ªè¦ç´ ã«ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã€‚ div:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-hei
mrnoon 2007/04/11
ã‚½ã‚³ã§ã‹ãªã‚Šä¾¿åˆ©ã«ä½¿ãˆã‚‹ãƒãƒƒã‚¯ãŒã€clearfixã¨å‘¼ã°ã‚Œã‚‹ãƒãƒƒã‚¯ã€‚ ä½¿ã„æ–¹ã¯ã€clearã—ãŸã„è¦ªè¦ç´ ã«ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã€‚

clearfix

float

hack

Tips

web

webdesign

clear

CSS
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/é–‹ç™ºè€…ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„ï¼’ï¼•ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯:phpspoté–‹ç™ºæ—¥èªŒ
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series â€¦ Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/é–‹ç™ºè€…ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„ï¼’ï¼•ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ çŸ¥ã£ã¦ãŠã„ã¦ã‚µã‚¤ãƒˆã«çµ„ã¿è¾¼ã‚ã°ã€ä¸€æ©ãƒ¬ãƒ™ãƒ«ãŒä¸Šã®ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã§ãã‚‹ã¯ãšã§ã™ã€‚ CSSã‚’ä½¿ã†ã‚‚ã®ã ã‘ã§ãªãã€JavaScript ã‚„ PHP ã‚‚çµ¡ã‚“ã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã‚µãƒ³ãƒ—ãƒ«ã‚’æ”¹å¤‰ã™ã‚‹ã“ã¨ã§è¨ç½®ã‚’ã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã‚‹ã¯ãšã§ã™ã€‚ ãƒãƒ–ãƒ«ãƒ„ãƒ¼
mrnoon 2007/04/11
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/é–‹ç™ºè€…ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„ï¼’ï¼•ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ çŸ¥ã£ã¦ãŠã„ã¦ã‚µã‚¤ãƒˆã«çµ„ã¿è¾¼ã‚ã°ã€ä¸€æ©ãƒ¬ãƒ™ãƒ«ãŒä¸Šã®ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã§ãã‚‹ã¯ãšã§ã™ã€‚ CSSã‚’ä½¿ã†ã‚‚ã®ã ã‘ã§

CSS

JavaScript

tips

WebDesign
ãƒªãƒ³ã‚¯
CSSã‚’ä½¿ã„ã€ï¼‘æžšã®ç”»åƒã ã‘ã§ã‚«ãƒ©ãƒ•ãƒ«ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³èƒŒæ™¯ã‚’ä½œã‚‹ä¾‹:phpspoté–‹ç™ºæ—¥èªŒ
A List Apart: Articles: Super-Easy Blendy Backgrounds CSSã‚’ä½¿ã„ã€ï¼‘æžšã®ç”»åƒã ã‘ã§ã‚«ãƒ©ãƒ•ãƒ«ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³èƒŒæ™¯ã‚’ä½œã‚‹ä¾‹ã€‚ æ¬¡ã®ã‚ˆã†ãªé€éŽPNGãŒã‚ã£ãŸã¨ã—ã¦ã€æ›´ã«ã“ã®ä¸‹ã«è‰²ã‚’ä»˜ã‘ã‚‹ã¨ãƒ»ãƒ»ãƒ»ã€‚ å¤§ä½“ã©ã†ãªã‚‹ã‹åˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒæ¬¡ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³èƒŒæ™¯ãŒå‡ºæ¥ã¾ã™ã€‚ ãã‚“ãªCSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã¾ã™ã€‚ example oneÂ (FireFoxã®ã¿) example twoÂ (FireFoxã®ã¿) example threeÂ (FireFoxã®ã¿) example fourÂ (FireFoxã®ã¿) Example fiveÂ (FireFoxã®ã¿) Example sixÂ (IEã‚‚å‹•ãã¾ã™) Example sevenÂ Â (IEã‚‚å‹•ãã¾ã™) ã‚¢ã‚¤ãƒ‡ã‚¢æ¬¡ç¬¬ã§ã“ã†ã„ã£ãŸæŠ€ã‚‚ã§ãã¦ã—ã¾ã„ã¾ã™ãã€‚ é€šå¸¸ãªã‚‰ç”»åƒã‚’PhotoShopãªã‚“ã‹ã§
mrnoon 2006/11/30
CSSã‚’ä½¿ã„ã€ï¼‘æžšã®ç”»åƒã ã‘ã§ã‚«ãƒ©ãƒ•ãƒ«ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³èƒŒæ™¯ã‚’ä½œã‚‹ä¾‹ã€‚ æ¬¡ã®ã‚ˆã†ãªé€éŽPNGãŒã‚ã£ãŸã¨ã—ã¦ã€æ›´ã«ã“ã®ä¸‹ã«è‰²ã‚’ä»˜ã‘ã‚‹ã¨ãƒ»ãƒ»ãƒ»ã€‚

color

css

design

graphic

image

memo

tips

web

webdesign
ãƒªãƒ³ã‚¯
IFRAMEã‚’ä½¿ã‚ãšã«HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ä»–ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
Insert HTML page into another HTML page | published @ aplus moments IFRAMEã‚’ä½¿ã‚ãšã«HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ä»–ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€æ–¹æ³•ã€‚ Objectã‚¿ã‚°ã§å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€æ–¹æ³•ãŒã‚ã‚‹ã‚“ã§ã™ãã€‚ <html> <head> <title>test</title> </head> <body>   <object type="text/html
mrnoon 2006/11/30
IFRAMEã‚’ä½¿ã‚ãšã«HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ä»–ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€æ–¹æ³•ã€‚ Objectã‚¿ã‚°ã§å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€æ–¹æ³•ãŒã‚ã‚‹ã‚“ã§ã™ãã€‚

css

design

hack

Tips

web

webdesign

xhtml

iframe

HTML
ãƒªãƒ³ã‚¯
CSSã§ã‚¯ãƒ¼ãƒ«ãªã‚¿ãƒ–UIã‚’ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
OSResources - How to create CSS overlapping tabs? Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSã§ã‚¯ãƒ¼ãƒ«ãªã‚¿ãƒ–UIã‚’ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã€‚ æ¬¡ã®ã‚ˆã†ãªã‚¿ãƒ–UIã‚’ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®CSSã‚’å®šç¾©ã—ã¦ãŠã‘ã°ã€å¾Œã¯æ¬¡ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã ã‘ã§ä¸Šè¨˜ç”»åƒã®ã‚ˆã†ãªã‚¿ãƒ–UIãŒä½œã‚Œã¾ã™ã€‚ HTMLã‚‚ã‚¯ãƒªãƒ¼ãƒ³ã€‚ <ul class="obtabs"> <li class="first"><span><a href="#">Jack</a></span></li> <li><span><a class="new
mrnoon 2006/10/23
ã‚µãƒ³ãƒ—ãƒ«ã®CSSã‚’å®šç¾©ã—ã¦ãŠã‘ã°ã€å¾Œã¯æ¬¡ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã ã‘ã§ä¸Šè¨˜ç”»åƒã®ã‚ˆã†ãªã‚¿ãƒ–UIãŒä½œã‚Œã¾ã™ã€‚

css

design

html

Tips

UI

tab
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åˆ†ã‘ã¦ç®¡ç†ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã‚‹ - 2xup.org
comment 2006-10-17T21:15:00+09:00 ãŠå¥½ã¿ã®è¨€èªžãŒè‹±èªžã§ç„¡ã„å ´åˆã¯ã€æ—¥æœ¬èªžã§ã©ã†ãžã€‚ In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
mrnoon 2006/10/23
ã‚µã‚¤ãƒˆã§ç®¡ç†ã™ã‚‹ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã©ã®ã‚ˆã†ã«åˆ†ã‘ã‚‹ã‹ã€ç¾çŠ¶ã®è€ƒãˆã‚’ãƒ¡ãƒ¢ã™ã‚‹ã“ã¨ã«ã—ã¦ã¿ã¾ã—ãŸã€‚

css

webdesign

tips

howto

html

guideline

development
ãƒªãƒ³ã‚¯
pre è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ã¨ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— - 2xup
2006-09-07T00:56:49+09:00 ãªã«ã‚„ã‚‰ pre è¦ç´ ã« CSS ã§ã©ã†ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ã‚’ã—ã¦ã„ã‚‹ã®ã‹ã€ã¾ãŸã€pre è¦ç´ ã‚’ã©ã®ã‚ˆã†ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã®ã‹ã€æ§˜ã€…ãªæ„è¦‹ãŒã§ã¦ã„ã‚‹æ¨¡æ§˜ã€‚ ãƒ–ãƒã‚°ã«ã‚³ãƒ¼ãƒ‰ã‚’è²¼ã‚Šä»˜ã‘ã‚‹æ–¹æ³•ã§æ‚©ã‚€ã®å·»(i d e a * i d e a - Lifehacks by 100SHIKI.COM) preè¦ç´ ã¸ã®ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®š(hail2u.net - Weblog) Re: i d e a * i d e a - ãƒ–ãƒã‚°ã«ã‚³ãƒ¼ãƒ‰ã‚’è²¼ã‚Šä»˜ã‘ã‚‹æ–¹æ³•ã§æ‚©ã‚€ã®å·»(hxxk.jp) æƒ…å ±å…±æœ‰ã¨æ–°ãŸãªç™ºè¦‹ã‚’æœŸå¾…ã—ã¦ã€ã©ã®ã‚ˆã†ã«ã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ãƒ»ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã®ã‹å…¬é–‹ã™ã‚‹ã“ã¨ã«ã€‚ã¾ãšã¯æ³¨æ„ã—ã¦ã„ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’æŒ™ã’ã¦ã¿ã¾ã™ã€‚ Macintosh ç‰ˆ Internet Explorer ã§ã¯ã€div è¦ç´ ä»¥å¤–ã«å€¤ãŒ visible (åˆæœŸå€¤) ä»¥å¤–ã® overf
mrnoon 2006/09/22
æƒ…å ±å…±æœ‰ã¨æ–°ãŸãªç™ºè¦‹ã‚’æœŸå¾…ã—ã¦ã€ã©ã®ã‚ˆã†ã«ã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ãƒ»ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã®ã‹å…¬é–‹ã™ã‚‹ã“ã¨ã«ã€‚ã¾ãšã¯æ³¨æ„ã—ã¦ã„ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’æŒ™ã’ã¦ã¿ã¾ã™ã€‚

css

html

Tips

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