[B! *css] hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hmabu id:hmabu

*cssã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

ãƒšãƒ¼ã‚¸é€ã‚Šã®ã‚µãƒ³ãƒ—ãƒ«4ç¨®+2
ãšã€éšåˆ†é–“ãŒç©ºã„ã¦ã—ã¾ã£ãŸãƒ»ãƒ»ãƒ»ä½•ã¦è¨€ã†ç¾å®Ÿã€‚ æ°—ä»˜ã‘ã°å†¬é–“è¿‘ã§ã™ãã€‚ ä¹…ã€…ã®æ›´æ–°ãŒã€ç‰¹åˆ¥ç›®æ–°ã—ãã‚‚ãªã‚“ã¨ã‚‚ãªã„ã‚“ã§ã™ãŒã€è‡ªåˆ†ãªã‚Šã®ãƒšãƒ¼ã‚¸é€ã‚Šã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ãƒ›ãƒ³ãƒˆã¯æœ€åˆã®ã ã‘æœ‰ã‚Œã°äº‹è¶³ã‚Šã¦ã‚‹ã‚“ã§ã™ã‘ã©ã€ãƒœãƒªãƒ¥ãƒ¼ãƒ æ„Ÿã‚’å‡ºã™ç‚ºã«4ç¨®é¡ž+2ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ ã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ åœ°å‘³ã«ã‚µãƒ³ãƒ—ãƒ«ä½œã£ã¦ãŸã‚‰æ™‚é–“å–ã‚‰ã‚ŒãŸã®ã§ã€è§£èª¬ã¯è»½ã‚ã§ã™ãŒç¶šãã«ã¦ã€‚ ä»Šå›žä½œã£ã¦ãŠããŸã‹ã£ãŸã®ã¯ã€ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã•ã›ãŸãƒšãƒ¼ã‚¸é€ã‚Šã£ã™ã€‚ ã¨ã¦ã‚‚ä¼¼ãŸã‚ˆã†ãªã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒæœ‰ã‚‹ã®ã§ã€ä¸‹è¨˜ã‚‚å‚è€ƒã«ã—ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã¨ã€‚ ãƒšãƒ¼ã‚¸é€ã‚ŠãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯ display:inline-block ãŒè¶…ä¾¿åˆ© | ãƒã‚·ãƒ£ãƒã‚°ã€‚ ä¸ç‰¹å®šã®æ•°ã®æ¨ªã«ä¸¦ã¶ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã•ã›ã‚‹ | CSS-EBLOG å„ã‚µãƒ³ãƒ—ãƒ«å…±é€šã§ä»¥ä¸‹ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒå½“ãŸã£ã¦ã¾ã™ã€‚ #main ul, #main ul li { marg
hmabu 2009/10/28
ãƒšãƒ¼ã‚¸é€ã‚Š

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

ã‚½ãƒ¼ã‚¹

ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰

*webåˆ¶ä½œ

*css

*web
ãƒªãƒ³ã‚¯
æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 3
éšåˆ†å‰ã«ã€Ver2ã®è¦‹ç›´ã—ã‚’ã—ã¦3ã«ãªã£ã¦ãŸã‚“ã§ã™ã‘ã©ã€å…¬é–‹ã—ã¦ãªã‹ã£ãŸã®ã§ä»Šæ›´ãªãŒã‚‰å…¬é–‹ã§ã™ã€‚ ä¸èº«ã¯2ã‚’ä½¿ã£ã¦ã¿ã¦ã€ç¤¾å†…ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚ã‚‰ã£ãŸã‚Šã€è‡ªåˆ†ã§ã‚‚é•å’Œæ„ŸãŒæœ‰ã£ãŸéƒ¨åˆ†ã‚’èª¿æ•´ã—ã¦ã¾ã™ã€‚ ãã‚Œãªã‚Šã®æœŸé–“ä½¿ã£ã¦ã¿ã¦ã€å•é¡Œã‚’ã‚ã‚“ã¾ã‚Šæ„Ÿã˜ã¦ã„ãªã„ã®ã§ã€å®Œæˆåº¦ã¨ã—ã¦ã¯å¤§åˆ†è‰¯ããªã£ãŸã‹ãªãã£ã¦æ€ã„ã¾ã™ã€‚ æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªä¸€å¼ã€‚Ver 3ã‚’DLï¼ˆzipï¼š40kbï¼‰ Ver 3ã‚’è¦‹ã‚‹ Ver.3ã®ä¸èº«ã”èª¬æ˜Ž ä¸»ãªå¤‰æ›´ç‚¹ã‚’ã€‚ style.cssã®widthãªã©ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã¾ã¨ã‚ã¦ã„ãŸã®ã‚’Ver1ã¨åŒã˜ã«ã€‚ default.cssã«æ›¸ã‹ã‚Œã¦ã„ãŸã€pè¦ç´ ã®margin-bottomã®æŒ‡å®šã‚’style.cssã«ç§»å‹•ã€‚ default.cssã®font-familyã®æŒ‡å®šã‚’è‹¥å¹²å¤‰æ›´ã€‚ index.htmlã«Googleã‚«ã‚¹ã‚¿ãƒ ã‚µãƒ¼ãƒç”¨ã«ä½¿ãˆã‚‹ã‚½ãƒ¼ã‚¹ã‚’è¨˜å…¥ã€‚ Ja
hmabu 2008/11/13
*css

*webåˆ¶ä½œ

css

javascript

template

web

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

webåˆ¶ä½œ

webdesign
ãƒªãƒ³ã‚¯
MOONGIFT: Â» è¤‡é›‘ãªæ®µçµ„ã¿ã‚’å¯èƒ½ã«ã™ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒEmasticã€:ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚’æ¯Žæ—¥ç´¹ä»‹
é›‘èªŒã‚„æ–°èžãªã©ã§ã¯è¤‡é›‘ãªæ®µçµ„ã¿ã‚’è¡Œã£ã¦ã€æƒ…å ±ã‚’è¦‹ã‚„ã™ãã—ã¦ã„ã‚‹ã€‚ãƒãƒƒãƒˆåª’ä½“ã®å ´åˆã€ã‚ã¾ã‚Šãã†ã—ãŸç‚¹ã¯è€ƒæ…®ã•ã‚Œãšã€äºŒæ®µã¾ãŸã¯ä¸‰æ®µã®ã‚«ãƒ©ãƒ ã§æ§‹æˆã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã€‚ã—ã‹ã‚‚å¹¾ã¤ã‹ã®ã‚«ãƒ©ãƒ ã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã«ä½¿ã†ã®ã§ã€æ–‡ç« è‡ªä½“ã¯æ®†ã©çµ„ç‰ˆãŒæ–½ã•ã‚Œã¦ã„ãªã„ã€‚ CSSã ã‘ã¨ã¯æ€ãˆãªã„ã»ã©ç´°ã‹ãåˆ¶å¾¡ã•ã‚Œã¦ã„ã‚‹ Webã¯ãã†ã„ã£ãŸåª’ä½“ã§ã¯ãªã„ã€ã¨è¨€ã„åˆ‡ã£ã¦ã—ã¾ãˆã°ãã‚Œã¾ã§ã ã‚ã†ã€‚ã ãŒä»Šå¾Œæƒ…å ±ã®é›»ååŒ–ã¯é€²ã¿ã€ç´™åª’ä½“ã¯ç¾çŠ¶ç¶æŒãªã„ã—è¡°é€€ã—ã¦ã„ãã®ã¯é–“é•ã„ãªã„ã€‚ãã†ã—ãŸæ™‚ã«ã€Webã‚‚ã‚„ã¯ã‚Šèªã¾ã›ã‚‹å½¢å¼ã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ã®ãŒã“ã‚Œã ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯Emasticã€è¤‡é›‘ãªã‚«ãƒ©ãƒ æ§‹æˆã‚’å®Ÿç¾ã™ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã€‚ Emasticã¯ã¾ã‚‹ã§é›‘èªŒã®ã‚ˆã†ãªæ®µçµ„ã¿ã‚’CSSã§å®Ÿç¾ã—ã¦ã„ã‚‹ã€‚äºŒæ®µã€ä¸‰æ®µã€å››æ®µã®è¡¨ç¤ºã‚’è¡Œã„ã€å›ºå®šå¹…ã¾ãŸã¯è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦å¤‰åŒ–ã¨ã‚’çµ„ã¿åˆã‚ã›
hmabu 2008/07/31
*css

*webåˆ¶ä½œ

*ã‚ã¨ã§èªã‚€

column

css

design

framework

webdesign

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IzzyMenu - Menu Builder - Build your pro CSS/DHTML Menu!ï¼ˆCSSãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è‡ªå‹•ç”Ÿæˆãƒ„ãƒ¼ãƒ«ï¼‰
AI-Powered Website Builder Create websites for your clients with AI, in 30 seconds or less! âœ¨ï¸
hmabu 2008/03/26
*css

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

webåˆ¶ä½œ

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

css

design

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼

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

ãƒ¡ãƒ‹ãƒ¥ãƒ¼

generator
ãƒªãƒ³ã‚¯
Flickrã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ã®ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ã¦ã¿ã‚ˆã†:phpspoté–‹ç™ºæ—¥èªŒ
woork: Flickr like horizontal menu This tutorial explains how to implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu: Flickrã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ã®ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ã¦ã¿ã‚ˆã†ï¼ æ¬¡ã®ã‚ˆã†ãªã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ç´¹ä»‹å…ƒã§ã€HTMLã¨ç”»åƒã®ã‚µãƒ³ãƒ—ãƒ«ãŒé…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã€‚ å®Ÿè£…è‡ªä½“ã¯æ¬¡ã®ã‚ˆã†ã«é–¢æ•°ãŒå®šç¾©ã•ã‚Œã¦ã„ã¦ã€ <script language="javascript"> function showMenu(id_menu){ var my_menu = document.getElementById(id_menu); if(my_menu.style.
hmabu 2008/03/04
*css

*javascript

webdesign

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

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

*webåˆ¶ä½œ

css

flickr

ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥

javascript
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ä¾¿åˆ©! CSSã®ã‚³ãƒ”ãƒšã¯ã“ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ - SitePoint CSS Reference | ãƒãƒƒãƒˆ | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
SitePoint CSS Reference SitePointã¯31æ—¥(ç±³å›½æ™‚é–“)ã€CSSã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆSitePoint CSS Referenceã‚’å…¬é–‹ã—ãŸã€‚åŒã‚µã‚¤ãƒˆã¯Tommy Olssonæ°ãŠã‚ˆã³Paul O'Brienæ°ã¨ã„ã†è‘—åãª2äººã®CSSã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã«ã‚ˆã£ã¦åŸ·ç†ã•ã‚ŒãŸã‚‚ã®ã€‚ãã®ã¾ã¾ã‚³ãƒ”ãƒ¼&ãƒšãƒ¼ã‚¹ãƒˆã—ã¦ä½¿ãˆã‚‹ã‚ˆã†ãªCSSã®ã‚³ãƒ¼ãƒ‰ã¨èª¬æ˜ŽãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã‚µã‚¤ãƒˆã§ã€CSSã‚’ç·¨é›†ã™ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒŠã¯ãœã²ã¨ã‚‚ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠããŸã„ã‚µã‚¤ãƒˆã ã€‚ SitePoint CSS Referenceã¯å…¬é–‹ä»¥å‰ã¨ãªã‚‹ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆãƒ™ãƒ¼ã‚¿ãƒ†ã‚¹ãƒˆã®çŠ¶æ…‹ã§ã€ã™ã§ã«SitePointã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‹ã‚‰ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å—ã‘ã¦æ”¹å–„ãŒå®Ÿæ–½ã•ã‚Œã¦ã„ã‚‹ã€‚ã„ã‚ã°ç¾çŠ¶ã§ã®CSSãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ãŒã¾ã¨ã¾ã£ã¦ã„ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã ã€‚ SitePoint CSS Reference - ãã®ã¾ã¾ä½¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®
hmabu 2008/02/02
*css

ã¾ã¨ã‚ã‚µã‚¤ãƒˆ

ã‚³ãƒ”ãƒš

*webdesign

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

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

*webåˆ¶ä½œ

*ã¾ã¨ã‚

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

css
ãƒªãƒ³ã‚¯
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ™‚ã®ã‚ˆãã‚„ã‚‹å¤±æ•—ã¨å¯¾å‡¦æ³•ï½œWEBåˆ¶ä½œï¼ˆhtml,css(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ) )ï½œãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¡ãƒ¢
â– floatã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ãŸã¨ãã®ãƒœãƒƒã‚¯ã‚¹ã®é–“ã«éš™é–“ãŒå‡ºæ¥ã‚‹ â†’éš™é–“ãŒå‡ºæ¥ã‚‹ãƒœãƒƒã‚¯ã‚¹è¦ç´ å…¨ã¦ã« float è¦ç´ ã‚’è¿½åŠ â– <div>å†…ã«é…ç½®ã—ãŸ<img>ãŒ<div>ã‚ˆã‚Šã‚µã‚¤ã‚ºãŒå°ã•ã„ã¨éš™é–“ãŒå‡ºæ¥ã‚‹ â†’ ä¸‹è¨˜ã‚’è¿½åŠ img { display: block; } â– Win IEã ã‘ãšã‚Œã‚‹æ™‚ãŒã‚ã‚Šã€ãšã‚Œã‚‹å¤§ãã•ãŒãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦å¤‰ã‚ã‚‹ â†’ãšã‚Œã‚‹<div>ç‰ã« vertical-align ã‚’è¨å®šã™ã‚‹ï¼ˆtop åˆã¯ bottomï¼‰ â– <td>å†…ã®ãƒ•ã‚©ãƒ³ãƒˆãŒæ£ã—ãæŒ‡å®šã—ãŸã¨ãŠã‚Šã§ãªã„ï¼ˆWin IE Mac IEï¼‰ â†’<td>ã®ä¸ã«<span>ã‚’ã„ã‚Œã¦å¯¾å¿œã™ã‚‹ â– MacIEã§<div>ã‚’ floatã•ã›ã‚‹ã¨è¡¨ç¤ºãŒå´©ã‚Œã‚‹ã€‚ â†’ ãƒ•ãƒãƒ¼ãƒˆã•ã›ã‚‹div ã® width height å±žæ€§ã‚’æŒ‡å®šã™ã‚‹ â– <ul><li>ã§ç”»åƒãƒªãƒ³ã‚¯ã‚’ä½œæˆã—ãŸã¨ãã« WinIEã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã¨ éš™é–“
hmabu 2008/01/26
*css

ã‚ã¨ã§èªã‚€

*design

*tips

ã¾ã¨ã‚

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

*web

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

*webåˆ¶ä½œ

html
ãƒªãƒ³ã‚¯
IE6ã§ã‚ˆãéé‡ã™ã‚‹CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³• | ã‚³ãƒªã‚¹
Dave Woodsã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒIE6 -CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã€ã‹ã‚‰ã€IE6ã§ã‚ˆãéé‡ã™ã‚‹ï¼“ã¤ã®CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã®æ„è¨³ã§ã™ã€‚ IE6 - CSS Bugs and Fixes Explained IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€hasLayoutãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚ˆã£ã¦èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€å°ã•ã„é«˜ã•ã‚’æŒ‡å®šã—ãŸå ´åˆã«èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€ãƒ•ãƒãƒ¼ãƒˆã—ãŸè¦ç´ ã®ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚°ã¨è§£æ±ºæ–¹æ³•ã®ç´¹ä»‹ã§ã™ã€‚ ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã§ã€IE6ã¯ãƒžãƒ¼ã‚¸ãƒ³ãŒ20pxã«ãªã‚Šã¾ã™ã€‚ sample:ãƒã‚° #navigation{ float:Â left; width:Â 200px; margin-left:Â 10px; } #content{ float:Â right; width:Â 500px; margin-right:Â 10p
hmabu 2008/01/23
*css

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

*tips

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

*webåˆ¶ä½œ

bug

css

design

hack

ie
ãƒªãƒ³ã‚¯
ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªCSS Tips ã„ã‚ã„ã‚ - DesignWalker
hmabu 2008/01/20
*css

ã¾ã¨ã‚

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

*tips

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

*webåˆ¶ä½œ

*ã¾ã¨ã‚

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

design

html
ãƒªãƒ³ã‚¯
AJAXã‚’ä½¿ã£ãŸç´ æ™´ã‚‰ã—ã„CSSãƒ•ã‚©ãƒ¼ãƒ ã®47ã®ã‚µãƒ³ãƒ—ãƒ« | ã‚³ãƒªã‚¹
noupeã«ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã•ã‚Œã¦ã„ã‚‹ã€AJAXã‚’ä½¿ã£ãŸç´ æ™´ã‚‰ã—ã„CSSã®ãƒ•ã‚©ãƒ¼ãƒ ã®47ã®ã‚µãƒ³ãƒ—ãƒ«ã®ç´¹ä»‹ã§ã™ã€‚
hmabu 2007/12/18
*css

*webdesign

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

*webåˆ¶ä½œ

ajax

css

javascript

sample

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
2007å¹´åº¦ã®CSSãƒ‡ã‚¶ã‚¤ãƒ³ãƒ™ã‚¹ãƒˆ50ç™ºè¡¨
CSSã¨Flashã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¾—ã‚‹ãŸã‚ã®ã‚µã‚¤ãƒˆã€ŒBest Web Galleryã€ãŒé¸ã‚“ã 2007å¹´åº¦ã®CSSãƒ‡ã‚¶ã‚¤ãƒ³ãƒ™ã‚¹ãƒˆ50ãŒç™ºè¡¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã©ã‚Œã‚‚ã“ã‚Œã‚‚ãªã‹ãªã‹ç§€é€¸ãªãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§ã€æ¥å¹´åº¦ã®æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«å‘ã‘ã¦ã€ä»Šå¹´åº¦ã®ç·å¾©ç¿’ã‚’è¡Œã£ã¦æ–°ãŸãªã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®ç³§ã‚’å¾—ãŸã„äººã‚„ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ–°ã—ãã—ãŸã„ã®ã§å‚è€ƒã«ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¢ã—ã¦ã„ã‚‹äººã«æœ€é©ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ãƒ™ã‚¹ãƒˆ50ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/
hmabu 2007/12/11
*css

ã‚ã¨ã§è¦‹ã‚‹

ã‚ã¨ã§èªã‚€

*webdesign

ã¾ã¨ã‚

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

å‚è€ƒ

*ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

css

design
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªç”±ãªä½ç½®ã§æŠ˜ã‚Šè¿”ã›ã‚‹ã€ŒCSS Text Wrapperã€:phpspoté–‹ç™ºæ—¥èªŒ
CSS Text Wrapper The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle.ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªç”±ãªä½ç½®ã§æŠ˜ã‚Šè¿”ã›ã‚‹ã€ŒCSS Text Wrapperã€ã€‚ ãƒ†ã‚ã‚¹ãƒˆã‚’å††å½¢ç‰ã€å¥½ããªå½¢ã®ç¯„å›²å†…ã«åŽã‚ã‚‹ä»•çµ„ã¿ãŒè€ƒæ¡ˆã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€å††å½¢ã®ä¸ã«ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸¦ã¹ã‚‹ç‰ã€ã¾ã•ã«è‡ªç”±è‡ªåœ¨ã§ã™ã€‚ æ˜”ã¯ã“ã†ã„ã£ãŸå½¢ã§ã®ãƒ†ã‚ã‚¹ãƒˆã¯ç©ºç™½ã‚’æŒŸã‚“ã ã‚Šã—ã¦å®Ÿç¾ã¯é›£ã—ã„ã¨æ€ã£ã¦ã„ã¾ã—ãŸãŒã€å®Ÿç¾ã§ãã‚‹ã‚“ã§ã™ãã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚µã‚¤ãƒˆãªã‚“ã‹ã§æ´»ç”¨ã§ããã†ãªä»•çµ„ã¿ã§ã™ã€‚ ã“ã‚“ãªä»•çµ„ã¿ãŒã‚ã‚‹ã¨ã¯çŸ¥ã‚‰ãªã„äººã«è¦‹ã›ãŸã‚‰ã‚¢ãƒƒã¨é©šãã“ã¨é–“é•ã„ãªã„ã§ã—ã‚‡ã†ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸã‚µãƒ—ãƒ©ã‚¤ã‚ºã‚’ä¸ŽãˆãŸã„å ´åˆã«ä½¿ãˆã¾ã™ãã€‚
hmabu 2007/12/08
*css

*web

css

design

html

js

text

webdesign

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

ã‚ã¨ã§
ãƒªãƒ³ã‚¯
ã‚»ã‚¯ã‚·ãƒ¼ã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…JSãƒ©ã‚¤ãƒ–ãƒ©ãƒª:phpspoté–‹ç™ºæ—¥èªŒ
Sexy sliding JavaScript side bar menu using mootools at Andrew Sellick When trying to conceive ways in which space could be saved on a web page I decided a sliding menu would work well as shown in the images below.ã‚»ã‚¯ã‚·ãƒ¼ã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ‹ãƒ¥ãƒ¼ã£ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã‚»ã‚¯ã‚·ãƒ¼ã«é–‹ã„ã¦ãã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ CSSã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã§ã™ã€‚ ã¡ã‚‡ã£ã¨å¤‰ã‚ã‚Šç¨®ã¨ã„ã†ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚µã‚¤ãƒˆã§ä½¿ãˆãã†ã§ã™ãã€‚
hmabu 2007/11/09
*css

*javascript

css

javascript

library

menu

web

webdesign

webåˆ¶ä½œ

ãƒ¡ãƒ‹ãƒ¥ãƒ¼
ãƒªãƒ³ã‚¯
Tableã¨CSSã„ã‚ã„ã‚ - DesignWalker
hmabu 2007/10/08
*css

*design

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

*webåˆ¶ä½œ

css

design

tips

web

web design

webdesign
ãƒªãƒ³ã‚¯
æ–°è¦ã‚µã‚¤ãƒˆåˆ¶ä½œã‚»ãƒƒãƒˆï¼ˆCSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼‹åŸºæœ¬ãƒ•ã‚©ãƒ«ãƒ€æ§‹é€ ï¼‹HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼‰ã€ä¸€å¼zipã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸ
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
hmabu 2007/09/30
ã‚µãƒ³ãƒ—ãƒ«

*css

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

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

*tips

ä¾¿åˆ©

*web

*webåˆ¶ä½œ

css

html

sample
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžå‘ã‘fonts.cssç™»å ´ï¼Ÿ ç„¡æ–™ã§ä½¿ãˆã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªYUIã®åŸºç¤Ž | Webæ‹…å½“è€…Forum
åŽ»ã‚‹8æœˆ10æ—¥ã€éŠ€åº§ã®ã‚¢ãƒƒãƒ—ãƒ«ã‚¹ãƒˆã‚¢ã«ã¦ã€ŒCSS Nite Vol.20ã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚ ãƒ†ãƒ¼ãƒžã¯ç±³ãƒ¤ãƒ•ãƒ¼ãŒç„¡å„Ÿã§æä¾›ã—ã¦ã„ã‚‹JavaScriptã¨CSSã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒYahoo User Interface Libraryã€ã€‚ã€ŒYUIã€ã®åã§çŸ¥ã‚‰ã‚Œã‚‹ã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«é–¢ã—ã¦ã€ç±³ãƒ¤ãƒ•ãƒ¼ã®YUIãƒãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ãƒžãƒã‚¸ãƒ£ãƒ¼ã§ã‚ã‚‹ã‚¨ãƒªãƒƒã‚¯ ãƒŸãƒ©ã‚°ãƒªã‚¢æ°ãŒæ¥æ—¥ã—ã¦è¬›æ¼”ã—ãŸã€‚ ç·¨é›†éƒ¨ã§ã¯ã€ç‹¬è‡ªã«æ—¥æœ¬èªžå‘ã‘ã®YUI CSSã«é–¢ã™ã‚‹æƒ…å ±ã‚‚å…¥æ‰‹ã—ãŸã®ã§ã€ã‚¤ãƒ™ãƒ³ãƒˆã®æ§˜åã¨ä½µã›ã¦ãƒ¬ãƒãƒ¼ãƒˆã—ã‚ˆã†ã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨ã€YUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯éžå¸¸ã«ã‚ˆãä½œã‚Šè¾¼ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€ã©ã‚“ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆé–‹ç™ºã«ã‚‚åˆ©ç”¨ã§ãã‚‹ä¾¿åˆ©ãªã‚‚ã®ã§ã€ãœã²ä½¿ã£ã¦ã¿ã¦ã»ã—ã„ã€‚ç„¡å„Ÿã§åˆ©ç”¨ã§ãã‚‹ã†ãˆã«ã€åˆ©ç”¨æ¡ä»¶ã¨ã—ã¦ã‚‚ã€å†é…å¸ƒæ™‚ã«è‘—ä½œæ¨©è¡¨ç¤ºã‚’ã™ã‚‹ã ã‘ã„ã„ã€ŒBSDãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€ã§æä¾›ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€å•†ç”¨ã‚µã‚¤ãƒˆã§ä½¿ã†å ´åˆã§ã‚‚ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…¬é–‹ã™ã‚‹ç¾©å‹™ãŒç”Ÿ
hmabu 2007/09/06
*css

ajax

css

javascript

library

programming

tool

yahoo

ã‚ã¨ã§èªã‚€

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
CSSãƒ‡ã‚¶ã‚¤ãƒ³ã§ç¶ºéº—ãªãƒœã‚¿ãƒ³ã‚’ä½œæˆã™ã‚‹ ï¼ˆHow to make sexy buttons with CSSï¼‰ - youmos
hmabu 2007/08/20
*css

*webdesign

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

*webåˆ¶ä½œ

css

design

ie

javascript

tips

webdesign
ãƒªãƒ³ã‚¯
1