[B! html] kaerusanuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kaerusanu id:kaerusanu

htmlã«é–¢ã™ã‚‹kaerusanuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (43)

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

ãƒªã‚¹ãƒˆã«1pxã®ãƒ©ã‚¤ãƒ³ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€å°è±¡ãŒãã£ã¨ã‚ˆããªã‚‹
#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. ä¸‹ã«è–„ã„ãƒ©ã‚¤ãƒ³ã‚’è¿½åŠ ã—ã¦ã¿ã‚‹ ã“ã®ãƒªã‚¹ãƒˆã«1æœ¬ãƒ©ã‚¤ãƒ³ã‚’åŠ ãˆã‚‹ã ã‘ã§å…¨ç„¶å°è±¡ãŒå¤‰ã‚ã£ã¦ãã¾ã™ã€‚è©¦ã—ã«ä¸‹ã«ç™½ã„ãƒ©ã‚¤ãƒ³ã‚’è¿½åŠ ã—ã¦ã¿ã¾ã™ã€‚ #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord
kaerusanu 2012/03/27
html

css
ãƒªãƒ³ã‚¯
HTML Project2ã®è©³ç´°æƒ…å ± : Vector ã‚½ãƒ•ãƒˆã‚’æŽ¢ã™ï¼
kaerusanu 2011/09/07
html
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã«ä»»æ„ã®iframeã‚’è²¼ã‚Šä»˜ã‘ã‚‹ - monthly gimite
2011/3/2è¿½è¨˜: 2011/3/2ä»¥å‰ã«ã“ã®ã‚³ãƒ³ãƒãƒ¼ã‚¿ã§å¤‰æ›ã•ã‚ŒãŸã‚¬ã‚¸ã‚§ãƒƒãƒˆãŒæ£ã—ãè¡¨ç¤ºã•ã‚Œãªã„ä¸å…·åˆãŒèµ·ãã¦ã„ã¾ã—ãŸã€‚ç¾åœ¨ã¯ä¿®æ£æ¸ˆã¿ã§ã™ã€‚â†’è©³ç´° æœ€è¿‘ã¯iframeã‚’ä½¿ã£ãŸãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ãŒã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã§ã¯iframeãŒä½¿ãˆã¾ã›ã‚“ã€‚ Google Gadgetã‚’ä½¿ãˆã°ä»»æ„ã®iframeã‚’åŸ‹ã‚è¾¼ã‚ã‚‹ã®ã§ã™ãŒã€ã‚ã‚“ã©ãã•ã„ã®ã§ã€iframeã‚’è‡ªå‹•ã§Google Gadgetã«å¤‰æ›ã™ã‚‹ã‚‚ã®ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ iframe â†’ Google Gadgetã‚³ãƒ³ãƒãƒ¼ã‚¿ ãŸã‚ã—ã«Googleãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è²¼ã‚Šä»˜ã‘ã¦ã¿ã¾ã—ãŸã€‚ ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚‚ã“ã‚Œã‚’ä½¿ã£ã¦åŸ‹ã‚è¾¼ã‚ã¾ã™ãŒã€ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®Google Gadgetã‚‚ã‚ã‚Šã¾ã™ã€‚
kaerusanu 2009/03/19
hatena

html
ãƒªãƒ³ã‚¯
JavaScriptç”£ã®å°Žå…¥ãŒç°¡å˜ã§å¼·åŠ›ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ‡ã‚£ã‚¿
æ¯”è¼ƒçš„ç°¡å˜ã«webã«å°Žå…¥ã§ãã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ‡ã‚£ã‚¿ã€‚ CSSã€HTMLã‚¿ã‚°ãªã©ãŒå®Œå‚™ã•ã‚Œã¦ã„ã¦ã€ã‚¢ã‚¤ãƒ‡ã‚¢æ¬¡ç¬¬ã§è‰²ã€…ä½¿ãˆãã†ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç‰ã¯ä»¥ä¸‹ã«ã€‚ ã¨ã‚Šã‚ãˆãšã€ã‚µãƒ³ãƒ—ãƒ«ã‚’è§¦ã‚‹ã®ãŒæ—©ã„ã‹ã¨ã€‚ CSSã‚„ã€HTMLã‚¨ãƒ‡ã‚£ã‚¿ãŒã‚ã‚Šã€ã‚¹ãƒ ãƒ¼ã‚ºãªåå¿œãŒè¿”ã£ã¦ãã¾ã™ã€‚ HTMLã‚¨ãƒ‡ã‚£ã‚¿ã«ã¯ã€ãã®å ´ã§ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã™ã‚‹æ©Ÿèƒ½ã‚‚ä»˜ã„ã¦ã¾ã™ãã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ ãƒ•ãƒªãƒ¼ã§ã™ãŒã€GPLãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã™ã€‚ ã‚½ãƒ•ãƒˆã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ å°šã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€è§£å‡ã™ã‚‹ã¨ã€index.htmlã€€ã¨ã€€jquery.html ã¨ã„ã†äºŒã¤ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ãŒç›´ä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ åŒæ–¹JavaScriptã§ã™ãŒã€index.htmlã®æ–¹ã§ã¯jQueryã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã›ã‚“ã€‚ é–‹ã‘ã°ã€webã«ã‚¢ãƒƒãƒ—ã›ãšã¨ã‚‚ã€ãƒãƒ¼ã‚«ãƒ«ã§æ™®é€šã«å‹•ä½œã—ã¾ã™ã€‚ã“ã®ã‚ãŸã‚ŠãŒJavaScriptã®åˆ©ç‚¹ã§ã‚‚ã‚ã‚Šã¾ã™ã‚ˆãã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯è‹±èªžã§ã™ãŒã€ã‚¿ã‚°ã‚„ã‚³ãƒ¼ãƒ‰ã¯ä¸–ç•Œå…±é€šã§
kaerusanu 2008/12/16
*javascript

html

jquery
ãƒªãƒ³ã‚¯
pForm - Free HTML Form Builder - Create Web Form Template Online
Create HTML Form in Seconds. Choose a color to start:
kaerusanu 2008/04/30
*webåˆ¶ä½œ

generator

html

*javascript

*css
ãƒªãƒ³ã‚¯
[CSS]ä½¿ã„ã‚„ã™ã„ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿè£…ã™ã‚‹17ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | ã‚³ãƒªã‚¹
Styling form controls with CSS, revisited ãƒ•ã‚©ãƒ¼ãƒ ã®å„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®è¡¨ç¤ºã€‚ è¿½è¨˜ï¼š 2008å¹´2æœˆ28æ—¥ ã€Œtext field designsã€ã‚’è¿½åŠ ã€‚
kaerusanu 2008/02/28
*webãƒ‡ã‚¶ã‚¤ãƒ³

*webåˆ¶ä½œ

*ã¾ã¨ã‚

form

html

*css
ãƒªãƒ³ã‚¯
60è¡Œã§ä½œã‚‹PHPç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³
å”çªã«ã€PHPç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’ä½œã£ã¦ã¿ã‚‹ã€‚ æ–¹é‡ï¼š ãµã¤ã†ã®PHPãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã—ã¦ä½¿ã†ã€‚ <?php echo $var; ?> ã¯é¢å€’ãªã®ã§ #{$var} ã¨æ›¸ã‘ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ <?php echo htmlspecialchars($var); ?> ã¯ã‚‚ã£ã¨é¢å€’ãªã®ã§ %{$var} ã¨æ›¸ã‘ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ ã¤ã„ã§ã«XMLå®£è¨€ã‚‚ <<?php ?>?xml ... ã«è‡ªå‹•ç½®æ›ã™ã‚‹ã€‚ã€è¿½è¨˜ã€‘ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ã¿ãŸ ã‚³ãƒ¼ãƒ‰ï¼š <?php /* * SixtyLinesTemplate.php - 60è¡Œã—ã‹ãªã„ã‘ã©Smartyã‚ˆã‚Šé€Ÿã„ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ * * ä½¿ã„æ–¹ï¼š * require_once('SixtyLinesTemplate.php'); * $TEMPLATE_DIR = 'templates'; // çœç•¥å¯ã€ãƒ‘ãƒ¼ãƒŸãƒƒã‚·ãƒ§ãƒ³ã«æ³¨æ„ * $c
kaerusanu 2007/10/30
*php

html
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«ä¾¿åˆ©ãªãƒªã‚½ãƒ¼ã‚¹100:phpspoté–‹ç™ºæ—¥èªŒ
The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources at DesignVitality WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«ä¾¿åˆ©ãªãƒªã‚½ãƒ¼ã‚¹100ãƒªãƒ³ã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ãƒ•ãƒªãƒ¼ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ OSWD OpenWebDesign Open Designs CSS Tinderbox ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ TemplateNavigator TemplateBox Template Monster Art for the Web Free CSS Templates CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé›† Layout Gala AndreasVilkund.com CSS Template Directory BenMeadowcroft.com Mollio CSSè‡ªå‹•ãƒ„ãƒ¼ãƒ«ã€ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ CSS CreatorÂ -
kaerusanu 2007/07/24
*webãƒ‡ã‚¶ã‚¤ãƒ³

*webåˆ¶ä½œ

*ã¾ã¨ã‚

*css

html
ãƒªãƒ³ã‚¯
ã‚¦ãƒŽã‚¦ãƒ©ãƒœ Unoh Labs: æ°´å¹³æ–¹å‘ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹
yamaokaã§ã™ã€‚ æ°´å¹³æ–¹å‘ã«ä¸¦ã‚“ã ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹å ´åˆã€ çš†ã•ã‚“ã¯ã©ã®ã‚ˆã†ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ ã¨ã‚Šã‚ãˆãšå¿…è¦ãªé …ç›®ã‚’ç¾…åˆ—ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ãã‚Œãžã‚Œã®é …ç›®ã«ã¯çŸ¢å°ã®ç”»åƒã‚’ä»˜åŠ ã™ã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ == HTML == <p id="navigation"> <img src="arrow.gif">ç·¨é›† <img src="arrow.gif">å‰Šé™¤ <img src="arrow.gif">è¿½åŠ </p> horizontal_nav_1 posted by (C)ãƒ•ã‚©ãƒˆè”µ ä¸€è¦‹ã‚ˆã•ãã†ã§ã™ã€‚ ãŸã ã€HTMLã®è«–ç†çš„ãªæ§‹é€ ã¨ã—ã¦ãµã•ã‚ã—ã„ã‚‚ã®ã§ã—ã‚‡ã†ã‹ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨è¨€ãˆã©ã‚‚è«–ç†æ§‹é€ ã¨ã—ã¦ã¯ãƒªã‚¹ãƒˆã®ä¸€ç¨®ãªã®ã§ã€ãƒªã‚¹ãƒˆã¨ã—ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã®ãŒé©å½“ã¨è¨€ãˆã¾ã™ã€‚ ãƒªã‚¹ãƒˆã«ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ == HTML == <ul id="navigation"> <li>ç·¨é›†<
kaerusanu 2007/07/13
*webãƒ‡ã‚¶ã‚¤ãƒ³

*css

html
ãƒªãƒ³ã‚¯
HTMLæ§‹é€ ã‚’è¦–è¦šçš„ã«è¶…åˆ†ã‹ã‚Šã‚„ã™ãå‡ºæ¥ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€Œstylizatorã€:phpspoté–‹ç™ºæ—¥èªŒ
Corunet. El blog Automatic CSS: The stylizator Weâ€™re going to write a simple script that takes an HTML file as input and gives us two things: HTMLæ§‹é€ ã‚’è¦–è¦šçš„ã«è¶…åˆ†ã‹ã‚Šã‚„ã™ãå‡ºæ¥ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€Œstylizatorã€ã€‚ stylizatorã‚’ä½¿ãˆã°ã€ä¾‹ãˆã°ã€æ¬¡ã®å›³ã®å·¦ã®ã‚ˆã†ãªHTMLãŒã‚ã£ãŸã¨ã™ã‚‹ã¨ã€å›³ã®å³ã®ã‚ˆã†ãªéšŽå±¤çš„ã§ã€æ§‹é€ ãŒåˆ†ã‹ã‚Šã‚„ã™ã„HTMLã«å¤‰æ›ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ å¤‰æ›ã•ã‚ŒãŸHTMLã®ãƒ–ãƒãƒƒã‚¯è¦ç´ ã«ã¯ã€æ¬¡ã®ã‚ˆã†ã«ãƒ–ãƒãƒƒã‚¯ã®IDè¦ç´ ãŒèµ¤ã®ç‚¹ç·šã§åˆ†ã‹ã‚Šã‚„ã™ãè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ åˆ©ç”¨ã«ã¯ã€Perlç’°å¢ƒãŒå¿…è¦ã§ã™(ActivePerlã§ã‚‚OK)ã€‚ å®Ÿè¡Œã¯ã€æ¬¡ã®ã‚ˆã†ã«ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã§è¡Œã„ã¾ã™ã€‚ perl stylizator.pl <å¤‰æ›ã‚’è¡Œã„ãŸã„H
kaerusanu 2007/06/22
html

*css

perl
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„Web2.0æ™‚ä»£ã®XMLå…¥é–€
ä»Šå›žã‹ã‚‰æ–°ã—ãå§‹ã¾ã£ãŸã€Œã„ã¾ã•ã‚‰èžã‘ãªã„ãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆæŠ€è¡“ã€ã‚·ãƒªãƒ¼ã‚ºã€‚æ¯Žå›ž1ã¤ã®ãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆç”¨èªžãƒ»æŠ€è¡“ã‚’å–ã‚Šä¸Šã’ã¦è§£èª¬ã‚’ã—ã¾ã™ã€‚ãƒ¬ãƒ™ãƒ«ã¨ã—ã¦ã¯åˆå¿ƒè€…ã‹ã‚‰ä¸ç´šè€…ã‚’æƒ³å®šã—ã¦ã„ã‚‹ã®ã§ã€æ°—è»½ã«èªã‚“ã§ãã ã•ã„ãã€‚ è¨˜å¿µã™ã¹ãç¬¬1å›žã¯ã€Web2.0æ™‚ä»£ã®ã€ŒXMLã€ã«ã¤ã„ã¦ã§ã™ã€‚çš†ã•ã‚“ã‚‚ä¸€åº¦ã¯ã“ã®ç”¨èªžã‚’èžã„ãŸã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚XMLã¯ã©ã‚“ãªæŠ€è¡“ãªã®ã‹ï¼Ÿ XMLã‚’ä½¿ã†ã¨ä½•ãŒã„ã„ã®ã‹ï¼Ÿ è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ãƒãƒƒãƒˆã®ä¸–ç•Œã¯XMLã ã‚‰ã‘ ã¾ãšXMLã¯ã©ã‚“ãªã¨ã“ã‚ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚XMLãŒãƒ™ãƒ¼ã‚¹ã¨ãªã£ã¦ã„ã‚‹ä¸€ç•ªãªã˜ã¿ãŒæ·±ã„ã‚µãƒ¼ãƒ“ã‚¹ã¯ã€ã‚µã‚¤ãƒˆã®æ›´æ–°æƒ…å ±ã‚’ä¼ãˆã‚‹ã€ŒRSSã€ã§ã™ã€‚
kaerusanu 2007/06/20
xml

html
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã‚’ä½œã‚‹æœ‰ç”¨ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSã ã‘ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã‚’ä½œã‚‹æœ‰ç”¨ã‚µãƒ³ãƒ—ãƒ«ã€‚ ç”»åƒã®ç‰¹å®šéƒ¨åˆ†ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ã€èª¬æ˜Žã‚’ç”»åƒä¸Šã«è¡¨ç¤ºã§ãã‚‹CSSã¨XHTMLã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ JavaScript ã‚’ä¸€åˆ‡ä½¿ã£ã¦ãŠã‚‰ãšã€CSSã ã‘ã§å®Ÿç¾ã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ãŒã™ã”ã„ã§ã™ãã€‚ JavaScript ãŒè¦ã‚‰ãšã€æ¬¡ã®ã‚ˆã†ãªç¶ºéº—ãªHTMLã§å®Ÿç¾ã§ãã‚‹ã¨ã“ã‚ã‚‚å¬‰ã—ã„ã§ã™ãã€‚ å®Ÿè£…ã‚‚ç°¡å˜ãã†ã§ã™ã€‚ <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
kaerusanu 2007/06/05
*css

html

image

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/é–‹ç™ºè€…ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„ï¼’ï¼•ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯:phpspoté–‹ç™ºæ—¥èªŒ
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series â€¦ Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/é–‹ç™ºè€…ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„ï¼’ï¼•ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ çŸ¥ã£ã¦ãŠã„ã¦ã‚µã‚¤ãƒˆã«çµ„ã¿è¾¼ã‚ã°ã€ä¸€æ©ãƒ¬ãƒ™ãƒ«ãŒä¸Šã®ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã§ãã‚‹ã¯ãšã§ã™ã€‚ CSSã‚’ä½¿ã†ã‚‚ã®ã ã‘ã§ãªãã€JavaScript ã‚„ PHP ã‚‚çµ¡ã‚“ã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã‚µãƒ³ãƒ—ãƒ«ã‚’æ”¹å¤‰ã™ã‚‹ã“ã¨ã§è¨ç½®ã‚’ã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã‚‹ã¯ãšã§ã™ã€‚ ãƒãƒ–ãƒ«ãƒ„ãƒ¼
kaerusanu 2007/03/14
*ajax

*css

*javascript

html

*php

ui
ãƒªãƒ³ã‚¯
é€²åŒ–ã™ã‚‹â€œWebã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°â€æŠ€è¡“ã®ä¸–ç•Œ â€• ï¼ IT
2007/02/20 Webã‚µãƒ¼ãƒ“ã‚¹ã®APIã‚„RSSãƒ•ã‚£ãƒ¼ãƒ‰ã‚’ä½¿ã£ã¦è¤‡æ•°ã‚µã‚¤ãƒˆã®ã‚µãƒ¼ãƒ“ã‚¹ã‚„æƒ…å ±ã‚’ãƒžãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—â€•â€•ã€‚ã“ã‚Œã¯Web2.0ãŒåŒ…å«ã™ã‚‹ã„ãã¤ã‹ã®æ¦‚å¿µã®ã†ã¡ã€æœ€ã‚‚é‡è¦ãªã‚‚ã®ã®1ã¤ã ã€‚Amazon.comã‚„Googleã€Yahoo!ã€æ¥½å¤©ã¨ã„ã£ãŸå¤§æ‰‹Webã‚µã‚¤ãƒˆã¯ã€RESTã‚„SOAPã‚’ç”¨ã„ãŸAPIã‚’å…¬é–‹ã—ã¦ãŠã‚Šã€ã•ã¾ã–ã¾ãªã‚µãƒ¼ãƒ“ã‚¹æä¾›è€…ã‚„å€‹äººãŒAPIã‚’é€šã—ã¦å„ç¨®ã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã€‚ãã®ä¸€æ–¹ã€ä¸–ã®ä¸ã®Webã‚µã‚¤ãƒˆã®å¤§å¤šæ•°ã¯Web1.0çš„ãªHTMLã‚„CGIãƒ•ã‚©ãƒ¼ãƒ ã—ã‹æä¾›ã—ã¦ã„ãªã„ã®ãŒç¾å®Ÿã ã€‚ã“ã†ã—ãŸèƒŒæ™¯ã‹ã‚‰Web1.0ã‚µã‚¤ãƒˆã‹ã‚‰æ§‹é€ åŒ–ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’å¼•ã£å¼µã‚Šå‡ºã™â€œWebã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°â€æŠ€è¡“ãŒæ€¥é€Ÿã«ç™ºå±•ã—ã¦ãã¦ã„ã‚‹ã‚ˆã†ã ã€‚ HTMLã‚’XMLåŒ–ã—ã€XPathã§é–¢é€£ãƒ‡ãƒ¼ã‚¿ã ã‘ã‚’æŠ½å‡º ä¾‹ãˆã°ä¾¡æ ¼æƒ…å ±ã‚µã‚¤ãƒˆã§ã¯è£½å“åã‹ã‚‰ä¾¡æ ¼ãŒç°¡å˜ã«èª¿ã¹ã‚‰ã‚Œã‚‹ãŒã€Webã‚µãƒ¼ãƒã‹ã‚‰æä¾›ã•ã‚Œã‚‹ã®ã¯ã€è£½å“åã‚„ä¾¡æ ¼ã«ãƒ¬
kaerusanu 2007/03/02
html

mechanize

scraping

*ruby

xml

é–‹ç™º
ãƒªãƒ³ã‚¯
CSSã¨PHPã§ãã‚Œã„ãªã‚°ãƒ©ãƒ•ã‚’æãæ–¹æ³• | SIMPLE*SIMPLE
terrill.caã«ã¦CSSã¨PHPã§ãã‚Œã„ãªã‚°ãƒ©ãƒ•ã‚’æãæ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ Â» terrill.ca | Vertical Bar Graphs using CSS and PHP æ£’ã‚°ãƒ©ãƒ•ã‚„ç«‹ä½“ã‚°ãƒ©ãƒ•ãªã©ãŒCSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã§æã‘ã¾ã™ã€‚PHPã¯ãƒ‡ãƒ¼ã‚¿ã®æŠ½å‡ºã¨ç¸®å°ºã®è¨å®šã ã‘ãªã®ã§ã€å¿…è¦ã§ãªã„æ–¹ã¯ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹CSSã ã‘ä½¿ã£ã¦ã‚‚è‰¯ã„ã‹ã‚‚ã€‚ â†“ãªã‚°ãƒ©ãƒ•ã‚„ã€ â†“ãªã‚°ãƒ©ãƒ•ãŒæã‘ã¾ã™ã€‚ ãªãŠã€HTMLã®ã»ã†ã®è¨˜è¿°ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ãã€‚å¤‰æ›´ã‚‚ç°¡å˜ã‹ã¨ã€‚ <ulÂ class="barGraph"> <liÂ class="p1"Â style="height:Â 57px;Â left:Â 0px;">57</li> <liÂ class="p2"Â style="height:Â 27px;Â left:Â 0px;">27</li> <liÂ class="p3"Â style="heigh
kaerusanu 2007/02/14
*css

html

*php
ãƒªãƒ³ã‚¯
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã¦ã„ã‚‹æ™‚ã«è©¦ã™10ã®å‡¦æ–¹ç®‹::::::STOPN' LISTEN::::::to the silence:::::::
ãŠæŽ¢ã—ã®ãƒšãƒ¼ã‚¸ã¯ã€Œã™ã§ã«å‰Šé™¤ã•ã‚Œã¦ã„ã‚‹ã€ã€ã€Œã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã‚¢ãƒ‰ãƒ¬ã‚¹ãŒç•°ãªã£ã¦ã„ã‚‹ã€ãªã©ã®ç†ç”±ã§è¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ä»¥ä¸‹ã§ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚„ã‚«ãƒ†ã‚´ãƒªãƒ¼ã‹ã‚‰è¨˜äº‹ã‚’æŽ¢ã™ã“ã¨ãŒã§ãã¾ã™ã€‚
kaerusanu 2007/01/30
*css

html
ãƒªãƒ³ã‚¯
ITæˆ¦è¨˜ - CSS ã®å‹‰å¼·ä¼šã‚’ã—ã¾ã—ãŸ
2007 CSS Study Meeting http://artcode.g.hatena.ne.jp/keyword/2007%20CSS%20Study%20Meeting ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã®ã§è³‡æ–™ã‚’ç½®ã„ã¦ãŠãã¾ã™ã€‚ http://usrb.in/amachang/static/cssstudy/200701/ Firefox ã§å‹•ãã¾ã™ã€‚IE ã§ã‚‚ãŽã‚ŠãŽã‚Šã†ã”ãã¾ã™ã€‚ã‚ã€ã§ã‚‚ã€æ¨ªé•·ãªè¡¨ç¤ºåŸŸã˜ã‚ƒãªã„ã¨å´©ã‚Œã‚‹å¯èƒ½æ€§å¤§ã§ã™ã€‚ å·¦å³ã‚ãƒ¼ã§æ“ä½œã—ã¦ãã ã•ã„ã€‚ã¾ãŸã€ã‚½ãƒ¼ã‚¹ã¯å®Ÿè¡Œã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚‹ã®ã§ã€å®Ÿéš›ã«å®Ÿè¡Œã—ãªãŒã‚‰èªã‚“ã§ã„ã£ã¦ã„ãŸã ã‘ã‚‹ã¨ã†ã‚Œã—ã„ã§ã™ã€‚ ä»–ã«äº‹å‰ã« CSS ã®ã‚»ãƒ¬ã‚¯ã‚¿ã®ãƒã‚°ãƒªã‚¹ãƒˆã¨ãƒ—ãƒãƒ‘ãƒ†ã‚£ä¸€è¦§ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ä¸€è¦§ã¯ element.style ã«è¾žæ›¸ã‚¢ã‚¿ãƒƒã‚¯ã‚’æŽ›ã‘ã¦å„ç¨®ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰æŠ½å‡ºã—ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ http://usrb.in/amachang/stat
kaerusanu 2007/01/25
*css

*javascript

html
ãƒªãƒ³ã‚¯
FavIcon from Pics -- how to create a favicon.ico for your website
"The brand and visual elements of your website matter. Studies showed that more than 40% say a website design is the number one factor for discerning the credibility of a company." - Jerry, Founder of Web Hosting Secret Revealed (WHSR).
kaerusanu 2007/01/24
design

html

tool
ãƒªãƒ³ã‚¯
ã‚‚ã†ã€classåã‚„idåã§æ‚©ã¾ãªã„ã‚“ã ã‹ã‚‰ã£ï¼ï¼ï½œCSS HappyLife
classåã‚„idåã£ã¦ä»˜ã‘ã‚‹æ™‚æ‚©ã¿ã¾ã›ã‚“ã‹ï¼Ÿ ä»Šã§ã‚‚ãƒœã‚¯ã¯çµæ§‹æ‚©ã‚€ã‚“ã§ã™ãŒã€ãã‚“ãªæ‚©ã¿ã‚’è§£æ±ºã™ã‚‹ç‚ºã«ã€äººã•ã¾ã®ã‚½ãƒ¼ã‚¹è¦—ãã¾ãã£ã¦ã‚ˆãã‚ã‚‹classåã¨idåã‚’æ‹¾ã£ã¦ãã¾ã—ãŸã€‚ ã“ã‚Œã§ã€ãƒãƒ§ãƒƒãƒˆã ã‘ä½œæ¥åŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï¼ï¼Ÿ 2010å¹´6æœˆ10æ—¥è¿½è¨˜ï¼š ã“ã®è¨˜äº‹è‡ªä½“ã€2007å¹´ 1æœˆ15æ—¥ã«æ›¸ã‹ã‚Œã¦ã‚‹ã‚“ã§ã‹ãªã‚Šå¤ã„ã§ã™ã€‚ ã‚ãã¾ã§ã‚‚å‚è€ƒç¨‹åº¦ã«ç•™ã‚ã¦ã‚‚ã‚‰ã†ã®ãŒè‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šã ã£ãŸã‚‰ã€html5ã®è¦ç´ ã‚’å‚è€ƒã«ã—ãŸã‚Šã—ã¦ä»˜ã‘ã‚‹ã®ãŒã€ä»Šå¾Œã®äº‹ã‚’è€ƒãˆã‚‹ã¨è‰¯ã„ã®ã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å–„ã—æ‚ªã—ã®åˆ¤æ–ã¯ã›ãšã«å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ãŒã€ä½ç½®ã«é–¢ã™ã‚‹ã®ã¯ä»•æ§˜å¤‰æ›´ã«å¼±ããªã‚‹ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã¯ã—ã¾ã›ã‚“ã€‚ å…¨ä½“ã«ä½¿ãˆãã†ãªæ„Ÿã˜ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
kaerusanu 2007/01/16
class

*css

html

å‘½å
ãƒªãƒ³ã‚¯
Japanese Traditional Colors
æ¡œè‰² (ã•ãã‚‰ã„ã‚) # è–„æ¡œ (ã†ã™ã–ãã‚‰) # æ¡œé¼ (ã•ãã‚‰ããš) # é´‡é¼ (ã¨ãããš) # è™¹è‰² (ã«ã˜ã„ã‚) # çŠç‘šè‰² (ã•ã‚“ã”ã„ã‚) # ä¸€æ–¤æŸ“ (ã„ã£ã“ã‚“ãžã‚) # å®è‰² (ã—ã—ã„ã‚) # ç´…æ¢…è‰² (ã“ã†ã°ã„ã„ã‚) # è–„ç´… (ã†ã™ã¹ã«) # ç”šä¸‰ç´… (ã˜ã‚“ã–ã‚‚ã¿) # æ¡ƒè‰² (ã‚‚ã‚‚ã„ã‚) # é´‡è‰² (ã¨ãã„ã‚) # æ’«åè‰² (ãªã§ã—ã“ã„ã‚) # ç°æ¢… (ã¯ã„ã†ã‚) # ç°æ¡œ (ã¯ã„ã–ãã‚‰) # æ·¡ç´…è—¤ (ã‚ã‚ã¹ã«ãµã˜) # çŸ³ç«¹è‰² (ã›ãã¡ãã„ã‚) # è–„ç´…æ¢… (ã†ã™ã“ã†ã°ã„) # æ¡ƒèŠ±è‰² (ã‚‚ã‚‚ã¯ãªã„ã‚) # æ°´æŸ¿ (ã¿ãšãŒã) # ã¨ããŒã‚‰èŒ¶ (ã¨ããŒã‚‰ã¡ã‚ƒ) # é€€ç´… (ã‚ã‚‰ãžã‚) # è–„æŸ¿ (ã†ã™ãŒã) # é•·æ˜¥è‰² (ã¡ã‚‡ã†ã—ã‚…ã‚“ã„ã‚) # æ¢…é¼ (ã†ã‚ããš) # é´‡æµ…è‘± (ã¨ãã‚ã•ãŽ) # æ¢…æŸ“ (ã†ã‚ãžã‚) # è˜‡èŠ³é¦™ (ã™ãŠã†ã“ã†) # æµ…è˜‡èŠ³ (ã‚ã•ã™ãŠ
kaerusanu 2006/12/04
*css

design

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