[B! webãƒ‡ã‚¶ã‚¤ãƒ³] fafhrdã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fafhrd id:fafhrd

webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹fafhrdã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (25)

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

ã“ã‚Œã¯è¡æ’ƒçš„ï¼CSSé–‹ç™ºã‚’çˆ†é€ŸåŒ–ã™ã‚‹ã€ŒEmmet LiveStyleã€:phpspoté–‹ç™ºæ—¥èªŒ
Emmet LiveStyle ? live bi-directional CSS edit of new generation CSSé–‹ç™ºã‚’çˆ†é€ŸåŒ–ã™ã‚‹ã€ŒEmmet LiveStyleã€ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®DOMã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ã®æ–¹ã§CSSã‚’ä¿®æ£ã™ã‚‹ã¨SublimeTextã«åæ˜ ã•ã‚Œã€ã¾ãŸSublimeTextã‚’ç·¨é›†ã™ã‚‹ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã«å³åæ˜ ã•ã‚Œã‚‹ã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã§ç·¨é›†ã—ã¡ã‚ƒãˆã°ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¯ã§ãã‚‹ã‘ã©ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã«ã‚³ãƒ”ãƒ¼ãŒå¿…è¦ã§ã€é€†ã«ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§æ›¸ãã®ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒªãƒãƒ¼ãƒ‰ãŒå¿…è¦ã¨ã„ã£ãŸå…·åˆã«æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ãŒã€ãã®æ‰‹é–“ãŒãªããªã‚Šã¾ã™ æ›´ã«ã€è¤‡æ•°ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«å³åº§ã«åæ˜ ã•ã‚Œã‚‹ãŸã‚ã€æ¨ªå¹…ã‚’å°ã•ãã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ã€é€šå¸¸ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é–‹ã‘ã°ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒåŒæ™‚ã«çµ‚ã‚ã‚Šã¾ã™ã€‚ ç‰‡æ–¹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®DOMã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ã§CSSã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ã‚‚ã‚‚ã†ä¸€æ–¹ã®ãƒ–ãƒ©ã‚¦ã‚¶
fafhrd 2013/08/09
css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Did you Know? You can place this HTML color code tool on your websites free. Â»
Make your website talk! Add a customized talking character to your website. Design it, script it and add it to your sites in minutes. Itâ€™s as easy as 1,2,3! Try free demo now! This HTML color code tool is based on classic color theory pioneered by Johannes Itten in the mid 1900s. Johannes Itten developed a new kind of color wheel that changed the way color was seen. This wheel is still in use toda
fafhrd 2007/07/11
webdesign

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

è‰²

é…è‰²
ãƒªãƒ³ã‚¯
kuler
fafhrd 2007/04/04
webdesign

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

web design

è‰²è¦‹æœ¬

é…è‰²
ãƒªãƒ³ã‚¯
CSS Rounded Corners 'Roundup' | Smiley Cat Web Design
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The probl em now is there are so many choices itâ€™s hard to know which one to choose. To that end Iâ€™ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS
fafhrd 2007/03/06
web

design

webdesign

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

è§’ä¸¸
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï½œCSS HappyLife
æ™®é€šã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ä¹…ã€…ãªæ°—ãŒã™ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚ ä»Šå›žã¯ãƒˆãƒ”ãƒƒã‚¯ãƒ‘ã‚¹ã¨ã‹ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãªã‚“ã¦å‘¼ã°ã‚Œã¦ã‚‹ã€ã¡ã‚‡ã£ã¨è¦æ¨¡ã®å¤§ãã„ã‚µã‚¤ãƒˆã§ã¯æ—¥å¸¸èŒ¶é£¯äº‹ã§è¦‹ã‹ã‘ã‚‹ã‚¢ãƒ¬ã®ã‚µãƒ³ãƒ—ãƒ«è‰²ã€…ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®å‰ã« #main .entryBody #topicPath_01 ã¨ã‹ã£ã¦ãªã£ã¦ã¾ã™ã‘ã©ã€#main .entryBody ã¯ã‚¦ãƒã®ã‚µã‚¤ãƒˆã®éƒ½åˆã§å„ªå…ˆé †ä½ä¸Šã’ã®ç‚ºã«ã‚„ã£ã¦ã‚‹ã‚“ã§ã€ã‚³ãƒ”ã£ãŸã‚Šã™ã‚‹å ´åˆã¯ã„ã‚‰ãªã„æ„Ÿã˜ã§ã™ã€‚ #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
fafhrd 2007/02/01
css

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Faviconã‚’ã¤ãã‚‹ã¨ãã«å‚è€ƒã«ã—ãŸã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼†ãƒ„ãƒ¼ãƒ«ã„ã‚ã„ã‚ | P O P * P O P
ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã‚„ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®å·¦å´ã«è¡¨ç¤ºã•ã‚Œã‚‹Faviconï¼ˆã“ã‚“ãªã®â†“ã§ã™ãï¼‰ã«é–¢ã™ã‚‹è¨˜äº‹ãŒã‚ã‚Šã¾ã—ãŸã€‚ å‚è€ƒã«ãªã‚Šãã†ãªãã‚Œã„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ„ãƒ¼ãƒ«é¡žãŒã‚ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ã“ã‚Œã‹ã‚‰Faviconã¤ãã‚‹ãžãƒ¼ã€ã¨ã„ã†äººã¯ã‚ˆã‚ã—ã‘ã‚Œã°ã©ã†ãžï¼ˆãã‚Œã‚ˆã‚Šã‚‚ã“ã®ãƒ–ãƒã‚°ã®Faviconã‚’ãªã‚“ã¨ã‹ã—ãªãã¦ã¯ãƒ»ãƒ»ãƒ»ï¼‰ã€‚ Â» Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine ä¸‹è¨˜ã«ä¸€éƒ¨ã‚’ã”ç´¹ä»‹ã€‚ â– èŠ±ã³ã‚‰ç³»ãƒ‡ã‚¶ã‚¤ãƒ³ â†‘ ã‚«ãƒ©ãƒ•ãƒ«ã§ã™ãã€‚ â– ä¸¸ç³»ãƒ‡ã‚¶ã‚¤ãƒ³ â†‘ ä¸¸ã‚’ä¸Šæ‰‹ã«ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¯Web2.0ã½ã„æ°—ãŒã—ã¾ã™ã€‚ â– æ–‡å—ç³»ãƒ‡ã‚¶ã‚¤ãƒ³ â†‘ Googleã®ã€ŒGã€ã‚„mixiã®ã€Œmã€ã‚‚ãã†ã§ã™ãã€‚ã¯ã¦ãªã¯ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¯ã€ŒBã€ã€ãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã¯ã€ŒDã€ãªã©ã¨åˆ†ã‘ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ â– æ¨¡æ§˜ç³»ãƒ‡ã‚¶ã‚¤ãƒ³ â†‘ å‡ã£ã¦ã¾ã™ãã€‚ â– å››è§’ç³»ãƒ‡ã‚¶ã‚¤ãƒ³ â†‘ Appleã¯å››
fafhrd 2007/02/01
webdesign

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

favicon
ãƒªãƒ³ã‚¯
Jan 18 2007 :: CSS å‹‰å¼·ä¼šã§ç™ºè¡¨ã—ã¾ã—ãŸ / nulog, NULL::something : out of the washer
ãƒã‚¤ãƒˆå…ˆã®ç¤¾å†… CSS å‹‰å¼·ä¼šã§ã¡ã‚‡ã£ã¨ (?) ã—ã‚ƒã¹ã‚Šã¾ã—ãŸã€‚è³‡æ–™ ç½®ã„ã¨ãã¾ã™ã€‚(Safari, Fx, Opera ç”¨) è³‡æ–™ã¯å®Ÿéš›ã«è¦‹ã›ãŸã®ã¨å°‘ã—å¤‰ãˆã¦ã‚ã‚Šã¾ã™ã€‚æœ¬æ¥ã—ã‚ƒã¹ã‚‹ã¤ã‚‚ã‚Šã˜ã‚ƒãªãã¦ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆã—ãŸéƒ¨åˆ†ã‚‚ã—ã‚ƒã¹ã£ã¦ã—ã¾ã£ãŸã®ã§è¡¨ç¤ºã•ã›ã¦ã‚ã‚Šã¾ã™ã€‚ ã ã„ã¶ãƒ†ãƒ³ãƒ‘ã£ã¦ã¾ã—ã¦ä½•åˆ†å–‹ã£ãŸã‹ã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“ã€‚è³‡æ–™ã¨ã‹gdgdã§ã™ãŒæ¥½ã—ã‚“ã§ã„ãŸã ã‘ãŸã‚‰å¹¸ã„ã§ã™ï¼ˆã¦ã‘ ãƒ‡ã‚¶ã‚¤ãƒŠã•ã‚“ãŒã„ã‚‹ã®ã«ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã©ã†ã“ã†ã„ã†ã®ã¯ç¬‘ãˆã‚ˆwwwwãƒˆãƒãƒ³ãƒœãƒ¼ãƒ³wwwwã£ã¦æ„Ÿã˜ã§ã™ãŸã‘ã©ã€ä½•ã‚‚è€ƒãˆãªã„ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ CSS ã®æ ¹æœ¬çš„ãªéƒ¨åˆ†ã¯ç™ºè¡¨ç›´å‰ã«æ›¸ãã¾ã—ãŸã€‚ãƒã‚¿ãŒã“ã®ã¸ã‚“ã‹ã¶ã‚‹ã¨æ€ã£ã¦ã„ãŸã‚‰å…¨ãã‹ã¶ã‚‰ãªã‹ã£ãŸã®ã§æ€¥é½å…¥ã‚Œã¾ã—ãŸã€‚ ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ„ãƒ¼ãƒ«ã¯ text-hatena.js ã¨ MochiKit, KeyTypeListener.js ã‚’ä½¿ã£ã¦ã¤ãã‚Šã¾ã—ãŸã€‚ã¯ã¦ã‚°ã®ãƒ—ãƒ¬
fafhrd 2007/01/31
css

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹16ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ„ãƒ¼ãƒ« - DesignWalker
fafhrd 2007/01/29
webãƒ‡ã‚¶ã‚¤ãƒ³

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ã¨ã„ã†æœ€å¾Œ
fafhrd 2007/01/23
webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒžã§ã‚‚å‡ºæ¥ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³ - Blog.37to.net
home blog labs about contact ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ»é–‹ç™º > ãƒ—ãƒã‚°ãƒ©ãƒžã§ã‚‚å‡ºæ¥ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³ (X)HTML CSS ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ãƒ‡ã‚¶ã‚¤ãƒ³ ç”»åƒ ä½œæˆï¼š 2007-01-08T01:58:41+09:00 æ›´æ–°ï¼š 2009-04-29T09:48:31+09:00 å¹´å§‹æ—©ã€…ã«å¤§å¹…ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸå½“ãƒ–ãƒã‚°ã§ã™ãŒã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã®ãŠçŸ¥ã‚‰ã›ã§ã‚‚æ›¸ã„ãŸé€šã‚Šã€ ä»Šå›žã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«å½“ãŸã£ã¦ã®ä½œæˆéŽç¨‹ã‚„ã€ä½¿ã£ãŸãƒ„ãƒ¼ãƒ«ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã®ç„¡ã„ç§ã«ã¨ã£ã¦ã€ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã¯è‰¯ãå‡ºæ¥ãŸã¨è‡ªè² ã—ã¦ã„ã‚‹ã®ã§ã€ ãŠé¡Œã¯ãƒ—ãƒã‚°ãƒ©ãƒžã§ã‚‚å‡ºæ¥ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ å‰æã¨ã—ã¦ã€CSSã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå‡ºæ¥ã¦ã€ã‚ã‚‹ç¨‹åº¦HTMLã¯è¨è¨ˆå‡ºæ¥ã‚‹ã€ã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãƒ»ãƒ»ãƒ»orz ãªäººã‚’å¯¾è±¡ã«ã—ã¦ã„ã¾ã™ã€‚ ä½¿ç”¨ã—ãŸãƒ„ãƒ¼ãƒ«ãƒ»ã‚µã‚¤ãƒˆä¸€è¦§ ä½œæˆéŽç¨‹ã¯å¾ŒåŠã«æ›¸ãã¨ã—ã¦ã€ä»Šå›žä½¿ç”¨ã—ãŸã‚µã‚¤ãƒˆãƒ»ãƒ„ãƒ¼ãƒ«ã§
fafhrd 2007/01/10
webãƒ‡ã‚¶ã‚¤ãƒ³

web design
ãƒªãƒ³ã‚¯
ã¡ã‚‡ã£ã¨ä½¿ãˆã‚‹ã‹ã‚‚ã—ã‚Œãªã„CSS(1) - è¦‹å‡ºã—ã‚’é£¾ã‚‹ | ã‚ªãƒˆã‚³ã®ã‚ãƒ¢ãƒï¼’
ã“ã¡ã‚‰ã®ãƒ–ãƒã‚°ã«ã¯èªè¨¼ãŒã‹ã‹ã£ã¦ã„ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼å ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ Powered by Seesaa
fafhrd 2006/09/24
css

design

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å‘ã‘å®šè¦ã¨ã‚°ãƒªãƒƒãƒ‰ | ç§‹å…ƒ@ã‚µã‚¤ãƒœã‚¦ã‚ºãƒ©ãƒœãƒ»ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ãƒ–ãƒã‚°
ãƒšãƒ¼ã‚¸ã®èƒŒæ™¯ç”»é¢ã«ã€å®šè¦ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ç½®ã„ã¦ãŠãã¨ã€CSS ã«ã‚ˆã‚‹è¦ç´ ã®é…ç½®ã‚„å¾®èª¿æ•´ãŒã†ã¾ãã„ãã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨ã„ã†è©±ã€‚ å®šè¦ã¯ã“ã¡ã‚‰ã€‚( via Airbag ) ã“ã‚Œã‚’ã•ã‚‰ã«2æ¬¡å…ƒã«ã—ãŸã®ãŒã€ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ç”»åƒã‚°ãƒªãƒƒãƒ‰ã€‚åˆ©ç”¨ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ã€‚ ( via Smiley Cat ) ã“ã®è¨˜äº‹ã¯ç§»è»¢å‰ã®å¤ã„URLã§å…¬é–‹ã•ã‚ŒãŸæ™‚ã®ã‚‚ã®ã§ã™ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãŒæ–°æ—§ã§åˆ†æ•£ã—ã¦ã„ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ç§»è»¢å‰ã¯ç¾åœ¨ã¨ã¯æ–‡ä½“ãŒé•ã„ã€Œã§ã‚ã‚‹ã€èª¿ã§ã™ã€‚(å‚è€ƒ)è¨˜äº‹ã®å†…å®¹ãŒå¤ãã¦å½¹ã«ç«‹ãŸãªããªã£ã¦ã„ã‚‹ã€ã¨ã„ã†å ´åˆã«ã¯ã‚³ãƒ¡ãƒ³ãƒˆã‚„ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã§ã”æŒ‡æ‘˜ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚æœ€æ–°ã®çŠ¶æ³ã‚’èª¿ã¹ã¦æ–°ã—ã„è¨˜äº‹ã‚’æ›¸ãã‹ã‚‚ã—ã‚Œã¾ã›ã‚“
fafhrd 2006/08/04
webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

tips
ãƒªãƒ³ã‚¯
CurvyCorners - Beautiful rounded corners for your HTML boxes
æŽ¢åµã®ãƒã‚¤ãƒˆã®ãã£ã‹ã‘ã¯å˜ç´”ãªã‚‚ã®ã€‚ ãŸã‚“ãªã‚‹ã‚¢ãƒ«ãƒã‚¤ãƒˆã®ã¤ã‚‚ã‚Šã ã£ãŸã€‚ åå¤å±‹ã§ã‚¢ãƒ«ãƒã‚¤ãƒˆã§ãã‚‹ã®ã¯å¬‰ã—ã„ã“ã¨ã ã‘ã‚Œã©ã€‚ ãã‚ŒãŒæŽ¢åµäº‹å‹™æ‰€ã¨ã¯ã€æ€ã„ã‚‚ã‚ˆã‚‰ãªã„ã€‚ åå¤å±‹ã¯è‰¯ã„ã‘ã‚Œã©ã€æŽ¢åµäº‹å‹™æ‰€ã£ã¦ã€ã€ã€ ãã®ã“ã‚ã€è³‡æ ¼ã‚’ã¨ã‚‹ãŸã‚ã®å‹‰å¼·ã‚’é ‘å¼µã£ã¦ã€ è©¦é¨“ã‚’å—ã‘ãŸã‘ã‚Œã©ã€å¦ç§‘ã¯é€šã‚Šã€ å®ŸæŠ€ã‚’è½ã¡ã¦ã—ã¾ã£ãŸã‚ãŸã—ã¯ã€å°±è·ã™ã‚‹æ°—åˆ†ã«ãªã‚Œãªã‹ã£ãŸã€‚ å—é¨“ã—ã¦ï¼“é€±é–“ã»ã©ã§çµæžœãŒå±Šãã€ã™ãã•ã¾å†è©¦é¨“ã®ç”³ã—è¾¼ã¿ã¯ã—ãŸã‘ã‚Œã©ã€ã€ã€ ã¡ã‚‡ã†ã©ã€ï¼“ãƒ¶æœˆã€‚å‹é”ã¨ä¸€ç·’ã«åå¤å±‹ã®å¦æ ¡ã¸é€šã†ã€‚ ãã®é–“ã¯ã€ä¸¡è¦ªã‚‚å¿«ãå”åŠ›ã—ã¦ãã‚ŒãŸã®ã ãŒã€ã•ã™ãŒã«è©¦é¨“ã«è½ã£ã“ã¡ã¦ã—ã¾ã†ã¨ã€æ…‹åº¦ãŒå†·ãŸãæ€¥å¤‰ã—ãŸã€‚ ã§ã€ã‚¢ãƒ«ãƒã‚¤ãƒˆã‚’æŽ¢ã™ã“ã¨ã«ã—ãŸã®ã ã€‚ ï¼‘æ—¥ä¸ã€ã„ã¤æ©Ÿå«Œã®æ‚ªããªã‚‹ã¨ã‚‚ã—ã‚Œãªã„æ¯è¦ªã¨é¡”ã‚’çªãåˆã‚ã›ã‚‹ã‚ˆã‚Šã¯ã€ å°‘ã—ã§ã‚‚ç¨¼ããã‚‰ã„ã®æ–¹ãŒãƒžã‚·ã ã¨åˆ¤æ–ã—ãŸã‹ã‚‰ã€‚ ã¾ã ã€åå¤å±‹ã®å¦æ ¡ã®å†è©¦é¨“ã‚‚æŽ§ãˆã¦ã„ã‚‹ã—ã€ãã“ã¾ã§ä¸€ç”Ÿæ‡¸å‘½ã«ä»•äº‹ã¯ã—ãŸã
fafhrd 2006/06/17
webãƒ‡ã‚¶ã‚¤ãƒ³

è§’ä¸¸

webdesign

css

javascript
ãƒªãƒ³ã‚¯
Dynamic Drive CSS Library- Practical CSS codes and examples
fafhrd 2006/05/11
css

design

web design

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
fafhrd 2006/04/20
css

design

webdesign

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

layout

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
hxxk.jp - CSS ã‚’æ›¸ãå‰ã«èªã‚“ã§ã‚‚ã‚‰ã„ãŸã„ã“ã¨
è¨˜äº‹ãƒ‡ãƒ¼ã‚¿ æŠ•ç¨¿è€… æœ›æœˆçœŸç´ æŠ•ç¨¿æ—¥æ™‚ 2006-04-09T19:40+09:00 ã‚¿ã‚° CSS IRC Team-One ã‚ªãƒ•ä¼š ä»•æ§˜ å®Ÿè·µ Web Standards Design æ˜¥ã«ä¼šã„ã¾ã—ã‚‡ã† æ¦‚è¦ CSS ã®åˆå¿ƒè€…ãªã‚ãªãŸã‚‚ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãªã‚ãªãŸã‚‚ã€ã¨ã‚Šã‚ãˆãšã“ã“ã¯æŠ¼ã•ãˆã¨ã‘ã€ã¨ã„ã†è¨˜äº‹ã‚’ç´¹ä»‹ã€‚ ãƒªãƒ—ãƒ©ã‚¤ 7 ä»¶ã®ãƒªãƒ—ãƒ©ã‚¤ãŒã‚ã‚Šã¾ã™ã€‚ CSS ã‚’æ›¸ãå‰ã«ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã®ã‚¯ã‚»ã‚’ãƒªã‚»ãƒƒãƒˆ CSS ã‚’æ›¸ãã“ã¨ã«æ…£ã‚Œã¦ã„ã‚‹äººã¯ã‚ˆãã”å˜çŸ¥ã§ã—ã‚‡ã†ã‘ã©ã€ IE ã‚„ Firefox ã‚„ Opera ã‚„ Safari ãªã©ã® UA ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨å‘¼ã°ã‚Œã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’æŒã£ã¦ãŠã‚Šã€ãã‚Œã‚’é©ç”¨ã›ãã°ã€ã‚ã‚‹ã„ã¯ãã†ã§ã‚ã‚‹ã‹ã®ã‚ˆã†ã«å‹•ä½œã›ãã°ãªã‚‰ãªã„ã¨ä»•æ§˜ã§å®šã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ User agent: Conforming user agents must apply a default s
fafhrd 2006/04/10
css

design

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã®å·®ç•°ã‚’ç„¡ãã™CSS
fafhrd 2006/04/10
css

design

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å®šçŸ³ã€€WinIE6ãƒã‚°å›žé¿æ³•
CSSã‚’ä½¿ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã«WinIE6ã®ãƒã‚°ã‚’å›žé¿ã™ã‚‹ãŸã‚ã®ã€Œå®šçŸ³ã€ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã¨ãã«é‡è¦ã ã¨æ€ã†ã‚‚ã®ã¯å¼·èª¿ã—ã¦ã‚ã‚Šã¾ã™ã€‚å‚è€ƒã¨ã—ã¦ãƒã‚°è¾žå…¸ã¸ã®ãƒªãƒ³ã‚¯ã‚‚ç”¨æ„ã—ã¾ã—ãŸï¼ˆã¤ã¾ã‚Šå›žé¿æ³•ã‚’ç”¨ã„ãªã„å ´åˆã«ã©ã‚“ãªãƒã‚°ãŒç™ºç¾ã™ã‚‹ã‹ï¼‰ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºé–¢ä¿‚ font-sizeã¯%ã‹pxã§æŒ‡å®šã™ã‚‹ã€‚ ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã§æ–‡å—ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹ã¨æ¨™æº–ãƒ¢ãƒ¼ãƒ‰ã¨äº’æ›ãƒ¢ãƒ¼ãƒ‰ã§æ–‡å—ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã‚‹(IE6) emå˜ä½ã§æŒ‡å®šã—ãŸå€¤ãŒæ–‡å—ã‚µã‚¤ã‚ºå¤‰æ›´å¾Œã«æ£ã—ãåæ˜ ã•ã‚Œãªã„(IE6) ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«é–¢ä¿‚ widthã¨åŒæ™‚ã«å·¦å³borderã‚„å·¦å³paddingã‚’æŒ‡å®šã—ãªã„ã€‚heightã¨åŒæ™‚ã«ä¸Šä¸‹borderã‚„ä¸Šä¸‹paddingã‚’æŒ‡å®šã—ãªã„ã€‚ ãƒœãƒƒã‚¯ã‚¹ã®å¹…ã‚„é«˜ã•ã‚’ç®—å‡ºã™ã‚‹ã¨ãã«ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã®ã‚µã‚¤ã‚ºã‚’å«ã‚ã¦ã—ã¾ã† ï¼ˆãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚’å†…åŒ…ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã«ã¯paddingã‚’æŒ‡å®šã—ãªã„ã€‚ï¼‰ å·¦å³ãƒœãƒ¼ãƒ€ãƒ¼ã¨ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¨
fafhrd 2006/03/28
css

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

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Javascriptã§æŒ‡å®šã®HTMLè¦ç´ ã‚’å‹•çš„ã«è§’ä¸¸ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptã§æŒ‡å®šã®HTMLè¦ç´ ã‚’å‹•çš„ã«è§’ä¸¸ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹æ–¹æ³•ã€‚ NiftyCornerã‚’ä½¿ãˆã°ã€å˜ä¸€ã®DIVè¦ç´ ã‚’è§’ä¸¸ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ä¾‹ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªå˜ä¸€DIVè¦ç´ ã‚‚ç°¡å˜ã«è§’ä¸¸ã«ã§ãã¾ã™ã€‚ <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
fafhrd 2006/03/16
javascript

webdesign

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

è§’ä¸¸

css
ãƒªãƒ³ã‚¯
æºå¸¯é›»è©±å‘ã‘ã®CSS - æºå¸¯é›»è©±å‘ã‘ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ›¸ãæ–¹
ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ã§ä½¿ã†äº‹ã®å‡ºæ¥ã‚‹ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ(CSS)ã®ã‚»ãƒ¬ã‚¯ã‚¿åŠã³ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ã§ã®CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ãƒ»ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€å‚è€ƒè³‡æ–™ãƒ»ã‚ªãƒ¼ãƒ—ãƒ³ã‚¦ã‚§ãƒ¼ãƒ´ç¤¾ãŒå®šã‚ã¦ã„ã‚‹CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ç§»è»¢ã—ã¾ã—ãŸã€‚ ã¾ãŸã€ ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ç”¨ã® CSS ã‚’æ›¸ãã«å½“ãŸã£ã¦ CSS éžå¯¾å¿œæ©Ÿç¨®ã¨ã®å…¼ãåˆã„ ã‚‚åˆ¥æ–‡æ›¸ãƒ»æºå¸¯é›»è©±å‘ã‘ã® CSS ã‚’æ›¸ãã«å½“ãŸã£ã¦ã«ç§»è»¢ã—ã¾ã—ãŸã€‚ CSS ã«é–¢ã—ã¦åŸºæœ¬çš„ãªäº‹æŸ„ã«ã¤ã„ã¦ã¯ã€CSS å…¥é–€(HTML & CSS å…¥é–€)ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ ã¾ãŸã€å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãªã©ã®è©³ç´°ã¯ CSS(ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ)åŠã³ CSS ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ã§ã® CSS ã«ã¤ã„ã¦ã€‚ WAP 2.0 ã§ã® CSSã€‚ EZ ã‚¦ã‚§ãƒ–åŠã³ã‚½ãƒ•ãƒˆãƒãƒ³ã‚¯ã®ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ã¯ã€WAP 2.0 ã«æº–æ‹ ã—ã¦ã„ã‚‹ãŸã‚ã€CSS ã‚’ä½¿ã†äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ ä½†
fafhrd 2006/03/08
æºå¸¯é›»è©±

css

webdesign

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