HTML5+CSS3ã§å®Ÿè£…ã•ã‚ŒãŸã€ã•ã¾ã–ã¾ãªUIエレメントã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³
パラグラフ・リスト・見出ã—ãªã© [ad#ad-2] UIパーツã®ä½¿ã„æ–¹ 下記ã®3ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ã€ã“れらã®UIを自分ã®ãƒšãƒ¼ã‚¸ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ IEã¸ã®å¯¾å¿œ IEã«HTML5ã‚’ç†è§£ã•ã›ã‚‹ãŸã‚ã«ã€2ã¤ã®é‡è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’使用ã—ã¾ã™ã€‚ <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> CSSã®ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ スタイルシートファイルをインクルードã—ã¦ãã ã•ã„。もã—使用ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ãã®ç®‡æ‰€ã®ã¿ã§å¤§ä¸ˆå¤«ã§ã™ã€‚ <link rel="stylesheet" href="reset.css"
超シンプルãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§å®Ÿç¾ã§ãã‚‹CSS3ã«ã‚ˆã‚‹ç”»åƒã‚’使ã‚ãªã„å¹ã出ã—サンプル:phpspot開発日誌
How to Create CSS3 Speech Bubbles Without Images JavaScript & CSS SitePoint Blogs 超シンプルãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§å®Ÿç¾ã§ãã‚‹CSS3ã«ã‚ˆã‚‹ç”»åƒã‚’使ã‚ãªã„å¹ã出ã—サンプル。 å¹ã出ã—ã¨ã„ã†ã¨å®Ÿè£…ã«ã¯è‹¥å¹²éšŽå±¤ã‚’作ã£ãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒå¿…è¦ã¨è€ƒãˆã¾ã™ãŒã€CSS3を使ã†ã¨<p>ã ã‘ã§å®Ÿç¾ã§ãるよã†ã§ã™ã€‚ 次ã®ã‚ˆã†ãªå¹ã出ã—ã‚‚ã€ã€Œ<p class="bubble speech">SitePoint Rocks!</p> ã€ã¨ã„ã†ã‚·ãƒ³ãƒ—ルãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§å®Ÿç¾å‡ºæ¥ã¾ã™ã€‚ 影もã¤ã„ã¦ã¾ã™ã。 角丸ã ã‘ãªã‚‰ border-radiusã§ç°¡å˜ã«å®Ÿç¾ã§ããã†ã§ã™ãŒã€è§’ã®ã¨ã‚“ãŒã£ãŸã‚„ã¤ã¯ã¡ã‚‡ã£ã¨ã—ãŸãƒãƒƒã‚¯ã‚’使ã£ã¦ã„ã¾ã™ã€‚ border プãƒãƒ‘ティã§æž ç·šã‚’è¨å®šã—ã€å·¦ã¨ä¸Šã®ç·šã®ã¿ã«è‰²ã‚’ã¤ã‘ã‚‹ã“ã¨ã§ä¸‰è§’å½¢ã«ã—ã¦ã¾ã™ã€‚ãれを２枚é‡ãã‚‹ã“ã¨ã§ã¨ã‚“ãŒã£ãŸ
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[cubby-user:19] Re: プãƒã‚¸ã‚§ã‚¯ãƒˆé››å½¢ã®ç”Ÿæˆã«å¤±æ•—
{{#tags}}- {{label}}
{{/tags}}