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

jdg id:jdg

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

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

Sassã®@extendã§CSSã¨HTMLã‚’ã‚·ãƒ³ãƒ—ãƒ«ã« - ã‚ã¨å‘³
æ˜Žæ—¥ã€UPGRADE JAPANã«ã¦ã€Sassã«ã¤ã„ã¦è©±ã™äºˆå®šã§ã™ã€‚ ãã‚Œç”¨ã«Sassã®è¨˜äº‹å¢—ã‚„ã—ã¦ãŠããŸã‹ã£ãŸã‚“ã§ã™ã‘ã©ã€ã‚ã¾ã‚Šãã‚Œã‚‚ã§ããšã€‚ã—ã°ã‚‰ãã¯ã€UPGRADE JAPANã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã¨ã—ã¦ã€ã„ãã¤ã‹Sassã®è¨˜äº‹ã‚’æŠ•ç¨¿ã™ã‚‹äºˆå®šã§ã™ã€‚ ã•ã¦ã€ã€ŒSassã®@extendã§CSSã¨HTMLã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ã€ã¨ã„ã†ã“ã¨ã§ã™ãŒã€Sassã®@extendã‚’ä½¿ã‚ãªã‹ã£ãŸå ´åˆã¨ã€ä½¿ã£ãŸå ´åˆã®å¯¾æ¯”ã‚’æ›¸ã„ã¦ã¿ã¾ã™ã€‚ ã—ãŸã„ã“ã¨ ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒã‚ã‚‹ ã¨ã‚ã‚‹ãƒšãƒ¼ã‚¸ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã¯ã€æ—¢å˜ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¨èƒŒæ™¯è‰²ãŒé•ã†ã ã‘ ã“ã‚Œã§ã™ãã€‚ã¤ First Look: Object Oriented CSS - SitePoint å˜ç´”ãªCSS å˜ç´”ã«ã“ã‚Œã‚’CSSã§å¯¾å¿œã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ .sidebar { /* sidebarã®ã‚¹ã‚¿ã‚¤ãƒ« */ } ...çœç•¥... .onsalesid
jdg 2011/06/03
sass

css
ãƒªãƒ³ã‚¯
CSSã®animationãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ç°¡æ˜“ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ä½œã£ã¦ã¿ãŸ - ã‚ã¨å‘³
å…ˆæ—¥ã®åœŸæ›œæ—¥ã«ã€Sugamo.cssã«å‚åŠ ã—ã¾ã—ãŸã€‚ ã„ã‚ã‚“ãªã“ã¨ãŒå‹‰å¼·ã§ããŸã‚“ã§ã™ã‘ã©ã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒçµæ§‹é¢ç™½ã„ãªãƒ¼ã¨æ€ã£ãŸã®ã§ãƒ‡ãƒ¢ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ animationãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€ä¸€å¿œãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ä¸ã«ã‚ã‚‹ã®ã§ã€ã†ã¾ãã„ã‘ã°ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹å¯èƒ½æ€§ã¯0ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ CSS Animations Canvas + HTML5ã§ã‚‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä½œã‚ŒãŸã‚Šã—ã¾ã™ãŒã€ä¸€åº¦ä½œã£ã¦ã¿ãŸæ™‚ã«ã€æ¶ˆã—ã¦æ›¸ã„ã¦æ¶ˆã—ã¦æ›¸ã„ã¦ã®é€£ç¶šã§ã€ã“ã‚Œã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œã‚‹ã®ã¯é›£ã—ã„ã ã‚ã†ã¨æ„Ÿã˜ã¦ã„ã¾ã—ãŸãŒã€CSSã®animationãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ä¸€å®šæ™‚é–“ã¾ã§ã«â—¯â—¯ã‚’ã™ã‚‹ã¿ãŸã„ãªæ„Ÿã˜ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ›¸ã‘ã‚‹ã®ã§ã€çµæ§‹ç°¡å˜ã§å®Ÿç”¨æ€§ãŒã‚ã‚‹ã‚ˆã†ã«æ°—ãŒã—ã¾ã—ãŸã€‚ ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ« <!doctype html> <html> <head> <meta charset="utf-8"> <title>anim
jdg 2010/03/15
css3

css
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã‚ºãƒ¼ãƒ æ©Ÿèƒ½ãŒãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã€ç”»åƒã®æ‹¡å¤§ã‚’å«ã‚ãŸã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ãŸ - ã‚ã¨å‘³
æ–‡å—æ•°ã§å¹…ã‚’æŒ‡å®šã§ãã‚‹ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¥½ãã§ã™ã€‚ CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹æ™‚ã€å„ãƒ–ãƒ©ã‚¦ã‚¶ãŒãƒšãƒ¼ã‚¸ã‚ºãƒ¼ãƒ æ©Ÿèƒ½ã‚’å°Žå…¥ã—ãŸä»Šã¯ã»ã¨ã‚“ã©å¿…è¦ãªã„ã“ã¨ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä¸€è¡Œã‚ãŸã‚Šã®æ–‡å—æ•°ã¯èªã¿ã‚„ã™ã„æ•°ã¨ã„ã†ã‚‚ã®ãŒãã£ã¨ã‚ã‚‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã—ã¦ã‚‚ã€ãƒšãƒ¼ã‚¸ã‚ºãƒ¼ãƒ ã«å¯¾å¿œã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€ç”»åƒã®ã‚µã‚¤ã‚ºãŒæ‹¡å¤§ã•ã‚Œã¾ã›ã‚“ã€‚ãã“ãŒã¡ã‚‡ã£ã¨ç‰©è¶³ã‚Šãªã„ã®ã§ã€ç”»åƒã®ã‚ºãƒ¼ãƒ ã‚‚å«ã‚ãŸã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ æœ€åˆã«æ–ã£ã¦ãŠãã¨ã€ç§ã¯ã‚ã‚“ã¾ã‚ŠCSSã‚’å¼„ã‚‹ã“ã¨ãŒãªã„ã®ã§ã€CSSã®ã“ã¨ãƒ„ãƒƒã‚³ã¾ã‚Œã‚‹ã¨ã¡ã‚‡ã£ã¨ã‚½ãƒ¯ã‚½ãƒ¯ã—ã¾ã™ã€‚ HTMLã‚µãƒ³ãƒ—ãƒ« <!doctype html> <html> <head> <meta charset="utf-8" /> <title>Elasticã‚µãƒ³ãƒ—ãƒ«</title> </head> <body> <h1>Ela
jdg 2010/03/04
css

javascript
ãƒªãƒ³ã‚¯
CSSã®è©³ç´°åº¦(specificityï¼‰ã®ãŠã•ã‚‰ã„ - ã•ã•ã„ãªoutput
http://www.w3.org/TR/CSS2/cascade.html#specificity CSS2ã§ã¯ä»¥ä¸‹ã®è©³ç´°åº¦ã‚’ç®—å‡ºã—ã¦ã„ã‚‹ã€‚ a: IDå±žæ€§ã®æ•° b: classã‚»ãƒ¬ã‚¯ã‚¿ã¨å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã¨ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã®æ•° c: è¦ç´ åã®æ•° â€»ç–‘ä¼¼è¦ç´ ã¯ç„¡è¦–ã™ã‚‹ â€»styleå±žæ€§ã§å®šç¾©ã•ã‚ŒãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯å¸¸ã«100 ã‚»ãƒ¬ã‚¯ã‚¿ a b c è©³ç´°åº¦ * {} 0 0 0 è©³ç´°åº¦=0 p {} 0 0 1 è©³ç´°åº¦=1 p a {} 0 0 2 è©³ç´°åº¦=2 .class {} 0 1 0 è©³ç´°åº¦=10 p.class {} 0 1 1 è©³ç´°åº¦=11 p a[href] {} 0 1 2 è©³ç´°åº¦=12 a[href]:link {} 0 2 1 è©³ç´°åº¦=21 #id {} 1 0 0 è©³ç´°åº¦=100 #id p {} 1 0 1 è©³ç´°åº¦=101 ã—ã‹ã—ã€CSS2.1ã§ã¯ã€ a: styleå±žæ€§ãŒã‚ã‚Œã°ä¸€å¾‹
jdg 2009/02/22
css
ãƒªãƒ³ã‚¯
CSSä½¿ãˆã‚‹ãªã‚‰Wordæ¨ã¦ã¦Writeboardä½¿ãŠã†ãœï¼ - ã‚ã¨å‘³
æ°—è»½ãªWikiã£ã¦æ„Ÿè¦šã§ã—ã‹ä½¿ã£ã¦ãªã‹ã£ãŸã‘ã©ã€ä½¿ã£ã¦ã¿ãŸã‚‰ã„ã‚ã‚“ãªã“ã¨ãŒã‚ã‹ã£ã¦ããŸã€‚Writeboardã™ã’ã‡ãƒ¼ãƒ¼ãƒ¼ï¼ Firefoxã•ãˆã‚ã‚Œã°ã€ã¶ã£ã¡ã‚ƒã‘ãƒ¯ãƒ¼ãƒ—ãƒã‚½ãƒ•ãƒˆã¯Writeboardã ã‘ã§ã„ã„ã‚“ã§ã¯ãªã„ã‹ã¨æ€ã†ãã‚‰ã„ã«ä¾¿åˆ©ã€‚ æ¤œç´¢ã—ã¦ã‚‚é¡žä¼¼ã®ä¾‹ãŒã‚ã¾ã‚Šãªã‹ã£ãŸã®ã§ã€ã‚ã¨å‘³æŽ¨å¥¨ã€Writeboardã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Writeboardã£ã¦ï¼Ÿ => Writeboard Writeboardã¯Ruby on Railsã‚’ä½œã£ãŸã€37signalsã¨ã„ã†ä¼šç¤¾ãŒé‹å–¶ã—ã¦ã„ã‚‹ç„¡æ–™ã‚µãƒ¼ãƒ“ã‚¹ã®ã²ã¨ã¤ã§ã€è¤‡æ•°äººã§ä½¿ã†ã€Wikiã¨ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†æ©Ÿèƒ½ãŒåˆä½“ã—ãŸã‚ˆã†ãªã‚·ãƒ³ãƒ—ãƒ«ãªã‚µãƒ¼ãƒ“ã‚¹ã€‚ è©³ã—ãã¯ä»¥ä¸‹ã‚’å‚ç…§ã•ã‚ŒãŸã—ã€‚ => Skypeã‚°ãƒ«ãƒ¼ãƒ—ãƒãƒ£ãƒƒãƒˆï¼‹WriteboardãŒæœ€å¼·ãªä»¶ | IDEA*IDEA => ã€ã‚³ãƒ©ãƒ ã€‘ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®ãŸã‚ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ (1) Wikiã‚’æ´»ç”¨ã—ã¦ã‚³ãƒ©ãƒœãƒ©
jdg 2009/01/25
ãƒ‘ãƒ¼ãƒžãƒªãƒ³ã‚¯ãŒã‚ã£ã¦ã€ã¿ã‚“ãªã§å…±åŒç·¨é›†ã§ãã‚‹æ–‡æ›¸ã£ã¦èŒãˆã¾ã™ã€‚

css

javascript

tips

writeboard
ãƒªãƒ³ã‚¯
Webã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã¾ã¨ã‚ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: ã“ã®è¨˜äº‹ã¯ã€3å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚Webã®é€²åŒ–ã¯é€Ÿã„ï¼æƒ…å ±ã®æ£ç¢ºæ€§ã¯è‡ªå·±è²¬ä»»ã§åˆ¤æ–ã—ã¦ãã ã•ã„ã€‚ ãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šã‚„è¡Œé–“ã€ç´„ç‰©ã¨ã„ã£ãŸã€æ–‡å—å‘¨ã‚Šã®ãƒŽã‚¦ãƒã‚¦ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚ˆã‚ŠæŠ€è¡“çš„ãªã¾ã¨ã‚ã€‚SWFObjectã¨ã‹sIFRã¨ã„ã£ãŸFlashãƒã‚¿ã‚’é™¤ã‘ã°ã€Webã®æ–‡å—ã¯å…¨éƒ¨CSSã§ã§ãã‚‹ã‚“ã ã‹ã‚‰... ã‚³ãƒ¼ãƒ€ã“ãã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚’æ„è˜ã™ã¹ã—ã€‚çœ‹æ¿ã¿ã¦æ›¸ä½“è¨€ã„å½“ã¦ã‚‹ã¨ã‹å¤‰æ…‹çš„ãªåŸŸã¾ã§é”ã›ãšã¨ã‚‚ã€åŽŸå‰‡ã ã‘è¦šãˆã¨ã‘ã°ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒæ§˜ã«ãªã‚‹ã‚“ã ã—ã€‚ ã‚ªãƒ¼ãƒ«ãƒ‰ã‚¹ã‚¿ã‚¤ãƒ«æ•°å— ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ï¼ˆâ€œï¼†â€ï¼‰ ã‚¹ãƒ¢ãƒ¼ãƒ«ã‚ãƒ£ãƒƒãƒ— ãƒã‚¤ãƒ•ãƒ³ã¨ãƒ€ãƒ¼ã‚· å„ç¨®ã‚¹ãƒšãƒ¼ã‚¹ åˆå— ç´„ç‰© ç´„ç‰©ã¯ã¶ã‚‰ä¸‹ã’ã‚‹ :beforeã¨:after è¦‹å‡ºã—ã®ã‚µã‚¤ã‚º åˆæœŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚º è¡Œé–“ã®èª¿æ•´ ä½™ç™½ã®èª¿ç¯€ å„å›½ã®æ—¥ä»˜è¡¨è¨˜
jdg 2009/01/24
ãƒ‡ã‚¶ã‚¤ãƒ³ã®æŠ€è¡“ï¼ˆãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã˜ã‚ƒãªãã¦æœ¬å½“ã®æ„å‘³ã§ã®æŠ€è¡“ï¼‰ã£ã¦ãƒ†ãƒ¼ãƒžã¯ã™ã”ãèˆˆå‘³ãŒã‚ã‚‹

css

typography

design
ãƒªãƒ³ã‚¯
3ã‚ãƒ£ãƒªã‚¢å¯¾å¿œã®CSSå¤‰æ›ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«HTML::MobileJpCSS - komoriyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
DoCoMo,EZweb,Softbankã‚’å…±é€šã®å¤–éƒ¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åæ˜ ã•ã›ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸã€‚ http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3ã‚ãƒ£ãƒªã‚¢é–“ã§ã®å¤‰æ›ã®å¿…è¦æ€§ DoCoMoã§ã¯å¤–éƒ¨CSSã‚’å‚ç…§ã§ããšã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã®ã¿ã®å¯¾å¿œã¨ãªã£ã¦ã„ã¾ã™ã€‚ DoCoMoã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³åŒ–ã«ã¤ã„ã¦ã¯id:tokuhiromã•ã‚“ã®ä½œæˆã—ãŸHTML::DoCoMoCSSã“ã¡ã‚‰ã§å¯¾å¿œãŒå¯èƒ½ãªã®ã§ã™ãŒã€3ã‚ãƒ£ãƒªã‚¢é–“ã§å…±é€šã®CSSã‚’å‚ç…§ã™ã‚‹ã¨ãªã‚‹ã¨å±žæ€§ã®æŒ‡å®šæ–¹æ³•ã«å¾®å¦™ãªå·®ç•°ãŒå•é¡Œã¨ãªã‚Šã¾ã™ã€‚ ä¾‹ãˆã°å°ã•ã„ãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºã—ãŸã„æ™‚ã¯ã€ DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallã¨å±žæ€§ã®å€¤ãŒç•°ãªã‚Šã¾ã™ã€‚ hrã‚¿ã‚°
jdg 2009/01/16
cpan

css

mobile

perl
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžã§èªã‚ã‚‹ã‚‚ã®ã‚’ä¸å¿ƒã«ã€€- Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒªãƒ³ã‚¯é›† | lush life*
jdg 2009/01/06
css

design

summary
ãƒªãƒ³ã‚¯
Web Designer Wall - Design Trends and Tutorials
This is an example of a detailed registration form with validation, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The body of the form is given a background color as RGB(252, 228, 236). The form consists of input text fields, radio buttons, drop-down lists, and a submit button. The banner section of the form is given a background color as RGB(233, 30, 99). The JavaScript methods
jdg 2009/01/06
ã‹ã£ã“ã„ãƒ¼

css

blog

design

tutorial
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ“ãƒƒãƒˆã£ã¦ã©ã‚“ãªè¿”æ¸ˆæ–¹æ³•ãŒã‚ã‚‹ã®ï¼Ÿ | ç¾é‡‘ãŒå¿…è¦ãªæ™‚ã«ä¸€ç•ªä¾¿åˆ©ãªãƒãƒƒãƒˆã‚ãƒ£ãƒƒã‚·ãƒ³ã‚°ã§å³æ—¥å€Ÿå…¥ã€ãƒãƒã€‘
ã‚«ãƒ¼ãƒ‰ãƒãƒ¼ãƒ³ã£ã¦æœ€è¿‘ã‚ˆãè€³ã«ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ã‚«ãƒ¼ãƒ‰ãƒãƒ¼ãƒ³ã¨ã„ã†ã®ã¯æ¶ˆè²»è€…é‡‘èžã‚„éŠ€è¡Œã«ç”³ã—è¾¼ã‚“ã§ã‚«ãƒ¼ãƒ‰ã‚’ç™ºè¡Œã—ã¦ã‚‚ã‚‰ã„ã€ãã®ã‚«ãƒ¼ãƒ‰ã‚’ä½¿ã£ã¦ææºã®ATMãªã©ã‹ã‚‰ãŠé‡‘ã‚’å€Ÿã‚Šã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚é‡‘é¡ã¯äººã«ã‚ˆã£ã¦æ±ºã¾ã£ã¦ã„ã¾ã™ãŒã€ç‰¹ã«ç›®çš„ã«ã¤ã„ã¦åˆ¶é™ã•ã‚Œã‚‹ã‚ã‘ã§ã¯ãªãã€1ä¸‡å††ã‹ã‚‰ãªã©æ¯”è¼ƒçš„å°‘é¡ã‹ã‚‰ã®å€Ÿã‚Šå…¥ã‚Œã‚‚å‡ºæ¥ã‚‹ã¨ã„ã†ä¾¿åˆ©ãªå€‹äººãƒãƒ¼ãƒ³ãªã‚“ã§ã™ã€‚ ã§ã‚‚ã‚«ãƒ¼ãƒ‰ãƒãƒ¼ãƒ³ã£ã¦æœ¬å½“ã«ãŸãã•ã‚“ç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚å„éŠ€è¡Œã§ã‚‚ãã‚Œãžã‚Œã‚«ãƒ¼ãƒ‰ãƒãƒ¼ãƒ³ãŒã‚ã‚Šã¾ã™ã—ã€æ¶ˆè²»è€…é‡‘èžã ã£ã¦ãã‚Œãžã‚Œã®å•†å“ã¨ã—ã¦ã‚«ãƒ¼ãƒ‰ãƒãƒ¼ãƒ³ã‚’å–ã‚Šæ‰±ã£ã¦ã„ã¾ã™ã€‚ãƒ¢ãƒ“ãƒƒãƒˆã‚‚ã‚«ãƒ¼ãƒ‰ãƒãƒ¼ãƒ³ã®1ã¤ã§ã™ãã€‚ãƒ¢ãƒ“ãƒƒãƒˆã¯ä¸‰äº•ä½å‹éŠ€è¡Œç³»ã®ä¼šç¤¾ã§ã™ã®ã§ã€ä¸‰äº•ä½å‹éŠ€è¡Œã®ATMã‹ã‚‰ã®å€Ÿã‚Šå…¥ã‚Œãƒ»è¿”æ¸ˆã§ã‚ã‚Œã°æ‰‹æ•°æ–™ç„¡æ–™ã«ãªã‚‹ã‚“ã§ã™ã‚ˆã€‚ å®Ÿéš›ãŠé‡‘ã‚’å€Ÿã‚ŠãŸã‚‰è¿”ã•ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã§ã™ãŒã€ãƒ¢ãƒ“ãƒƒãƒˆã¯ã©ã®ã‚ˆã†ãªè¿”æ¸ˆæ–¹æ³•ãŒã‚ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚è¿”æ¸ˆæ–¹æ³•ã¯3ã¤ï¼å£åº§å¼•ãè½ã¨ã—
jdg 2009/01/05
browser

css
ãƒªãƒ³ã‚¯
Web ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã®å‚è€ƒæ–‡çŒ®ãƒªã‚¹ãƒˆ
å®Œå…¨ã«è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ä»£ã‚ã‚Šã§ã™ãŒã€Web ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«å‚è€ƒã«ã™ã‚‹æ©Ÿä¼šã®å¤šã„ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã¨ã‚Šã‚ãˆãšã¯ä»•æ§˜æ›¸é–¢é€£ã®ã¿ã€‚ è‹±èªžã§æ›¸ã‹ã‚ŒãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã°ã‹ã‚Šã‚’ä¸¦ã¹ã¦ã‚‚ãªã‚“ãªã®ã§ã€å‚è€ƒã¾ã§ã«æ—¥æœ¬èªžè¨³ã•ã‚ŒãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚‚ç§ãŒçŸ¥ã£ã¦ã„ã‚‹ç¯„å›²å†…ã§ä½µè¨˜ã—ã¦ã¿ã¾ã—ãŸã€‚ãŸã ã—ã€æ—¥æœ¬èªžè¨³ã¯å®Œå…¨ã«åŽŸæ–‡ã¨ã®æ•´åˆæ€§ã‚’ä¿éšœã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ã€ã‚ãã¾ã§å‚è€ƒã¾ã§ã«ã”åˆ©ç”¨ãã ã•ã„ã€‚ HTML é–¢é€£ HTML 4.01 Specification -W3C Recommendation ï¼ˆæ—¥æœ¬èªžè¨³ï¼‰ ISO/IEC 15445:2000(E) ISO-HTML ï¼ˆæ—¥æœ¬å·¥æ¥è¦æ ¼ JIS X 4156:2000ï¼‰ ISO-HTML: Entities, element types and attributes (DTD) W3C ã‹ã‚‰å‹§å‘Šã•ã‚Œã¦ã„ã‚‹ã€HTML 4.01 ã®ä»•æ§˜æ›¸ã«é–¢ã—ã¦ã¯ç¾çŠ¶ã€(X)HTML
jdg 2008/12/29
html

css

reference
ãƒªãƒ³ã‚¯
ä»Šæ™‚ã®Webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ã®ã«ä¾¿åˆ©ãã†ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·Malo MOONGIFT
æµ·å¤–ã«è¦‹ã‚‹æœ€è¿‘ã®Webã‚µã‚¤ãƒˆï¼ˆç‰¹ã«ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ç¸¦ã«ä½•æ®µã‹ã«åˆ†ã‹ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¤šã„ã€‚ä¸€ç•ªä¸Šã¯å¤§ããªç”»åƒã¨ã¨ã‚‚ã«äºŒæ®µæ§‹æˆã€ãã®ä¸‹ãŒ2Ã—2ã®ãƒ†ãƒ¼ãƒ–ãƒ«çµ„ã¿ãªã©ã§ã‚µãƒ¼ãƒ“ã‚¹ã®ç‰¹å¾´ã‚’æ›¸ãã€æ¬¡ã«æ¨ªä¸¦ã³ã®3æ®µã§åˆ©ç”¨è€…ã®å£°ã¨ã„ã£ãŸå…·åˆã ã€‚ ä»Šæ™‚ã®Webã‚µã‚¤ãƒˆã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç°¡å˜ã« ã¾ããƒ†ãƒ¼ãƒ–ãƒ«ã§çµ„ã‚ã°ã§ããªã„ã“ã¨ã¯ãªã„ã€‚ã ãŒãã‚Œã¯ã ã•ã„ã€ã ã•ã™ãŽã‚‹ã€‚CSSã ã‘ã§ã©ã†ã«ã‹ã—ãŸã„æ‰€ã ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã®äº’æ›æ€§ã‚‚å«ã‚ã¦è€ƒãˆã‚‹ã¨ãƒ—ãƒã‚°ãƒ©ãƒžã«ã¯ã¨ã¦ã‚‚ç„¡ç†ã ã€‚Firefoxã§è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ä½•ã¨ã‹çµ„ã‚“ã§ã€IEã§è¦‹ãŸã‚‰å¹ãé£›ã‚“ã§ã„ãŸâ€¦ãªã‚“ã¦ãªã£ãŸã‚‰ã‚‚ã†ã‚„ã‚‹æ°—ãŒãªããªã‚‹ã€‚ãã‚“ãªã“ã¨ã«ãªã‚‹å‰ã«ä½¿ã„ãŸã„ã®ãŒMaloã ã€‚ Maloã¯Google Codeä¸Šã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€GPLã®ä¸‹ã«å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€‚ MaloãŒå®Ÿç¾ã™ã‚‹ã®ã¯è¤‡é›‘ãªã€ãã‚Œã§ã„ã¦ç°¡å˜ã«è¨å®šã§ãã‚‹CSSãƒ‡ã‚¶ã‚¤ãƒ³ã ã€‚ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ãƒ¼ã‚’è¨ã‘ãŸä¸Š
jdg 2008/12/09
css

framework
ãƒªãƒ³ã‚¯
CSSã®font-familyï¼šãƒ’ãƒ©ã‚®ãƒŽã¨ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯ã¨ãƒ¡ã‚¤ãƒªã‚ªã®æ‚©ã¾ã—ã„é–¢ä¿‚ : webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒŠãƒŠãƒ¡ã‚¬ã‚
CSSã§ã®font-familyã®æŒ‡å®šãŒã¨ã¦ã‚‚æ‚©ã¾ã—ã„ã€‚æ–‡å—ã‚³ãƒ¼ãƒ‰ã«ã‚ˆã£ã¦è¡¨ç¤ºãŒå¤‰ã‚ã£ãŸã‚Šã™ã‚‹ã—ã€ã‚¤ãƒ¬ã‚®ãƒ¥ãƒ©ãƒ¼ã‚±ãƒ¼ã‚¹ã¾ã§æƒ³å®šã™ã‚‹ã¨ç…©é›‘ãªã‚³ãƒ¼ãƒ‰ã«ãªã£ã¦ã—ã¾ã†ã€‚ã¡ã‚‡ã£ã¨æ•´ç†ã—ãªãŒã‚‰è€ƒãˆã¦ã¿ã‚‹ã€‚ ã¾ãšã€font-familyã‚’ä½•ã‚‚æŒ‡å®šã—ãªã„ã¨ã€ã ã„ãŸã„ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§è¨å®šã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹ã®ã ãŒã€æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒUTF-8ã ã¨Windowsã®IE6ã§è‹±æ•°æ–‡å—ãŒã€ŒTimes New Romanã€ã«ãªã£ã¦ã—ã¾ã†ã€‚â€»æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒShift_JISã‚„EUC-JPã®å ´åˆã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ ãã‚Œã§ã¯ä¾‹ãˆã°ç·ç§°ãƒ•ã‚¡ãƒŸãƒªãƒ¼åï¼ˆgeneric-familyï¼‰ã§ã‚ã‚‹ã€Œsans-serifã€ã®ã¿æŒ‡å®šã—ã¦ã¿ã‚‹ã¨ã€Windowsã®IE6ã§ã¯æ–‡å—ã‚³ãƒ¼ãƒ‰ãŒShift_JISãƒ»EUC-JPã®å ´åˆã¯ã€ŒLucida Sans Unicodeã€ã§ã€UFT-8ã®å ´åˆã¯ã€ŒArialã€ã§è¡¨ç¤ºã•ã‚Œã¦ã—ã¾
jdg 2008/12/09
css

font

tips
ãƒªãƒ³ã‚¯
CSS Spriteã‚’æ´»ç”¨ã—ã‚ˆã† - DesignWalker
jdg 2008/11/24
webdesign

css

jquery
ãƒªãƒ³ã‚¯
ç‹¬å¦ã§æ¥µã‚ã‚‹ â€œWebãƒ‡ã‚¶ã‚¤ãƒ³â€ã®æŠ€ã¨å¿ƒï¼šç¬¬10å›žã€€CSS Spritesã§ã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ï½œgihyo.jp â€¦ æŠ€è¡“è©•è«–ç¤¾
ä»Šæ—¥ã¯ã€CSSã‚’ä½¿ã£ã¦ã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ŒCSS Spritesï¼ˆCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆâ ï¼‰â ã€ã«ã¤ã„ã¦ã®ãŠè©±ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–ã¨ã„ã†ã¨ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®æœ€é©åŒ–ã‚’è¡Œã£ãŸã‚Šã€ã‚µãƒ¼ãƒã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’è¡Œã£ãŸã‚Šã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚å®Ÿã¯CSSã‚’ä¸Šæ‰‹ã«ä½¿ã†ã“ã¨ã«ã‚ˆã£ã¦ã‚‚ã€ã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ã—ã‹ã‚‚ã€ã‹ãªã‚Šã®åŠ¹æžœãŒæœŸå¾…ã§ãã‚‹ã®ã§ã™ã€‚ CSS Spritesã¨ã¯ï¼Ÿ é€šå¸¸ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’åˆ¶ä½œã™ã‚‹å ´åˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆpsdã‚„pngãªã©ã®ç”»åƒï¼‰ã‚’ã‚¹ãƒ©ã‚¤ã‚¹ã—ã€HTMLã®imgè¦ç´ ã¨ã—ã¦åŸ‹ã‚è¾¼ã‚“ã ã‚Šã€CSSã®èƒŒæ™¯ç”»åƒã¨ã—ã¦æŒ‡å®šã—ã¦ã„ã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã‚‰ã®ç”»åƒã‚’ä¸€ã¤ã«ã¾ã¨ã‚ã€ï¼‘åº¦ã®èªã¿è¾¼ã¿ã§ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã‚’æ¸›ã‚‰ã™ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã“ã¨ã‚’ã€ŒCSS Spritesã€ã¨å‘¼ã³ã¾ã™ã€‚ ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä»¥å‰ã‹ã‚‰ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿç¾ã™ã‚‹éš›ã«ã‚‚ä½¿ã‚ã‚Œã¦ã„ãŸã‚‚ã®ã§ã‚‚ã‚ã‚Šã¾
jdg 2008/11/21
css

csssprites

tips
ãƒªãƒ³ã‚¯
DOCTYPE ã‚¹ã‚¤ãƒƒãƒã«ã¤ã„ã¦ã®æ¤œè¨¼ã¨ã¾ã¨ã‚ã¨ä¸€è¦§è¡¨ - hxxk.jp
DOCTYPE å®£è¨€ã®ç¨®é¡žã«ã‚ˆã£ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒæ¨™æº–æº–æ‹ ãƒ¢ãƒ¼ãƒ‰ã«ãªã£ãŸã‚Šå¾Œæ–¹äº’æ›ãƒ¢ãƒ¼ãƒ‰ã«ãªã£ãŸã‚Šã™ã‚‹ã“ã¨ã‚’ DOCTYPE ã‚¹ã‚¤ãƒƒãƒã¨è¨€ã„ã¾ã™ã€‚ ä»Šå›žã¯è¦ç‚¹ã ã‘æ‰‹çŸã‹ã«è¡ŒããŸã„ã®ã§è©³ã—ãã¯è§£èª¬ã—ã¾ã›ã‚“ãŒã€ IE 6 ã ã¨ DOCTYPE å®£è¨€ã‚ˆã‚Šå‰ã«ãªã‚“ã‚‰ã‹ã®æ–‡å— ( è¨˜è¿°ãŒæŽ¨å¥¨ã•ã‚Œã‚‹ XML å®£è¨€ã§ã‚ã£ã¦ã‚‚ ) ãŒã‚ã‚Œã°å•ç”ç„¡ç”¨ã§å¾Œæ–¹äº’æ›ãƒ¢ãƒ¼ãƒ‰ã«ãªã‚‹ãƒã‚°ãŒã‚ã‚‹ã¨ã‹ã€ã¾ã‚ã‚ˆãèžãè©±é¡Œã§ã™ã€‚ æ¨™æº–æº–æ‹ ãƒ¢ãƒ¼ãƒ‰ã¨å¾Œæ–¹äº’æ›ãƒ¢ãƒ¼ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«ã©ã‚“ãªé•ã„ãŒç¾ã‚Œã‚‹ã‹ã¯ Lucky bag::blog: xmlå®£è¨€ã«ã¤ã„ã¦ã‚„ !DOCTYPE ã‚¹ã‚¤ãƒƒãƒãŒè‰¯ã„ãƒªã‚½ãƒ¼ã‚¹ãªã®ã§ãã¡ã‚‰ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ æ—¢å˜ã® DOCTYPE ã‚¹ã‚¤ãƒƒãƒä¸€è¦§è¡¨ã« "?" ã“ã“æ•°æ—¥ã€ã“ã® DOCTYPE ã‚¹ã‚¤ãƒƒãƒã«ã¤ã„ã¦èª¿ã¹ã¦ã„ãŸã®ã§ã™ãŒã€æ›¸ç±ã‚„ã‚µã‚¤ãƒˆã«æ›¸ã‹ã‚Œã¦ã„ã‚‹æƒ…å ±ã¨ã€å®Ÿéš›ã«è©¦ã—ã¦ã¿ãŸçµæžœãŒå°‘ã—é•ã†ã‚“ã§ã™ã‚ˆãã€‚ ã‚ã‚‹
jdg 2008/07/30
ãŸã£ãŸ1è¡Œã§ä½•æ™‚é–“ã‚‚æ‚©ã¾ã•ã›ã‚‰ã‚Œã‚‹ã¨ã¯ã€‚ã€‚ã€‚

css

doctype

dtd

browser
ãƒªãƒ³ã‚¯
DoCoMoå‘ã‘ã«CSSæŒ‡å®šã‚’ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã«åŸ‹ã‚è¾¼ã‚€PHPãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒtoInlineCSSDoCoMoã€ä½œã‚Šã¾ã—ãŸ
ã“ã‚“ã«ã¡ã¯ã€‚Windowsã®æœ€å¤§ã®ç™ºæ˜Žã¯ã‚´ãƒŸç®±ã®æ¨™æº–è£…å‚™ã ã¨æ€ã£ã¦ã„ã‚‹äº€æœ¬ã§ã™ã€‚ è¿½è¨˜ï¼šMacä¿¡è€…ã®æŸæ°ã«ã‚´ãƒŸç®±ã¯Windowsã®ç™ºæ˜Žã˜ã‚ƒãªã„ã¨çªã£è¾¼ã¾ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã™ã¿ã¾ã›ã‚“<(ï½¡_ï½¡)> æ˜¨æ—¥ã¯ã‚°ãƒªãƒ¼ã•ã‚“ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹å‹‰å¼·ä¼šã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ ä»Šå›žã®è¬›å¸«ã¯DeNAã®å·å´Žã•ã‚“ã§ã€ã‚ã‚Šã¨ãƒ¢ãƒã‚¤ãƒ«å±‹ã•ã‚“ãªè‡ªåˆ†ã¨ã—ã¦ã¯ãœã²ã¨ã‚‚ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ãªã¨æ€ã£ã¦å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ å‹‰å¼·ä¼šãƒ»æ‡‡è¦ªä¼šã¨ã‚‚ãªã‹ãªã‹é¢ç™½ã„è©±ãŒèžã‘ãŸã‚Šã€å¤‰ãªäººãŒã„ã£ã±ã„ã—ãŸã‚Šã—ã¦ã¨ã¦ã‚‚é¢ç™½ã‹ã£ãŸã§ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚’ã‚„ã£ã¦ã„ã‚‹ã¨ã„ã¤ã‚‚é¢å€’ãªã®ã¯ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®æ‰±ã„ã§ã™ã€‚ ãã®ã‚ãŸã‚Šã®ã¾ã¨ã‚ã¯ä»¥å‰ã“ã®ãƒ–ãƒã‚°ã§ã†ã¡ã®é«˜æ©‹ã•ã‚“ãŒè¶…ã¾ã¨ã‚ã¦ãã‚ŒãŸè¨˜äº‹ãŒã‚ã‚‹ã®ã§ã€ãã¡ã‚‰ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ ã¨ãã«DoCoMoã®CSS(i-CSS)ã¯é–‹ç™ºè€…æ³£ã‹ã›ã§ã™ãã€‚ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã®ã¿ã«å¯¾å¿œã¨ã‹ã€é–‹ç™ºã—ã«ããã¦æ¶™ã¡ã‚‡ã¡ã‚‡ãŽã‚Œãã†ã§ã™ã€‚ ã•ã¦ã•ã¦ãã‚“ãªDo
jdg 2008/07/10
docomo

css

mobile

php
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚²ãƒ¼ã®ã‚ˆã†ãªæºå¸¯ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã®12ã®Tips æºå¸¯ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚ã†ï¼ã€€-ã¡ã‚‡ã£ã¨è©³ã—ã„ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹-
å½“ãƒ–ãƒã‚°ãŒæºå¸¯ã‚µã‚¤ãƒˆä½œæˆæ³•ã«é–¢ã™ã‚‹è¨˜äº‹ã‚’ã‹ã„ã¦ã„ã‚‹ã“ã¨ã‹ã‚‰ã€èªè€…ã®æ–¹ã‹ã‚‰ã€ ã€Žãƒ¢ãƒã‚²ãƒ¼ã®ã‚ˆã†ãªæºå¸¯ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã«ã¯ã©ã†ã—ãŸã‚‰ã„ã„ã‚“ã§ã™ã‹ï¼Ÿã€ ã£ã¦ã„ã†è³ªå•ã‚’æœ€è¿‘è‰¯ãå—ã‘ã¾ã™ã€‚ ãŠãã‚‰ãã€ãƒ¢ãƒã‚²ãƒ¼ãŒã¨ã¦ã‚‚æœ‰åã§ã€ã‚ã‚‹ç¨®ãƒ¢ãƒã‚²ãƒ¼ãŒæºå¸¯ã‚µã‚¤ãƒˆç•Œã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã®ã‚ˆã†ãª ä½ç½®ã¥ã‘ã«ãªã£ã¦ãã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ ç¢ºã‹ã«ã€æºå¸¯ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ãã¦ã„ã‚‹èº«ã¨ã—ã¦ã‚‚ã€ ãƒ¢ãƒã‚²ãƒ¼ã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ã«ã¯ã€çµæ§‹é›£ã—ã„ã“ã¨ã‚‚å¤šã„ã—ã€å¦ã¶ã“ã¨ã‚‚å¤šã„ã€‚ã—ã‹ã—ã€æœ€è¿‘ã®æºå¸¯ã‚µã‚¤ãƒˆã¯ã€å®Ÿæ©Ÿã‹ã‚‰ã—ã‹ã‚¢ã‚¯ã‚»ã‚¹ã§ããªã„ã‚ˆã†ã«ãªã£ã¦ã„ã¦ã€PCã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã‚’è¦—ãã“ã¨ãŒã§ããªã„ã“ã¨ã‚‚å¤šãã€å¦ã¶ã“ã¨ã‚‚é›£ã—ã„ã‚ˆã†ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã¯å®Ÿéš›ã«ãƒ¢ãƒã‚²ãƒ¼ã‚¿ã‚¦ãƒ³ã«æºå¸¯ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã€æºå¸¯ã®ç”»é¢ã‚’è¦‹ãªãŒã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’çœŸä¼¼ã¦æ–°ã—ãè‡ªåˆ†ãªã‚Šã«ä½œã£ã¦ã¿ã¾ã—ãŸã®ã§ã€ãã“ã‹ã‚‰å¾—ãŸçµŒé¨“ã‚’Tipsã¨ã—ã¦å…¬é–‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€å·¦ã®ã‚¹ã‚¯ãƒª
jdg 2008/07/09
css

mobile

webdesign
ãƒªãƒ³ã‚¯
Design Shack - Inspirational CSS and Blog Design
Photoshop Actions / 25 Mar 2025 30+ Best Neon Effects for Photoshop (Text, Sign, & More) Neon effects can transf orm a simple graphic into a striking piece of art, evoking the retro-futuristic vibe of neon signs that line vibrant cityscapes. In this post, we showcase the best neon effects for Photoshop. Whether youâ€™re creating eye-catching advertisements, stylish event flyers, or compelling social
jdg 2008/06/27
åˆ†é¡žãŒã‚ã‹ã‚Šã‚„ã™ã„

gallery

design

webdesign

css
ãƒªãƒ³ã‚¯
ãƒ•ãƒƒã‚¿ãƒ¼ãŒç´ æ™´ã‚‰ã—ã„19ã‚µã‚¤ãƒˆã‚’å‚è€ƒã«è¶³ã‚‚ã¨ã‚’è¦‹ç›´ãã† | Webæ‹…å½“è€…Forum
é€šå¸¸ã€ãƒ•ãƒƒã‚¿ãƒ¼ã«ã¯åŸºæœ¬çš„ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç¹°ã‚Šè¿”ã—ã¦ç”¨ã„ã€è‘—ä½œæ¨©æƒ…å ±ã‚„ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ãªã©ã€Œç´°å—éƒ¨åˆ†ã€ã«ã‚ãŸã‚‹ã‚‚ã®ãŒæ›¸ãè¾¼ã¾ã‚Œã‚‹ã€‚ã¾ãŸã€æ¨™æº–ã«åŸºã¥ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®äººæ°—ãŒé«˜ã¾ã‚Šã€ãƒ•ãƒƒã‚¿ãƒ¼ã«XHTMLã‚„CSSã¸ã®æº–æ‹ ã‚’ç¤ºã™ãƒãƒƒã‚¸ãŒç½®ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ æ–°ã—ã„ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãŸã‚ã«ã€ãƒ•ãƒƒã‚¿ãƒ¼ãŒå®Œå…¨ã«ä¸è¶³ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’å†ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãŒã‚‰ã€åƒ•ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã‚‹ã¨ãƒ•ãƒƒã‚¿ãƒ¼ãŒã‚„ã‚‹æ°—ã®ãªã„ä»˜ã‘è¶³ã—ã«ãªã£ã¦ã—ã¾ã†ã®ã¯ã©ã†ã„ã†å…·åˆãªã‚“ã ã‚ã†ã¨æ€ã£ãŸã€‚åƒ•ã®ãƒ•ãƒƒã‚¿ãƒ¼ã¯ãŸã„ã¦ã„å†…å®¹ãŒä¹ã—ãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚å¤§å¥½è©•ã¨ã¯ã„ã‹ãªã„ã€‚ã“ã‚Œã¾ã§ã«ä½œã£ãŸæœ€ã‚‚å†…å®¹è±Šã‹ãªãƒ•ãƒƒã‚¿ãƒ¼ã¯ãŠãã‚‰ãã€ãƒŸãƒ‹ã‚µã‚¤ã‚ºã®ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã¨ã‚³ãƒ³ã‚¿ã‚¯ãƒˆæƒ…å ±ãŒã¡ã‚‡ã£ã¨ã°ã‹ã‚Šå…¥ã£ãŸã€Avatar Financialã®ã‚‚ã®ã ã‚ã†ã€‚ ã“ã†ã—ã¦åƒ•ã¯èˆˆå‘³ã‚’ã‚‚ã£ãŸã€‚ã»ã‹ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã‚’ä½•ã«ä½¿ã£ã¦ã„ã‚‹ã‚“ã ã‚ã†ã‹ï¼Ÿã‚¦ã‚§ãƒ–ã‚’å›žã£ã¦é›†ã‚ãŸã€ãƒ•ãƒƒã‚¿ãƒ¼ãŒç›®ã‚’å¼•ã19ã‚µ
jdg 2008/05/09
webdesign

seo

footer

css
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸