[B! cool][tips] sstã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sst id:sst

coolã¨tipsã«é–¢ã™ã‚‹sstã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

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

ã‚ãªãŸã‚’åˆºæ¿€ã™ã‚‹æ–°ã—ã„å‹•ãã‚’ç™ºè¦‹ã™ã‚‹ãŸã‚ã®7ã¤ã®FLASHã‚µã‚¤ãƒˆ*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
ã“ã‚Œã¯ã‚ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ä¸€éƒ¨ã§ã‚ã‚‹ã“ã¨ã‚’å…ˆã«å‘Šã’ã¦ãŠããŸã„ã€‚ Exploring Design: Outstanding Start Pages æµ·å¤–ã®è¨˜äº‹ã ã‘ã©ã€ã“ã‚Œã ã‘ã¯è¦‹ã¦ãŠã„ãŸã»ã†ãŒè‰¯ã„ã¨æ€ã£ãŸï¼—ã¤ã®FLASHã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ãŒã€éžå¸¸ã«èˆˆå‘³æ·±ã‹ã£ãŸã®ã§æŠœç²‹ã—ã¦ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ è¦‹é€ƒã—ã¦ã¯ã„ã‘ãªã„7ã¤ã®FLASHã‚µã‚¤ãƒˆ ã™ã”ã„ã€‚ ã“ã®FLASHã¯ä¹…ã—ã¶ã‚Šã«æ„Ÿå‹•ã—ãŸã€‚ ãƒžã‚¦ã‚¹ãŒé‰›ç†ã¨åŒ–ã—ã€ãã®ãŸã©ã‚‹é“ã‚’æ›¸ã„ã¦ã„ã‚‹ã¾ã§ã¯è‰¯ã„ã€‚ ãã“ã‹ã‚‰æ–‡å—ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦æ‹¡å¤§ã—ãŸã¨ãã€é‰›ç†ã®èµ·å‹•ãŒ3Dã¨ã—ã¦è¡¨ç¾ã•ã‚Œã‚‹ã€‚ ç‰¹ã«å‹•ç”»ã®é–‹ãæ–¹ãªã©ã¯å‚è€ƒã«ãªã‚‹ã€‚ ãã‚Œãžã‚Œã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚´ãƒ ã§æŒŸã¾ã‚ŒãŸã‚ˆã†ãªæ„Ÿè§¦ã€‚ è§¦ã£ã¦ã¿ã‚‹ã¨ã‚ã‹ã‚‹ã‘ã©ã€çµæ§‹ç™–ã«ãªã‚‹ã€‚ ãƒ‰ãƒ©ãƒƒã‚¯ï¼†ãƒ‰ãƒãƒƒãƒ—ã‚’ã†ã¾ãæ´»ç”¨ã—ã¦ã„ã‚‹ã®ãŒã‚ã‹ã‚‹ã€‚ æœ¬ãŒã°ãŸã°ãŸå€’ã‚Œã‚‹ã‚ˆã†ã«é–‹ã„ãŸã‚Šé–‰ã˜ãŸã‚Šã€‚ å‹•ä½œã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒã™ã°ã‚‰ã—ã„ã€‚ ã“ã‚Œã ã‘ã®å‹•ãã§ååˆ†é ã«æ®‹ã‚‹ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒ
sst 2007/07/25
design

flash

cool

summary

tips

idea
ãƒªãƒ³ã‚¯
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
sst 2006/10/12
èƒŒæ™¯ç”»åƒã¨borderã§ã‚¿ãƒ–åž‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼/æ–‡å—æ•°ã«ã‚ˆã£ã¦ä¼¸ç¸®å¯èƒ½

css

cool

design

html

tips

interface
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

coolã¨tipsã«é–¢ã™ã‚‹sstã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ãŠçŸ¥ã‚‰ã›

ã€å®Œäº†ã€‘3æœˆ26æ—¥(æœ¨)15:00é ƒã‹ã‚‰30åˆ†ç¨‹åº¦ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŸã‚ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã‚’ã¤ã‘ã‚‰ã‚Œãªã„æ™‚é–“å¸¯ãŒç™ºç”Ÿã—ã¾ã™

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

coolã¨tipsã«é–¢ã™ã‚‹sstã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ã‚ãªãŸã‚’åˆºæ¿€ã™ã‚‹æ–°ã—ã„å‹•ãã‚’ç™ºè¦‹ã™ã‚‹ãŸã‚ã®7ã¤ã®FLASHã‚µã‚¤ãƒˆ*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³

CSSã§ã‚¯ãƒ¼ãƒ«ãªã‚¿ãƒ–UIã‚’ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

coolã¨tipsã«é–¢ã™ã‚‹sstã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ã‚ãªãŸã‚’åˆºæ¿€ã™ã‚‹æ–°ã—ã„å‹•ãã‚’ç™ºè¦‹ã™ã‚‹ãŸã‚ã®7ã¤ã®FLASHã‚µã‚¤ãƒˆ*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³

CSSã§ã‚¯ãƒ¼ãƒ«ãªã‚¿ãƒ–UIã‚’ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹