[B! ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ] dog_smileã®ãƒ

dog_smile id:dog_smile

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹dog_smileã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æã¾ã¨ã‚
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
dog_smile 2014/02/18
ç´ æ

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
äºŒåº¦ç›®ã¾ã—ã¦ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é‡Žç”°ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€åƒ•ãªã‚Šã«ã¾ã¨ã‚ã¦ã¿ãŸã®ã§ã”è¦§ä¸‹ã•ã„ã€‚ä»Šå›žã¯ã€åˆ¶ä½œã«é–¢ã™ã‚‹ã“ã¨ã§ã¯ãªãã€æœ€ä½Žé™çŸ¥ã£ã¦ãŠã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã“ã¨ã®åŸºæœ¬ç·¨ã«ãªã‚Šã¾ã™ã€‚ ç‹¬å¦ã§ã¤ã¾ãšã„ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åŠ¹çŽ‡çš„ã«å¦ã³ãŸã„ã€è»¢è·ãƒ»å°±è·ã‚’ç›®æŒ‡ã—ã¦ã„ã‚‹ã€èª°ã‹ã«æ•™ãˆã¦ã‚‚ã‚‰ã„ãŸã„â€¦â€¦ã¨ã„ã†æ–¹ã¯ã€ã€Œã‚¹ã‚¯ãƒ¼ãƒ«ã§ã®å‹‰å¼·ã€ã‚‚ãŠã™ã™ã‚ã§ã™ã€‚ã©ã‚“ãªã‚¹ã‚¯ãƒ¼ãƒ«ãŒã‚ã£ã¦ã€ã©ã‚“ãªå†…å®¹ãŒå¦ã¹ã¦ã€è²»ç”¨ã¯ã©ã‚Œãã‚‰ã„ã™ã‚‹ã®ã‹ã€æƒ…å ±ã¨ã—ã¦æŒã£ã¦ãŠã„ã¦æã¯ãªã„ã¯ãšã€‚ä¸‹è¨˜ã«ãŠã™ã™ã‚ã‚¹ã‚¯ãƒ¼ãƒ«ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸï¼ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã¯ã€PCã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã€è¤‡æ•°ã®ç•°ãªã‚‹ç”»é¢ã‚µã‚¤ã‚ºã‚’Webã‚µã‚¤ãƒˆè¡¨ç¤ºã®åˆ¤æ–åŸºæº–ã«ã—ã€ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŸ”è»Ÿã«èª¿æ•´ã™ã‚‹ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ ç¾åœ¨ã¯PCã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã€ãƒ‡ãƒã‚¤ã‚¹æ¯Žã«å„HTMLãƒ•ã‚¡ã‚¤ãƒ«
dog_smile 2012/07/06
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

HTML

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯çŸ¥ã£ã¦ãŠããŸã„ã€ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä»£è¡¨çš„ãª10ã®ãƒ‘ã‚¿ãƒ¼ãƒ³
å®Ÿéš›ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä¾‹ã«ã€ãšã£ã¨å»ƒã‚Œãªã„ã§ã‚ã‚ã†ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®10ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ãã®ç‰¹å¾´ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 2ã‚«ãƒ©ãƒ ã€åºƒã„ãƒ˜ãƒƒãƒ€ 3ã‚«ãƒ©ãƒ ã€åºƒã„ãƒ˜ãƒƒãƒ€ ãƒ•ã‚©ãƒ¼ãƒœãƒƒã‚¯ã‚¹ ä¸ç¢ºå®šãªã‚°ãƒªãƒƒãƒ‰ å¤§ãã„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ ã‚·ãƒ³ã‚°ãƒ«ã‚«ãƒ©ãƒ æ‰“ã¡å‡ºã—ç”»åƒ å›ºå®šã‚µã‚¤ãƒ‰ãƒãƒ¼ ã‚°ãƒªãƒƒãƒ‰ãƒ™ãƒ¼ã‚¹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ãƒžã‚¬ã‚¸ãƒ³ã‚¹ã‚¿ã‚¤ãƒ« [ad#ad-2] 2ã‚«ãƒ©ãƒ ã€åºƒã„ãƒ˜ãƒƒãƒ€ ã“ã‚Œã¯æœ€ã‚‚æ™®é€šã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨è¨€ã£ã¦ã‚‚ã‚ˆã„ã§ã—ã‚‡ã†ã€‚åºƒã„ãƒ˜ãƒƒãƒ€ãŒä¸Šéƒ¨ã«ã‚ã‚Šã€960pxã‚’2ã‚«ãƒ©ãƒ ã«ã—ã€ä¸€ã¤ã¯åºƒãã€ã‚‚ã†ä¸€ã¤ã¯ç‹ãã—ãŸã‚‚ã®ã§ã™ã€‚ç‹ã„æ–¹ã¯ã‚µã‚¤ãƒ‰ãƒãƒ¼ã§ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ãŒè¨ç½®ã—ã¦ã‚ã‚Šã¾ã™ã€‚ æ…£ç¿’çš„ã«ã€ãƒ–ãƒã‚°ã§ã¯åºƒã„æ–¹ã®å³ã«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç½®ãã€ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ãªã‚µã‚¤
dog_smile 2012/05/25
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

webåˆ¶ä½œ

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI
HTML5+CSS3+JavaScriptã§åˆ¶ä½œã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Chico UI [ad#ad-2] Chico UIã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€ååˆ†ã§ã—ã‚‡ã†ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã€ãã®å‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚°ãƒªãƒƒãƒ‰ã‹ã‚‰ã€‚
dog_smile 2012/03/02
html5

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
è‰¯ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ï¼ŸæŠ€è¡“ã‚’å¦ã¶å‰ã«çŸ¥ã£ã¦ãŠããŸã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºæœ¬çš„ãªã“ã¨
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚ŠãŸã„ã£ã¦æ€ã£ãŸæ™‚ã«Photoshopã‚„Illustratorã€cssã‚„htmlã‚’å‹‰å¼·ã—ãªãã‚ƒãªã€œ><ã¦è€ƒãˆã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€æŠ€è¡“çš„ãªã“ã¨ã‚’å¦ã¶å‰ã«ã¾ãšãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡ºæ¥ãªãã‚ƒå§‹ã¾ã‚Šã¾ã›ã‚“ã‚ˆãã€‚ ã‚»ãƒ³ã‚¹ï¼Ÿã‹ã£ã“è‰¯ã•ï¼Ÿå¥‡éº—ã•ï¼Ÿè‰¯ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã—ãŸã„ã‘ã©ã€ä½•ã‚’ã—ãŸã‚‰ã„ã„ã‹ã‚ã‹ã‚‰ãªã„ã€‚ãã‚“ãªæ™‚ã«ä½•ã‚’è€ƒãˆãŸã‚‰è‰¯ã„ã®ã‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã‚’ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ XD ã¯ã˜ã‚ã« è‰¯ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ï¼Ÿ æœ€è‰¯ã®æ–¹æ³•ï¼Ÿ 1.ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç›®çš„ 2.ã‚¿ãƒ¼ã‚²ãƒƒãƒˆ 3.ã“ã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ãŸä¾‹ ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ 1.æ›¸ä½“ã«ã¤ã„ã¦ 2.ã‚¸ãƒ£ãƒ³ãƒ—çŽ‡ 3.ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹ã‚’ç”Ÿã‹ã™ >ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹ã§æƒ…å ±ã‚’åˆ†å‰²ã™ã‚‹ >ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹ã§å›²ã‚€ >ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹ã«ã‚ãˆã¦ã¯ã¿å‡ºã™ æœ€å¾Œã« ã¯ã˜ã‚ã« ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†è¨€è‘‰ã‚’èžãã¨ã€ã‹ã£ã“ã„ã„ã€ã‹ã‚ã„ã„ã€ãŠã—ã‚ƒã‚Œã€ãã‚Œã„ã€ãªã©ã¨æ„Ÿè¦šçš„ãªã‚‚ã®ã‚’æ€ã„æµ®ã‹ã¹ã‚‹æ–¹ãŒå¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹
dog_smile 2012/02/24
ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
æ§˜ã€…ãªCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã€Œ465+ Useful CSS Layouts for Downloadã€
TOPÂ Â >Â Â WebDesignÂ Â >Â Â æ§˜ã€…ãªCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã€Œ465+ Useful CSS Layouts for Downloadã€ WEBã§ã¯æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã‚ã‚Šã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã§å¤§ããªå·®ã¯ã§ãã¾ã™ãŒã€åŸºæœ¬ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã‚ã‚‹ç¨‹åº¦æ±ºã¾ã£ã¦ãŠã‚Šã€åˆ¶ä½œã™ã‚‹ä¸Šã§ã€ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒã‚ã‚‹ã ã‘ã§éšåˆ†ã¨æ¥½ã«ãªã‚Šã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯æ§˜ã€…ãªCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ465+ Useful CSS Layouts for Downloadã€ã§ã™ã€‚ Nice and Free CSS Templates/Layouts by My Celly åŸºæœ¬çš„ãª1ã‚«ãƒ©ãƒ ã€2ã‚«ãƒ©ãƒ ã€3ã‚«ãƒ©ãƒ ã¨ã„ã£ãŸãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‹ã‚‰ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã¾ã§æ§˜ã€…ãªCSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã§ã™ã€‚ä»Šæ—¥ã¯ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ä¸ã‹
dog_smile 2011/10/31
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

css

ã¾ã¨ã‚

webåˆ¶ä½œ

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

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ã¯çŸ¥ã£ã¦ãŠããŸã„webã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ7é¸ â”‚ Design Spice
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨èªžã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å›ºå®šå¹…ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³(Responsive Web Design) PCã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆäº‹ã«è¤‡æ•°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶ä½œã™ã‚‹ã®ã§ã¯ãªãã€ ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®å¹…ã«åˆã‚ã›ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ã€‚ CSS3ã®Media Queriesã‚’åˆ©ç”¨ã—ã¦ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ã¾ã™ã€‚ ãƒ¡ãƒªãƒƒãƒˆ ä¸€ã¤ã®ã‚½ãƒ¼ã‚¹ã§è¤‡æ•°ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã§ãã‚‹ã®ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒå®¹æ˜“ã§ã™ã€‚ ã¾ãŸä»Šå¾Œãƒ‡ãƒã‚¤ã‚¹ã®ç¨®é¡žãŒå¢—ãˆã¦ã‚‚ãã‚Œã«å¯¾å¿œã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ‡ãƒã‚¤ã‚¹ã«åˆã‚ã›ãŸå½¢ã§èª¿æ•´ã§ãã‚‹ã®ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚‚é«˜ããªã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¡ãƒªãƒƒ
dog_smile 2011/09/02
Web

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆç§ï¼‰ã«ã‚ˆã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ³¨æ„æ›¸ã
ç§ã¯ DTP ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ã§ã™ ...ã€‚ã§ã‚‚ã¨ãã©ããŠå®¢ã•ã‚“ã‹ã‚‰ã€ãƒ•ãƒ©ã‚¤ãƒ¤ãƒ¼ã¨ã‹ãƒã‚¹ã‚¿ãƒ¼ã€ååˆºãªã‚“ã‹ã®ç´™ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é ¼ã¾ã‚Œã¾ã™...ã€‚ãã“ã§ã‚‚ã£ã¨å‹‰å¼·ã—ãªãã¡ã‚ƒã„ã‘ãªã„ãªãƒ¼ã¨æ„Ÿã˜ã¦ã„ãŸã®ãŒã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã«ã¤ã„ã¦ã®ã“ã¨ã€‚ä»Šå›žã¯ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã¨ãã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦å¦ã‚“ã ã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ä»¥å‰ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã‚‹å…ˆè¼©ã«ã€ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚„æƒãˆã‚‹ã ã‘ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã˜ã‚ƒãªã„ã—ã€ã‚‚ã£ã¨ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã“ã¨ã‚’å‹‰å¼·ã—ãªã•ã„ã¨è¨€ã‚ã‚Œã¾ã—ãŸ â€¦ã€‚ç§ã¯æ™®æ®µã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã—ã‹ã—ã¦ã„ãªã„ã‚“ã§ã™ã‘ã©ã€ã¨ãã©ããƒ•ãƒ©ã‚¤ãƒ¤ãƒ¼ã‚„ãƒã‚¹ã‚¿ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€ã¤ã„ã§ä»•äº‹ã®ã‚ˆã†ãªå½¢ã§é ¼ã¾ã‚Œã‚‹äº‹ãŒã‚ã‚Šã¾ã™ â€¦ã€‚ ã§ã‚‚ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã—ã‹ã—ã¦ã“ãªã‹ã£ãŸç§ã¯ã€ç´™åª’ä½“ â€“ DTP ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ã§ã™ â€¦ã€‚ã¡ã‚‡ã†ã© 1å¹´ãã‚‰ã„å‰ã«ã‚‚åŒã˜ã‚ˆã†ãªè¨˜äº‹ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆç§ï¼‰ã«ã‚ˆã‚‹DTPãƒ‡ã‚¶ã‚¤ãƒ³æ³¨æ„æ›¸ãï¼šWebã¨
dog_smile 2011/09/01
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

å‹‰å¼·

ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£
ãƒªãƒ³ã‚¯
[CSS]å¯å¤‰ã§ã‚‚å›ºå®šã§ã‚‚å¯¾å¿œã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ -Grid
Fruidãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚‚Fixedãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚‚ã€å…¥ã‚Œåã§ã‚‚å¯¾å¿œã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå…¥ã‚Œåã®ã‚°ãƒªãƒƒãƒ‰ Gridã®ä½¿ã„æ–¹ Gridã¯ã€ä½¿ã„æ–¹ã‚‚ç°¡å˜ã§ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒŠã¨ãªã‚‹è¦ç´ ã®classã«ã€Œgridsã€ã‚’åŠ ãˆã¾ã™ã€‚ åè¦ç´ ã«æœ›ã‚€ã‚µã‚¤ã‚ºã®classã‚’æŒ‡å®šã—ã¾ã™ã€‚ Gridã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ 2011å¹´7æœˆ1æ—¥ãƒªãƒªãƒ¼ã‚¹ç‰ˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ ã‚°ãƒªãƒƒãƒ‰ã¯ã€2åˆ†å‰²ã€3åˆ†å‰²ã€4åˆ†å‰²ã€5åˆ†å‰²ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ /* * Grid * A simple, flexible, fluid grid system that can flow nicely inside a fluid or a fixed container or play good with another Grid system. * Brajeshwar, http://
dog_smile 2011/07/04
ã‚°ãƒªãƒƒãƒ‰

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

CSS
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆèª¿æ•´ã‚„è£œåŠ©ã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®èª¿æ•´ã‚’ç°¡ç•¥åŒ–ã—ãŸã‚Šã€é€šå¸¸ ã¯é›£ã—ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¯èƒ½ã«ã—ãŸã‚Šã€ã¨ã„ ã£ãŸè£œåŠ©çš„ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚ ã§ã™ã€‚æœ€è¿‘æŽ¢ã™æ©Ÿä¼šãŒå¢—ãˆãŸã®ã§ä»Šå¾Œ ã®ç‚ºã«å‚™å¿˜éŒ²çš„ã«è¨˜äº‹ã«ã—ã¦ãŠãã¾ã™ã€‚ ã“ã®æ‰‹ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯æ•°å¤šã«ã‚ã‚‹ã®ã§ å¥½ã¿ã§ç«¯æŠ˜ã£ã¦ã„ã¾ã™ã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®èª¿æ•´ã‚„è£œåŠ©ãªã©ã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚ã€‚ã¨ã€è¨€ã£ã¦ã‚‚å¤§æŠµã¯æ—¢å‡ºã ã¨æ€ã„ã¾ã™ã€‚é †ä¸åŒã€‚ Supersized ç”»é¢ã«åˆã‚ã›ã¦è‡ªå‹•çš„ã«èƒŒæ™¯ç”»åƒã‚’ä¼¸ç¸®ã—ã¦ãã‚Œã‚‹ã ã‘ã§ãªãã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ã‚‚ãªã£ã¦ãã‚Œã¾ã™ã€‚ã„ã¤ã‹ä»•äº‹ã§ä½¿ã„ãŸã„ã€‚æœ€è¿‘Flickrã®APIã«ã‚‚å¯¾å¿œã—ã¾ã—ãŸã€‚ Supersized jQuery UI.Layout Plug-in ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®å·®ç•°ã‚’è€ƒãˆãšã«è‡ªç”±ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚ã¾ã™ã€‚ jQuery UI.Layout Plug-in JQUERY CUSTOM CONTENT SCROLLER ã‚¹ã‚¯ãƒãƒ¼ãƒ«
dog_smile 2011/04/12
jQuery

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[CSS]ãŸã£ãŸäºŒè¡Œã§ã€ã•ã¾ã–ã¾ãªã‚«ãƒ©ãƒ ã‚’è¨å®šã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãŸã£ãŸäºŒè¡Œã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã€ã•ã¾ã–ã¾ãªã‚µã‚¤ã‚ºã®ã‚«ãƒ©ãƒ ã‚’è¨å®šã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§divè¦ç´ ã‚’ä½¿ã†ã ã‘ã§ã™ã€‚ HTML 3ã‚«ãƒ©ãƒ ã®ä¾‹ã§ã™ã€‚ã‚«ãƒ©ãƒ ã®æ•°ã«ã‚ã‚ã›ã¦ã€divè¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚ <div class="row"> <div class="cell" style="background-color:#aaa;">1</div> <div class="cell" style="background-color:#bbb;">2</div> <div class="cell" style="back
dog_smile 2010/11/15
css

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã‚’ç°¡å˜ã«ã—ã¦ãã‚Œã‚‹CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ
CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ®µçµ„ã¿ä½œã‚ŠãŒã¨ã£ã¦ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ã”ç´¹ä»‹ã€‚æ—¢ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€æœªä½“é¨“ã®äººã¯ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ãï¼ Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ¬ ã‹ã›ãªã„ã€CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã€‚ã‚³ãƒ³ãƒ†ãƒŠä½œã£ã¦ã€ã“ã“ã«ãƒ©ãƒƒãƒ‘ãƒ¼ä½œã£ã¦ã€ãƒ¡ã‚¤ãƒ³ãŒ 600px ã§ padding ãŒ 20px ã ã‹ã‚‰ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒã€ãˆãƒ¼ã¨ â€¦ ãªã‚“ã¦ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãã‚“ãªé¢å€’ãªä½œæ¥ãŒã‚¤ãƒ¤ã ãªãƒ¼ã¨ã„ã†äººã«ãŠã™ã™ã‚ãªã®ãŒã€CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€‚å…¨ã¦ã® Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€çµæ§‹é‡å®ã—ã¾ã™ã€‚ã™ã§ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚“ãªæ–¹æ³•ã‚‚ã‚ã‚‹ã‚“ã ã‚ˆãƒ¼ã¨ã„ã†ã“ã¨ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã¯ï¼Ÿ CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã„ã†ã®ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å‡ç‰ã«åˆ†ã‘ã¦ã€ãƒžã‚¹ç›®ä¸Šã«è€ƒãˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ä½•ãŒä¾¿åˆ©ã‹ã£ã¦ã„ã†ã¨ã€ã“ã®æ®µã¯4ç‰åˆ†ã«ã—
dog_smile 2010/10/19
css

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚°ãƒªãƒƒãƒ‰
ãƒªãƒ³ã‚¯
1