HTML5, CSS3, jQuery1.4, WordPress3ã®åŽ³é¸ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆé›†
当サイトã§ç´¹ä»‹ã—ãŸæ•°å¤šãã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ä¸ã‹ã‚‰ã€ä»Šã¾ã•ã«å½¹ç«‹ã¤ã§ã‚ã‚ã†ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’厳é¸ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ※未紹介ã®ã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ HTMLã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ CSSã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ jQueryã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ WordPressã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ [ad#ad-2] HTMLã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
GitHubã«ã‚るよã†ãªã€ã‚ã®æŠ¼ã—ã‚„ã™ãã†ãªãƒœã‚¿ãƒ³ã‚’作æˆã™ã‚‹ã‚µãƒ³ãƒ—ル＆ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
GitHubã«ã‚るよã†ãªã€ã‚ã®æŠ¼ã—ã‚„ã™ãã†ãªãƒœã‚¿ãƒ³ã‚’作æˆã™ã‚‹ã‚µãƒ³ãƒ—ル＆ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 2010å¹´06月01æ—¥- Create GitHub-Style Buttons with CSS and jQuery, MooTools, or Dojo JavaScript GitHubã«ã‚るよã†ãªã€ã‚ã®æŠ¼ã—ã‚„ã™ãã†ãªãƒœã‚¿ãƒ³ã‚’作æˆã™ã‚‹ã‚µãƒ³ãƒ—ル＆ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 次ã®ã‚ˆã†ãªã€ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’ã‚ã¦ã‚‹ã¨å転ã™ã‚‹ã€ã„ã„æ„Ÿã˜ã®ãƒœã‚¿ãƒ³ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ ボタン部分ã®ã‚³ãƒ¼ãƒ‰ã¯æ¬¡ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ルã§ã€CSSデザインãªã¨ã“ã‚ã‚‚ã„ã„ã§ã™ã。 <a href="javascript:;" class="minibutton"><span>Basic Button</span></a> jQueryã€mooToolsを使ã£ã¦ãƒžã‚¦ã‚¹ã‚¤ãƒ™ãƒ³ãƒˆã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’付ã‘ã¦ã„ã‚‹ã¿ãŸã„ã§ã€ãã‚Œãžã‚Œã®ã‚µãƒ³ãƒ—ルコードも公開ã•ã‚Œã¦
MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
第5回「パワフルãªCSS/JavaScriptテクニック45〠2010å¹´01月25æ—¥ 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Powerful CSS/JavaScript-Techniques http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/ 著者：Smashing Editorial 翻訳：ä¸é‡Žæµç¾Žå ※本記事ã¯ã€ŒSmashing Magazineã€æ§˜ã‚ˆã‚Šè¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã€æŽ²è¼‰ã—ã¦ã„ã¾ã™ CSSã‚„JavaScriptã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ディベãƒãƒƒãƒ‘ーã«ã¨ã£ã¦ã€æ¥µã‚ã¦ãƒ‘ワフルãªãƒ„ールã 。ã—ã‹ã—ã€ä½¿ã„ã“ãªã™ãŸã‚ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å¾—ã‚‹ã®ã¯ãªã‹ãªã‹é›£ã—ã„。ãŸã ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ディベãƒãƒƒãƒ‘ーã¯ã»ã¨ã‚“ã©æ¯Žæ—¥ã€æ–°ã—
é¸æŠžå
W3Cã®å‹§å‘Šå€™è£œå¹³æˆ13å¹´11月13æ—¥ ã“ã®ç‰ˆ: http://www.w3.org/TR/2001/CR-css3-selectors-20011113 最新ã®ç‰ˆ: http://www.w3.org/TR/css3-selectors å‰ã®ç‰ˆ: http://www.w3.org/TR/2001/WD-css3-selectors-20010126 編者: Daniel Glazman (Netscape/AOL) Tantek Çelik (Microsoft Corporation) Ian Hickson Peter Linss (former editor, formerly of Netscape/AOL) John Williams (former editor, Quark, Inc.) æ‘˜è¦ CSS(段階スタイルシート)ã¯ã€HTMLåŠã³XMLã®æ–‡æ›¸ã®ã€ç”»é¢ä¸Šã€ç´™é¢ä¸Šã€éŸ³
é€éŽPNG対応ï¼jQueryã§ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ„ールãƒãƒƒãƒ— (3/3)
é€éŽPNGã§ä½œã‚‹ã‚¿ã‚¤ãƒžãƒ¼å¼ã®ãƒ„ールãƒãƒƒãƒ— 3番目ã«ç´¹ä»‹ã™ã‚‹ã®ã¯ã€é€éŽPNGを利用ã—ãŸãƒ„ールãƒãƒƒãƒ—ã§ã™ã€‚é€éŽPNGã§ã¯åŠé€æ˜Žã®ç”»åƒãŒä½œæˆã§ãã‚‹ãŸã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‚’é‡è¦–ã—ãŸã„ã¨ãã«ã¯ä¾¿åˆ©ã§ã™ãŒã€ã„ã¾ã 利用者ã®å¤šã„IE6ãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ãŸã‚ã€å®Ÿéš›ã®åˆ¶ä½œç¾å ´ã§ã¯æ‰±ã„ã«ãã„ã®ãŒé›£ç‚¹ã§ã™ã€‚ã“ã“ã§ã¯ã€IE6ã§é€éŽPNGを表示ã™ã‚‹æ–¹æ³•ã‚’å«ã‚ã¦è§£èª¬ã—ã¾ã™ã€‚ã¾ãŸã€ã“ã®ãƒ„ールãƒãƒƒãƒ—ã«ã¯ã‚¿ã‚¤ãƒžãƒ¼æ©Ÿèƒ½ã‚’æŒãŸã›ã€ãƒžã‚¦ã‚¹ã‚¢ã‚¦ãƒˆå¾Œã€ä¸€å®šã®æ™‚é–“ãŒçµŒã£ã¦ã‹ã‚‰æ¶ˆãˆã‚‹ã‚ˆã†ã«ã—ã¾ã—ょã†ï¼ˆã‚µãƒ³ãƒ—ル03）。 HTML部分ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ツールãƒãƒƒãƒ—ã«è¡¨ç¤ºã™ã‚‹å†…容ã¯ã€class属性「tooltipã€ã‚’付ã‘ãŸpè¦ç´ ã§è¨˜è¿°ã—ã¾ã™ã€‚ ▼サンプル03（HTML部分） <p class="tooltip"> ã“ã‚Œã¯ASCII.jpã®<br /> <strong>Web制作ã®ç¾å ´ã§ä½¿ãˆã‚‹jQuery<br /> UIデザイン入門</str
jQueryを使ã£ãŸãƒ–ãƒ©ã‚¦ã‚¶åˆ†å² | A Day in the Life
April 18, 2009 Windows IE6/7ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚’px(ピクセル)指定ã™ã‚‹ã¨æ–‡å—ã®ã‚µã‚¤ã‚ºãŒæ‹¡å¤§å‡ºæ¥ã¾ã›ã‚“。ãã®ãŸã‚今ã¾ã§ã¯IEã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’拡大出æ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚次ã®ã‚ˆã†ã«ãƒãƒƒã‚¯ã‚’使ã£ã¦ã„ã¾ã—ãŸã€‚ body { font-size: 100%; } * html body { font-size: 82%; } /* for win ie6 */ *:first-child+html { font-size: 82%; } /* for win ie 7 */ html>/**/body { font-size: 13px; } /* for modern browser */ ã¨ã“ã‚ãŒWIndows IE8ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€ã“ã®ãƒ–ラウザも当然ã®ã”ã¨ãピクセル指定ã®ãƒ•ã‚©ãƒ³ãƒˆã§æ–‡å—サイズãŒå¤‰æ›´å‡ºæ¥ã¾ã›ã‚“。IE7ã‹ã‚‰ã¯ãƒšãƒ¼ã‚¸ã‚ºãƒ¼ãƒ 機能ãŒå‚™ã‚ã£ã¦ã„ã‚‹ã—ã€Firefoxã‚‚3ã‹
HTML/CSS, jQuery, WordPressãªã©ã‚¦ã‚§ãƒ–制作者ã®ãŸã‚ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆé›†
Six Revisionsã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€HTML/XHTMLã€CSSã€JavaScript/フレームワーク（jQuery, mootools）ãªã©ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Cheat Sheets for Front-end Web Developers HTML/XHTML HTML Help Sheet. Panic Over. (PDF) HTML Cheat Sheet (PNG, PDF) HTML Character Entities Cheat Sheet (PNG, PDF) XHTML Cheat Sheet (PDF)
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}