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

d6rkaiz id:d6rkaiz

cssã«é–¢ã™ã‚‹d6rkaizã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (65)

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

IBMãŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨HTML/CSSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…¬é–‹
æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦é–‹ç™ºã•ã‚Œã‚‹ã®ã¯ç¾åœ¨ã®å¤§ããªãƒˆãƒ¬ãƒ³ãƒ‰ã§ã™ã€‚ãã‚Œã«ä¼´ã£ã¦HTMLã¨CSSã«ã‚ˆã£ã¦æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹å¿…è¦æ€§ãŒç”Ÿã˜ã¾ã™ã€‚ ã—ã‹ã—æ©Ÿèƒ½ãŒè±Šå¯Œãªæ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’HTMLã¨CSSã§æ§‹ç¯‰ã™ã‚‹ã®ã¯ãã‚Œã»ã©ç°¡å˜ã§ã¯ãªãã€ã—ã‹ã‚‚ãã‚Œã‚’ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å…¨ä½“ã§çµ±ä¸€ã—ã€å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å®Ÿç¾ã™ã‚‹ã®ã¯ã•ã‚‰ã«æ‰‹é–“ã®ã‹ã‹ã‚‹ä½œæ¥ã§ã™ã€‚ ãã†ã—ãŸæ¥å‹™ç”¨ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ã‚µãƒ³ãƒ—ãƒ«ãŒè±Šå¯Œã«å«ã¾ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ŒIBM Lotus User Interface Developer Documentationã€ãŒã€IBMã‹ã‚‰å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ä»Šå›žå…¬é–‹ã•ã‚ŒãŸIBMã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€åŒç¤¾ã®Lotusè£½å“ç¾¤ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’çµ±ä¸€ã™ã‚‹ãŸã‚ã®ç¤¾å†…ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒOne U
d6rkaiz 2009/11/08
IBM

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

html

css

UI

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

è³‡æ–™
ãƒªãƒ³ã‚¯
[CSS]è§’ä¸¸ã‚’ä½¿ç”¨ã—ãªã„ã§ã€å››éš…ã‚’ã™ã£ãã‚Šã¿ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
divã§å®Ÿè£…ã—ãŸãƒ‘ãƒãƒ«ã®å››éš…ã‚’1pxæ¬ ã‘ã«ã—ã¦ã€è§’ã‚’ã™ã£ãã‚Šã¿ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’onderhond.comã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
d6rkaiz 2009/10/22
è§’ä¸¸

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
8 different ways to beautifully style your HTML lists with CSS
The use of HTML lists (<ol> for an ordered list, <ul> for an unordered list) is very common these days. Today, we're going to look a little bit further than creating regular lists, by showing 8 different ways to beautifully style your HTML lists with CSS. We'll use some pure CSS techniques to make a bored list look awesome (and even have some extra functionality). As a reminder, here's how a defau
d6rkaiz 2009/10/21
css

tips

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

ãƒªã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
IE6ã€IE7ã€IE8ã«ãŠã‘ã‚‹CSSã®é•ã„ã¾ã¨ã‚ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
IE? - IE6, IE7 and IE8 Net Applicationsã®å ±å‘Šã«ã‚ˆã‚Œã°ã€2009å¹´9æœˆã«ãŠã‘ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã‚·ã‚§ã‚¢ã¯IEãŒ65.71%ã§éŽåŠæ•°ã®ã‚·ã‚§ã‚¢ã‚’ç¢ºä¿ã—ã¦ã„ã‚‹ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ã¿ã‚‹ã¨IE6 24.42%ã€IE7 19.39%ã€IE8 16.84%ã¨ãªã£ã¦ãŠã‚Šã€IE6ã€IE7ã€IE8ã®ã‚·ã‚§ã‚¢ãŒæ‹®æŠ—ã—ã¤ã¤ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã€‚ã“ã‚Œã¾ã§ã®ã‚·ã‚§ã‚¢å¤‰å‹•ã‹ã‚‰æŽ¨æ¸¬ã™ã‚‹ã¨ã€ä»Šå¾Œæ•°ãƒ¶æœˆã®é–“ã¯3ã¤ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®IEãŒä¼¼ãŸã‚ˆã†ãªã‚·ã‚§ã‚¢ã‚’æŒã£ãŸæœŸé–“ãŒç¶šãã“ã¨ã«ãªã‚‹ã€‚IEãŒç¬¬ä¸€ã‚·ã‚§ã‚¢ã ã¨ã„ã£ã¦ã‚‚ã€çµæžœçš„ã«3ã¤ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«å¯¾å¿œã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ ã“ã®çŠ¶æ³ã¯ã€ç‰¹ã«CSSã®ã‚µãƒãƒ¼ãƒˆã¨ã„ã†é¢ã§åŽ„ä»‹ãªçŠ¶æ³ã‚’ç”Ÿã¿å‡ºã—ã¦ã„ã‚‹ã€‚IE8ã¯CSS 2.1ã¸ã®é«˜ã„æº–æ‹ ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ãŒã€IE7ã¯ãã†ã§ã¯ãªã„ã€‚IE6ã¯ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹è¦ç´ ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã•ã‚‰ã«å°‘ãªã„ã€‚ã¾ãŸIE7ã‚„IE6ã¯å¯¾è±¡ã®è¦ç´ ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„
d6rkaiz 2009/10/16
css

html

ie

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
http://www.helvetireader.com/
d6rkaiz 2009/09/20
greasemonkey

helvetica

google reader

Firefox

css
ãƒªãƒ³ã‚¯
adtaylor.co.uk is coming soon
is a totally awesome idea still being worked on. Check back later.
d6rkaiz 2009/09/20
google calendar

Firefox

helvetica

greasemonkey

css
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é¢å€’ã§åˆ†ã‹ã‚Šè¾›ã„CSSãƒãƒƒã‚¯ã¨ã¯ã‚µãƒ¨ãƒŠãƒ©ã§ããã†ãªã€ŒPHP CSS Browser Selectorã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é¢å€’ã§åˆ†ã‹ã‚Šè¾›ã„CSSãƒãƒƒã‚¯ã¨ã¯ã‚µãƒ¨ãƒŠãƒ©ã§ããã†ãªã€ŒPHP CSS Browser Selectorã€ 2009å¹´09æœˆ14æ—¥- ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é¢å€’ã§åˆ†ã‹ã‚Šè¾›ã„CSSãƒãƒƒã‚¯ã¨ã¯ã‚µãƒ¨ãƒŠãƒ©ã§ããã†ãªã€ŒPHP CSS Browser Selectorã€ã€‚ CSS ã®è¨˜è¿°ã®å˜ç´”åŒ– PHPã§UserAgentã‚’è§£æžã—ã€<html> ã« class ã‚’æŒ¯ã£ã¦ã—ã¾ã†ã“ã¨ã§ã€CSSã®æŒ‡å®šãŒæ¬¡ã®ã‚ˆã†ã«æ¥½ã«ãªã‚Šã¾ã™ã€‚ /* IEã®ã¿ã«é©ç”¨ */ .ie body { background-color: yellow } /* IE7ã®ã¿ã«é©ç”¨ */ .ie7 body { background-color: orange } /* geckoãƒ™ãƒ¼ã‚¹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ã«é©ç”¨ */ .gecko body { background-color: gray } ä½¿ã„æ–¹ (1) å¿…è¦ãªPHPãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¯
d6rkaiz 2009/09/15
ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã«ã‚³ãƒ¼ãƒ‰åãã ã‘ï¼Ÿæ‰‹é–“ãŒã‹ã‹ã£ã¦ã‚‹ã ã‘ã®ã‚ˆã†ãªãƒ»ãƒ»ãƒ»

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

php

css
ãƒªãƒ³ã‚¯
ã€å…¨éƒ¨ç„¡æ–™ã€‘ Webåˆ¶ä½œã«å½¹ç«‹ã¤ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒ„ãƒ¼ãƒ«300+ - ã‹ã¡ã³ã¨.net
Webåˆ¶ä½œã«ä½¿ãˆã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒ„ãƒ¼ãƒ«ãªã©ãŒæ§˜ã€…ãªã‚µã‚¤ãƒˆã§ã‹ãªã‚Š ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ä¾¿åˆ©ãªã‚‚ã®ã§ã™ãŒã€å¤šã™ãŽã¦æ··ä¹±ã™ã‚‹ã®ã§ã€ å‚™å¿˜éŒ²çš„ã«ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒãƒ¼ã«å…¥ã‚ŒãŸWPã§ãƒªãƒ³ã‚¯é›†ã‚’ä½œã£ã¦ã„ã¾ã—ãŸã€‚ ãã‚ãã‚æ•°ãŒè½ã¡ç€ã„ã¦æ¥ãŸã®ã§å¤šãã®æ–¹ã¨ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã€å…¬é–‹ã—ã¦ã¿ã¾ã™ã€‚ ç¾åœ¨330ã‚ã‚Šã¾ã™ãŒã€è¿½åŠ ã—ã¦ã„ãå¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ãƒªãƒ³ã‚¯é›†ã¯å…¨ã¦ç„¡æ–™ã§ä½¿ãˆã‚‹äº‹ã‚’æ¡ä»¶ã«é›†ã‚ã¦ã„ã¾ã—ãŸã€‚è‹±èªžãŒè‹¦æ‰‹ãªæ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã„ã¾ã™ã®ã§Twitterã‚µãƒ¼ãƒ“ã‚¹ã®ã¾ã¨ã‚åŒæ§˜ã€æ—¥æœ¬èªžã§ä½¿ã„æ–¹ãªã©ã‚’èª¬æ˜Žã—ã¦ãã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆã«ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚ç„¡ã„å ´åˆã¯æµ·å¤–ã‚µã‚¤ãƒˆã«ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ãŒã€ãã®å ´åˆã¯ã‚¢ãƒ¡ãƒªã‚«ã®å›½æ——ã‚’ã¤ã‘ã¦ã‚ã‚Šã¾ã™ã€‚ã‚µã‚¤ãƒˆãŒã‚¢ãƒ¡ãƒªã‚«ã®ã‚‚ã®ã‹ã¯çŸ¥ã‚Šã¾ã›ã¬ã€‚åˆ†ã‹ã‚Šã‚ƒã„ã„ã‚“ã ã€åˆ†ã‹ã‚Šã‚ƒã€‚ ç„¡æ–™ã¨ã„ãˆã©ã‚‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ç¸›ã‚Šã‚‚ã‚ã‚Šã¾ã™ã®ã§è‡ªå·±è²¬ä»»ã§ã”åˆ©ç”¨ä¸‹ã•ã„ã€‚ ä½¿ãˆã‚‹ã‹ã©ã†ã‹ã¯å€‹äººå·®ãŒç”Ÿã˜ã¾ã™ã®ã§ä½•ã¨ã‚‚è¨€ãˆã¾ã›ã‚“ãŒã€ãŠå½¹ã«
d6rkaiz 2009/08/13
ã¾ã¨ã‚

webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ

ãƒ•ãƒªãƒ¼ç´ æ

css

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®å®Ÿç”¨çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï¼šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ»ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ç”»åƒãƒ»ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ»ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒœã‚¿ãƒ³ãƒ»ãƒªãƒ³ã‚¯ç·¨
[CSS]ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®å®Ÿç”¨çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï¼šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ»ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ç”»åƒãƒ»ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ»ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒœã‚¿ãƒ³ãƒ»ãƒªãƒ³ã‚¯ç·¨
d6rkaiz 2009/08/08
webãƒ‡ã‚¶ã‚¤ãƒ³

tips

css

è³‡æ–™

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
CSSã®å®Ÿè£…çŠ¶æ³ã§å¤‰ã‚ã‚‹ãƒœãƒƒã‚¯ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ–¹æ³•
Webåˆ¶ä½œã«ãŠã„ã¦ã€å¯¾å¿œã—ãªãã¦ã¯ã„ã‘ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã®ä¸ã«ã¯ã€æœªã ã—ã¶ã¨ãIE6ãŒæ®‹ã£ã¦ã„ã¾ã™ã€‚IE6ãŒ2001å¹´ã«ç™»å ´ã—ãŸã“ã¨ã‚’è€ƒãˆã‚‹ã¨ã€ã‚‚ã†8å¹´ã‚‚ãã®æ™‚ä»£ã®ã€Œç¸›ã‚Šã€ã‚’(å¥æ°—ã«)å®ˆã‚ŠãªãŒã‚‰ä½œã£ã¦ã„ã‚‹ã“ã¨ã«ãªã‚‹ã‚“ã§ã™ãã€‚ ã„ã¾è‰¯ãä½¿ã‚ã‚Œã¦ã„ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚‚ã€ã»ã¨ã‚“ã©ã¯ã“ã®ã€Œç¸›ã‚Šã€ã®ç¯„å›²å†…ã§æœ‰åŠ¹ãªæ‰‹æ³•ãªã‚ã‘ã§ã™ã‹ã‚‰ã€çªç„¶2001å¹´ã«ã‚¿ã‚¤ãƒ ã‚¹ãƒªãƒƒãƒ—ã—ã¦ã‚µã‚¤ãƒˆã‚’ä½œã‚‹äº‹ã«ãªã£ãŸã¨ã—ã¦ã‚‚ã€ä»Šã‚‚æ˜”ã‚‚å¤‰ã‚ã‚‰ãªã„ï¼‘ã¤ã®å¤æ–‡æ›¸ã«å¾“ãˆã°ã„ã„ã®ã§ã€ãã£ã¨æ´»èºã§ãã¾ã™ã€‚ ã—ã‹ã—ãŸã¾ã‚‰ã‚“ã€æµçŸ³ã«ç–²ã‚ŒãŸã€‚ ãƒœãƒƒã‚¯ã‚¹ã²ã¨ã¤ãŒã§ãã‚‹ã“ã¨ CSSã§ã¯ã€æ–‡æ›¸ã‚’æ§‹æˆã™ã‚‹å„è¦ç´ ã¯ã€ãƒœãƒƒã‚¯ã‚¹ã¨ã„ã†çŸ©å½¢é ˜åŸŸã«ç½®ãã‹ãˆã‚‰ã‚Œã€ãã‚Œã‚‰ã®æŒã¤ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æ“ä½œã—ã¦è£…é£¾ã—ã¾ã™ã€‚ã¤ã¾ã‚Šã€ãƒœãƒƒã‚¯ã‚¹ã¯ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ§‹æˆã™ã‚‹æœ€å°å˜ä½ã¨è¨€ãˆã‚‹ã‚ã‘ã§ã™ãã€‚ ãã“ã§ä»Šå›žã¯ã€æœ€å°å˜ä½ã¨ãªã‚‹1ã¤ã®ãƒœãƒƒã‚¯ã‚¹ã«å¯¾ã—ã¦ã€ã©ã®ã‚ˆã†ãªè£…é£¾æ‰‹æ³•ãŒæœ‰åŠ¹ã‹ã¨ã„ã†ç‚¹ã‚’ã€CS
d6rkaiz 2009/08/03
ã‚³ãƒ¡æ¬„ã®é‡£ã‚Šé‡æ³¨æ„

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

css

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

è³‡æ–™
ãƒªãƒ³ã‚¯
Appleé¢¨ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
Appleé¢¨ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ç´¹ä»‹ã§ã™ã€‚ Create an apple style menu and improve it via jQuery
d6rkaiz 2009/03/31
ãƒ‡ã‚¶ã‚¤ãƒ³

ã¾ã¨ã‚

css

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

apple
ãƒªãƒ³ã‚¯
Simple scalable CSS based breadcrumbs | Veerle's blog
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! A few days ago I was implementing breadcrumbs in a website Iâ€™m working on. Not that I sincerely believe every site needs this, but on some occasions and to some users breadcrumbs are practical. Anyhow, it gave me the idea to write an article about it because itâ€™s been a while since I
d6rkaiz 2009/02/19
breadcrumbs

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã“ã‚Œã•ãˆã‚„ã‚Œã°CSSã‚’ãƒžã‚¹ã‚¿ãƒ¼ã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„CSSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼†ã‚µãƒ³ãƒ—ãƒ«20:phpspoté–‹ç™ºæ—¥èªŒ
çš†ã•ã‚“ã€æ–°å¹´ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚ ä»Šå¹´ã‚‚èªã‚“ã§ã„ãŸã ãã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã§ã¯ã€æ—©é€Ÿã§ã™ãŒè¨˜äº‹ã®ã”ç´¹ä»‹ã€‚ 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com ã“ã‚Œã•ãˆã‚„ã‚Œã°CSSã‚’ãƒžã‚¹ã‚¿ãƒ¼ã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„CSSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼†ã‚µãƒ³ãƒ—ãƒ«20ã€‚ å…¨éƒ¨ã€ãã®ãƒ¡ã‚«ãƒ‹ã‚ºãƒ ã«ã¤ã„ã¦è¦šãˆãŸã‚‰ã‹ãªã‚ŠCSSã«è©³ã—ããªã‚‹ã®ã¯é–“é•ã„ãªã•ãã†ã€‚ Advanced CSS Menu ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ãŸã¨ãã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒCSSã‚ªãƒ³ãƒªãƒ¼ã§åˆ‡ã‚Šæ›¿ã‚ã‚‹ CSS Based Navigation ã“ã¡ã‚‰ã‚‚åŒæ§˜ã€‚JavaScriptãƒ¬ã‚¹ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’åˆ‡ã‚Šæ›¿ãˆã¾ã™ CSS Fancy Menu CSSã¨JSã‚’ä½¿ã£ã¦Flashã°ã‚Šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œæˆ Expandable CSS Tabs Tutorial ãƒ†ã‚ã‚¹ãƒˆé•·ã«å¿œ
d6rkaiz 2009/01/10
ã¾ã¨ã‚

webåˆ¶ä½œ

css

tips
ãƒªãƒ³ã‚¯
HTMLã‚¯ã‚¤ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ã“ã®è¨˜äº‹ã§ã¯ã€æ—¥æœ¬äººå®¢å‘ã‘ã«é‹å–¶ã•ã‚Œã¦ã„ã‚‹ä¿¡ç”¨ã§ãã‚‹ãŠã™ã™ã‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽã‚’åŽ³é¸ã—ã¦ç´¹ä»‹ã—ã€ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚„ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’å¾¹åº•è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽåˆå¿ƒè€…ã®æ–¹ã®ãŸã‚ã«ã€ãŠå¾—ã«æ¥½ã—ã‚ã‚‹ã‚ªãƒ³ã‚«ã‚¸ã®é¸ã³æ–¹ã‚„ã‚«ã‚¸ãƒŽã®å§‹ã‚æ–¹ã€å…¥é‡‘ä¸è¦ãƒœãƒ¼ãƒŠã‚¹ã®è©³ç´°ãªã©ã«ã¤ã„ã¦ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãè§£èª¬ã—ã¦ã„ãã¾ã™ã®ã§æœ€å¾Œã¾ã§ã—ã£ã‹ã‚Šèªã‚“ã§ã‹ã‚‰ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽã‚’é¸ã³ã¾ã—ã‚‡ã†ã€‚ å½“ã‚µã‚¤ãƒˆé™å®šã®æœ€æ–°ç‰ˆï¼ãŠã™ã™ã‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽäººæ°—ãƒ©ãƒ³ã‚ãƒ³ã‚°ä¸€è¦§ æœ€æ–°ã®ãŠã™ã™ã‚ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽãƒ©ãƒ³ã‚ãƒ³ã‚°ä¸€è¦§ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚
d6rkaiz 2009/01/08
ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

css

html

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã—ãŸãƒšãƒ¼ã‚¸ã‚’ã•ãã•ãä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã€ŽDrawterã€ | 100SHIKI
CSSã¨HTMLã®çŸ¥è˜ã¯å¿…é ˆã ãŒã€æ…£ã‚Œã¦ã„ã‚‹äººã«ã¯è¶…çµ¶ä¾¿åˆ©ãã†ãªãƒ„ãƒ¼ãƒ«ã®ã”ç´¹ä»‹ã€‚ Drawterã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§DOMè¦ç´ ã‚’é…ç½®ã€ã•ã¾ã–ã¾ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’æ–½ã—ãŸã‚ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã ã€‚ ã¤ã¾ã‚‹ã¨ã“ã‚ã€CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã—ãŸã‚µã‚¤ãƒˆè£½ä½œãƒ„ãƒ¼ãƒ«ã¨ã„ã£ã¦ã‚‚ã„ã„ã ã‚ã†ã€‚ è¦ç´ ã”ã¨ã«ã•ã¾ã–ã¾ãªå±žæ€§ã‚’ç›´æ„Ÿçš„ã«è¿½åŠ ã—ã¦ã„ã‘ã‚‹ç‚¹ãŒç´ æ™´ã‚‰ã—ã„ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§è·äººã½ã„ã®ã§å€‹äººçš„ã«å¥½ã¿ã§ã‚ã‚‹ã€‚æ—¥æœ¬èªžã‚‚å…¥åŠ›å¯èƒ½ã ã€‚ å½“ç„¶ãªãŒã‚‰ä½œã‚Šçµ‚ãˆãŸã‚ã¨ã¯ã€ŒGenerate Codeã€ã‚³ãƒžãƒ³ãƒ‰ã§ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã€ãã®ã¾ã¾ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã€‚ ä¼¼ãŸã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã¯ã™ã§ã«ã„ãã¤ã‹ã‚ã‚‹ãŒã€Drawterã®å®Œæˆåº¦ã¯ã‹ãªã‚Šé«˜ã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚æ˜¯éžè©¦ã—ã¦ã¿ã¦ã‚‚ã‚‰ã„ãŸã„ã€‚
d6rkaiz 2008/11/28
ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

css

html

tool

webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Project Deploy - The Future Of Robotics & Programming
Many medical institutes in the United States use some type of software to manage their records. It eliminates the use of paper, makes transf erring information easier, and provides an easy to access database. Most would assume that such a system is also very secure. But programmers and physicians from the University of California recently showed [â€¦] Everyone dreams of making their own game, and wit
d6rkaiz 2008/11/28
ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

webåˆ¶ä½œ

css

html

tool

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
d6rkaiz 2008/11/13
æ–°è¦ã‚µã‚¤ãƒˆä½œæˆã®é››å½¢ã¨ã—ã¦ã€‚

css

webåˆ¶ä½œ

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

javascript

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

html
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆé›† | ã‚³ãƒªã‚¹
<textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:
d6rkaiz 2008/11/13
å„ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã«ã¡ãŒã†CSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹ãŸã‚ã®ã¾ã¨ã‚

css

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[ä½¿ãˆã‚‹CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯Vol.2] CSS ã‚’ä½¿ã£ãŸè¦‹æ „ãˆã®è‰¯ã„ãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ç¬¬ 3 å›žç›®ã¯ã€Œè¦‹æ „ãˆã®è‰¯ã„ãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ã€ã§ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§è¦‹æ „ãˆã®è‰¯ã„ãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’å®Ÿç¾ã—ã¾ã™ã€‚ XHTML ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ä»¥ä¸‹ã§ã™ã€‚ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> ã‚µãƒ³ãƒ—ãƒ«1ï¼š ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãªãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãªãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ Â«
d6rkaiz 2008/11/12
css

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

ãƒšãƒ¼ã‚¸ãƒ£ãƒ¼
ãƒªãƒ³ã‚¯
é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«
No Images è¨˜äº‹ãƒšãƒ¼ã‚¸ h2-01ã«ç§»å‹• column2 é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚ é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã€‚é«˜ã•ã®ç•°ãªã‚‹
d6rkaiz 2008/11/02
ã‚«ãƒ©ãƒ ã‚’ãã‚ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆä¾‹

css

html

webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸