[B! CSS] yukararamã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yukararam id:yukararam

CSSã«é–¢ã™ã‚‹yukararamã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

PCã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ›å¯¾å¿œ CSSãƒ†ã‚¯è‡ªå·±ã¾ã¨ã‚ï¼ˆï¼‘ãƒ»ï¼’å›žã¾ã¨ã‚ï¼‰ - Kaleidoscope
PCã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ›å¯¾å¿œã™ã‚‹ã¨ã„ã†è¨˜äº‹ã‚’ï¼‘ãƒ»ï¼’å›žã¨ç¶šã‘ã¦ã¿ã¦ã€æ„å¤–ã¨ãƒœãƒªãƒ¥ãƒ¼ãƒ æº€è¼‰ã«ãªã£ã¦ã—ã¾ã£ãŸã®ã§ã€ ä¸€æ—¦ã“ã“ã¾ã§ã®CSSãƒ†ã‚¯ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã™ã€‚ â– ç¬¬1å›žã€€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç·¨ â– è¨˜äº‹ã¯ã“ã¡ã‚‰ â˜…ã‚¿ã‚°ã§Viewportã®è¨å®šã€‚ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã«ã‚ˆã‚‹CSSæŒ¯ã‚Šåˆ†ã‘ã€‚ ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ä¸Šã§æ¬ ã‹ã›ãªã„æº–å‚™ã€‚ â€¦ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scala ble=0" />  <!--ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã§PCç”¨ãƒ»
yukararam 2012/05/25
CSS

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[CSS]box-shadowã‚’ä½¿ã£ã¦ã€ç´™ãŒãµã‚ã‚Šã¨æµ®ã‹ã‚“ã ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
Creating Different CSS3 Box Shadows Effects [ad#ad-2] ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯box-shadowã«å¯¾å¿œã—ãŸä¸‹è¨˜ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] å®Ÿè£… åŸºæœ¬ã¨ãªã‚‹HTML 8ã¤ã®å„ãƒ‡ãƒ¢ã®HTMLã®åŸºæœ¬ã¯åŒã˜ã§ã€classåãŒç•°ãªã‚‹ã ã‘ã§ã™ã€‚ <div class="box effect"> <h3>Effect</h3> </div> åŸºæœ¬ã¨ãªã‚‹CSS divè¦ç´ ã¨h3è¦ç´ ã®åŸºæœ¬ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
yukararam 2012/02/29
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

CSS
ãƒªãƒ³ã‚¯
[JS]iPhone, iPadã«ã‚‚å¯¾å¿œã—ãŸCSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã‚·ãƒ³ãƒ—ãƒ«ãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ -Glisse.js
ã‚·ãƒ³ãƒ—ãƒ«ã§ã€Responsive Web Designã«ã‚‚å¯¾å¿œã€ãƒ•ãƒ«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚å¯èƒ½ãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã®å‹•ä½œã‚‚è€ƒæ…®ã—ã¦ã„ã¾ã™ã€‚ Glisse.js [ad#ad-2] Glisse.jsã®ä¸»ãªç‰¹å¾´ Glisse.jsã®ãƒ‡ãƒ¢ Glisse.jsã®ä½¿ã„æ–¹ Glisse.jsã®ä¸»ãªç‰¹å¾´ Glisse.jsã¯ã€CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¾Žã—ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½¿ã£ãŸç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã€Responsive Web Designã«ã‚‚å¯¾å¿œã—ã¦ãŠã‚Šã€å®Ÿè£…ã¯ç°¡å˜ã§ãƒ•ãƒ«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚å¯èƒ½ã§ã™ã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ CSSã®ãƒ•ãƒ«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½¿ã£ãŸCSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 7ç¨®é¡žã®ç§»è¡Œã‚¨ãƒ•ã‚§ã‚¯ãƒˆ ç•°ãªã‚‹ç”»é¢ã‚µã‚¤ã‚ºã«æœ€é©åŒ– iPhone, iPadå¯¾å¿œ Androidã‚‚ã‚‚ã†ã™ãå®Œå…¨ã«ã‚µãƒãƒ¼ãƒˆ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Firefox 4+ O
yukararam 2012/02/16
CSS

css3

iphone

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
ä¿ºã® CSS ãƒªã‚»ãƒƒãƒˆ: 2011 å†¬
å¹´æœ«ã ã‹ã‚‰ã¨ã„ã†ã‚ã‘ã§ã‚‚ãªã„ã®ã§ã™ãŒã€ã„ã¤ã‚‚ã®ã‚µã‚¤ãƒˆä½œã‚Šã«ä½¿ã† CSS ãƒªã‚»ãƒƒãƒˆã«ã¤ã„ã¦è¦‹ç›´ã—ã¦ã¿ã¾ã—ãŸã€‚ä»Šã¾ã§ã‚‚ã¡ã‚‡ã£ã¨ãšã¤æ‰‹ã‚’å…¥ã‚Œã¦ã¯ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯ã‹ãªã‚Šå¤§ããä¿®æ£ã—ã¦ã„ã¾ã™ã€‚ã¨ã„ã†ã®ã‚‚ã€Nicolas Gallagher ã¨ Jonathan Neal ã®ä¸¡æ°ã«ã‚ˆã‚‹ normalize.css ã‚’çŸ¥ã‚Šã€å¤§ããå½±éŸ¿ã‚’å—ã‘ãŸã‹ã‚‰ã§ã™ã€‚ Normalize.css ã¯ã€Œæ–°æ‰‹ã® CSS ãƒªã‚»ãƒƒãƒˆã€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚CSS ã‚’ã€Œãƒªã‚»ãƒƒãƒˆã€ã™ã‚‹ã®ã§ã¯ãªãã€ŒãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã€ã™ã‚‹ã€ã¨ã„ã†æ–°ã—ã„è€ƒãˆæ–¹ã§ã™ã€‚CSS ãƒªã‚»ãƒƒãƒˆã¨ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯ã©ã¡ã‚‰ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶é–“ã§ CSS ã®å®Ÿè£…ã«å·®ç•°ãŒã‚ã‚‹ã“ã¨ã‚’å‰æã«ãã‚Œã‚‰ã‚’å¸åŽã—ã‚ˆã†ã¨ã™ã‚‹ã€ã¨ã„ã†åŒã˜ç›®çš„ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ãŸã ã€ãƒªã‚»ãƒƒãƒˆã¯ã™ã¹ã¦ã‚’ã¾ã£ã•ã‚‰ãªã€Œã•ã‚‰åœ°ã€ã«ã—ã‚ˆã†ã¨ã™ã‚‹ã®ã«å¯¾ã—ã€ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯ä½¿ãˆã‚‹éƒ¨åˆ†ã¯æ®‹ã—ã¤ã¤æ‰‹ã‚’å…¥ã‚Œã‚‹å¿…è¦ã®ã‚ã‚‹éƒ¨åˆ†ã ã‘ã‚’æ•´ãˆã‚‹ã€ã¨ã„ã†é•
yukararam 2011/12/26
CSS
ãƒªãƒ³ã‚¯
CSSã®ã¿ã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒªãƒ•ãƒ¬ã‚¯ãƒˆã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆã¡ã‚‡ã£ã¨æ›´æ–°ï¼‰ - ãã‚‰ã’ã ã‚‰ã‘
å‰å›žã¯iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã«ã¤ã„ã¦å‰ç·¨ã¨å¾Œç·¨ã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãã®ãªã‹ã§èª¬æ˜Žã—ã¦ã„ãªã„å°ã•ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã§ã™ã€‚ å‰å›žã®Web App Demoã§ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã‚¿ãƒ–ã«ç‰¹æ®ŠãªWebFontã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸãŒã€ã‚¿ãƒ–ãŒActiveã®ã¨ãã«è‰²ãŒå¤‰ã‚ã£ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆåŠ¹æžœã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¤ã‹ã£ã¦ã‚„ã£ã¦ã„ã¾ã™ã€‚ é€šå¸¸ã€CSSã§ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ï¼ˆcolorãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ãŒã€Œ:afterã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„ã€Œmask-imageã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªè¡¨ç¾ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å…·ä½“
yukararam 2011/11/13
CSS

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
HTML+CSSä¸»ä½“ã®JavaScriptã‚¨ãƒ•ã‚§ã‚¯ãƒˆï¼ ç°¡å˜ã§ã€Œä½¿ãˆã‚‹ã€jQueryãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆè§£èª¬ã¤ãï¼‰
4æœˆã‹ã‚‰å…¥ç¤¾ã—ãŸ2011å¹´åº¦æ–°å’ç¤¾å“¡ã§ã™ã€‚ ãƒãƒã“ã‚“ã«ã‚ƒã‚“ã‚»ãƒ¨ ãŒãœã‚“ã‚¦ã‚§ãƒ–ã‚¦ã‚§ãƒ–ã—ã¦ã„ã‚‹ã»ã‚“ã ã§ã™ã€‚ ä»Šå¹´4æœˆã‚ˆã‚Šã€æ„åŒ éƒ¨ã®MEèª²ï¼ˆã‚ã‹ï¼‰ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒã„ã¦ã„ã‚‹ã»ã‚“ã ã§ã™ã€‚ å…¥ç¤¾ã—ãŸã¦ã®æ–°å’ç¤¾å“¡ã§ã™ãŒã€PCã‚µã‚¤ãƒˆã®HTML+CSSã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„ã€MovableTypeï¼ˆãƒ–ãƒã‚°æ§‹ç¯‰ãƒ„ãƒ¼ãƒ«ï¼‰ã§ã®çµ„ã¿è¾¼ã¿ãªã©ã€è‰²ã€…ãªä»•äº‹ã‚’ã•ã›ã¦ã‚‚ã‚‰ã£ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒªã‚¢å……ã§ã™ã€‚ ãã‚“ãªä¸ã§ã‚‚æœ€è¿‘å¤šã„æ¥å‹™ã¯jQueryã‚’ä½¿ã£ãŸãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«é¢ã§ã®ã¡ã‚‡ã£ã¨ã—ãŸJavaScriptï¼ˆä»¥ä¸‹ JSï¼‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã™ã€‚ jQueryã£ã¦ã¨ã£ã¦ã‚‚ä¾¿åˆ©ã§ã™ãªãã€‚HTML+CSSã®çŸ¥è˜ã‚’æŒã£ã¦ã„ã‚‹äººãªã‚‰ã€ç°¡å˜ã«ã€Œä½¿ãˆã‚‹ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ãã‚Œã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯åƒ•ãŒå…¥ç¤¾ã—ã¦2ãƒ¶æœˆé–“ã«å¦ã‚“ã ã€ç°¡å˜ã§ã€Œä½¿ãˆã‚‹ã€jQueryãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQueryã£ã¦ãªã‚“ãžã£ã¦ã¨ã“ã¨ã€ä½¿ã†å‰ã®æº–å‚™ã‚’ã–ã£ãã‚Šè§£èª¬ jQuer
yukararam 2011/06/02
HTML

jquery

CSS
ãƒªãƒ³ã‚¯
SASSIENCE ï½ž ä¸–ç•ŒãŒå«‰å¦¬ã™ã‚‹CSSã¸
SASSIENCE ï½ž ä¸–ç•ŒãŒå«‰å¦¬ã™ã‚‹CSSã¸
yukararam 2011/05/25
webã‚µãƒ¼ãƒ“ã‚¹

CSS
ãƒªãƒ³ã‚¯
CSSã®çŸ¥è˜ã‚’ã‚‚ã£ã¨æ·±ã‚ã‚‹30+2ã®å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï½œWebpark
åŸºæœ¬çš„ãªã“ã¨ã‚„ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸæ„å¤–ãªä½¿ã„æ–¹ãªã©CSSã«é–¢ã™ã‚‹å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãŸãã•ã‚“ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚çŸ¥ã£ã¦ã„ã‚‹ã“ã¨ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€æ–°ã—ã„ç™ºè¦‹ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§å¾©ç¿’ã‚’å…¼ãã¦ãœã²ã”è¦§ãã ã•ã„ã€‚
yukararam 2011/05/12
CSS

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
HTML/CSS/PHPç‰ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã€ç„¡æ–™ã®NetBeansãŒå¿«é©éŽãŽã‚‹ä»¶
ç§ã¯çµæ§‹ã‚¨ãƒ‡ã‚£ã‚¿é›£æ°‘ã§ã€HTML/CSS/PHPç‰ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹éš›ã®ã‚¨ãƒ‡ã‚£ã‚¿ã‚’Windowsãƒ»Macå«ã‚è‰²ã€…è©¦ã—ã¦ãã¾ã—ãŸãŒã€æœ€è¿‘ã¯ NetBeans IDE ã«è½ã¡ç€ã„ã¦ã„ã¾ã™ã€‚ NetBeans IDE ã¯åŽ³å¯†ã«ã¯ã‚¨ãƒ‡ã‚£ã‚¿ã§ã¯ãªãã€Windowsãƒ»Macãƒ»Linuxç”¨ã®ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹IDEï¼ˆçµ±åˆé–‹ç™ºç’°å¢ƒï¼‰ã®ä¸€ç¨®ã§ã™ã€‚ ã¡ãªã¿ã«ã€â†“ã®ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã¯ NetBeans IDE æ—¥æœ¬èªžã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®å…¬å¼ãƒžã‚¹ã‚³ãƒƒãƒˆã®ã€Œãã“ã³ã€œã‚“ã€ã§ã™ã€‚ ç§ã¯WordPressã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã—ã¦ã„ã‚‹ã¨ãã«ã€PHPã§ç‹¬è‡ªã®CMSã‚’é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ @kawagooch ã•ã‚“ã«å‹§ã‚ã‚‰ã‚Œã¦ä½¿ã„å§‹ã‚ãŸã®ã§ã™ãŒã¨ã¦ã‚‚ã—ã£ãã‚ŠããŸã®ã§ã€ä»¥å¾Œ HTML/CSS/PHP ãªã©Webã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã¯ NetBeans IDE ã‚’ãƒ¡ã‚¤ãƒ³ã§ä½¿ã£ã¦ã„ã¾ã™ã€‚ ç§è‡ªèº«ã€NetBeans IDE ã‚’ä½¿ã†ã‚ˆã†ã«ãªã£ã¦ã‹ã‚‰ã‚µ
yukararam 2011/05/12
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

CSS

HTML
ãƒªãƒ³ã‚¯
TinyMCE Advancedã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º
WordPressã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³TinyMCE Advancedã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚¨ãƒ‡ã‚£ã‚¿ã®æ©Ÿèƒ½ã‚’å¼·åŒ–ã—ãŸã‚Šã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ TinyMCE Advanced(æ—¥æœ¬èªžç‰ˆ) ç§ã®ç’°å¢ƒã§ã¯ã€Œç¾åœ¨ã®ãƒ†ãƒ¼ãƒžã«CSSã‚¯ãƒ©ã‚¹ã‚’ã‚¤ãƒ³ãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ã€ã«ãƒã‚§ãƒƒã‚¯ã‚’å…¥ã‚Œã‚‹ã¨ã€CSSã®é–¢ä¿‚ã‹ã€æŠ•ç¨¿ç”»é¢ã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ãŒç°è‰²ã«æŸ“ã¾ã£ã¦ã—ã¾ã„ã€ä½¿ã„ã«ãããªã£ã¦ã—ã¾ã†ãŸã‚ã“ã®é …ç›®ã¯ä½¿ç”¨ã—ã¦ã„ã¾ã›ã‚“ã€‚ã§ã™ãŒã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸCSSã‚’TinyMCE Advancedå†…ã§ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹æ–¹æ³•ã‚’ãŒã‚ã‚‹ã®ã§ä»Šå›žã¯ãã‚Œã‚’ãƒ¡ãƒ¢ã£ã¦ãŠãã¾ã™ã€‚ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§è¨ç½®ã§ãã‚‹ãƒœã‚¿ãƒ³ã®ä¸€ã¤ã§ã‚ã‚‹styleselect(æ—¥æœ¬èªžã§ã‚¹ã‚¿ã‚¤ãƒ«ã¨æ›¸ã‹ã‚Œã¦ã„ã‚‹ãƒœã‚¿ãƒ³)ã«æ–°ã—ã„é …ç›®ã‚’å¢—ã‚„ã™æ–¹æ³• /wp-content/plugins/tinymce-advanced/cs
yukararam 2011/02/16
tinymce-advanced

wordpress

CSS
ãƒªãƒ³ã‚¯
Googleãƒã‚´ã§å±é™ºãªå†’é™ºã‚’ã—ã¦éŠã¼ã† - ã¯ãã¯ããƒ–ãƒã‚°
Webç³»ä»Šæ—¥ã®Googleãƒã‚´ã¯éŠã¹ã¦ã„ã„ã§ã™ãã€‚ ã“ã„ã¤â€¥â€¥å‹•ããžï¼ï¼ï¼ã¨ã„ã†ã‚ã‘ã§ å³ã®åå—ãƒ¬ãƒãƒ¼ã‚’å‹•ã‹ã™ã¨æµ·ã®ä¸ã‚’æ½œã£ã¦å†’é™ºã§ãã¾ã™ã€‚Google æµ·ã‚’æ½œã£ãŸä¸‹ã®ã»ã†ã§ã¯ãŠã£ãã„ã‚µãƒ¡ãŒã‚ãƒã‚’ã‚€ã„ã¦ã„ãŸã‚Šèª¿æŸ»éšŠãŒã„ãŸã‚Šã€‚ ãªã‚“ã ã‹ã‚ãã‚ãã—ã¡ã‚ƒã„ã¾ã™ãã€‚HTMLï¼‹CSSï¼‹JavaScript iPhoneã‚„MacBook Proã®æœ¬ä½“ã‚’ã‹ãŸã‚€ã‘ã‚‹ã¨ã™ã”ã„ï¼ ãƒ•ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ãªã‚‰Androidã§ã‚‚ã„ã‘ã‚‹ã¿ãŸã„ã§ã™ã€‚ FLASHã§ã¯ãªãHTMLï¼‹CSSï¼‹JavaScriptã§ï¼ ã£ã¦ã„ã†ã¨ã“ã‚ãŒã„ã„ã§ã™ãã€‚ ä»¥ä¸‹ã§æ¤œè¨¼ã—ã¾ã—ãŸãŒIE6ã§ã‚‚ãã¡ã‚“ã¨ã€‚ã€Windows XPã€‘ Internet Explorer 6.0ã€œ8.0 Firefox 3.6.8 Safari 5.0 Chrome 5.0 ã€Mac OS Xã€‘ Firefox 3.6.8 Safari 5.0 Chrome 5.0 Oper
yukararam 2011/02/08
CSS

javascript

ãƒã‚¿
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3å¯¾å¿œã«ã™ã‚‹ -CSS3 PIE
IE6/7/8ã§ã‚‚CSS3ã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
yukararam 2010/07/16
CSS
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã—ãŸã„ CSSã§ä½œã‚‹hã‚¿ã‚°ã®ã‚µãƒ³ãƒ—ãƒ«é›† | æ—¥åˆŠã‚¦ã‚§ãƒ–ãƒã‚°å¼
ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚„ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«ãªã©ã§ä½¿ãˆã‚‹ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªè¦‹å‡ºã—ï¼ˆhã‚¿ã‚°ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚è¦‹å‡ºã—ã«ã¯CSS3ã‚„ç”»åƒã‚’ä½¿ã£ã¦ã„ãªã„ã®ã§ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã€ä¸€å¿œã‚ˆãä½¿ã†ã®ã§ã€ãƒ¡ãƒ¢ã¨ã—ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠãã¾ã—ãŸã€‚ â€»è¿½è¨˜6/24 HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’pã‹ã‚‰h3ã«ç½®ãæ›ãˆã¾ã—ãŸã€‚ è¦‹å‡ºã—(Headline)ã®ã‚µãƒ³ãƒ—ãƒ«é›† è‰²ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã‚µã‚¤ã‚ºç‰ã®è£…é£¾éƒ¨åˆ†ã¯ ãŠå¥½ã¿ã§ç·¨é›†ã—ã¦ãã ã•ã„ã€‚ è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«03 .selector03{ bor
yukararam 2010/06/14
Webãƒ‡ã‚¶ã‚¤ãƒ³

CSS
ãƒªãƒ³ã‚¯
è¦šãˆã¦è‰¯ã‹ã£ãŸCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Â« zaru blog
ã“ã“æœ€è¿‘ã€è¦šãˆã¦ã‚ˆã‹ã£ãŸãªãƒ¼ã¨æ€ã£ãŸCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯æ™‚ä»£ã¨ã¨ã‚‚ã«å¤‰ã‚ã£ã¦ã„ãã‘ã‚Œã©ã€ã“ã“1å¹´ã»ã©ã‚¹ã‚¿ãƒ¡ãƒ³ãƒ¬ãƒ™ãƒ«ã§ä½¿ã†CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒçµžã‚‰ã‚Œã¦ããŸã®ã§ã€ã“ã“ã‚‰ã§ã¡ã‚‡ã£ã¨å€‹äººçš„ã«ã‚‚ã¾ã¨ã‚ã¦ãŠã“ã†ã‹ã¨ã€‚ liãƒœãƒƒã‚¯ã‚¹ å¹…ï¼š190px ãƒžãƒ¼ã‚¸ãƒ³ï¼š15px liãƒœãƒƒã‚¯ã‚¹ ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ liãƒœãƒƒã‚¯ã‚¹ ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ <li>ã«ã¯ã‚¯ãƒ©ã‚¹ã‚’æŒ‡å®šã›ãšã«ã€å·¦å³ã«ã´ã£ãŸã‚Šãã£ä»˜ãã‚ˆã†ã«é…ç½®ãŒå¯èƒ½ã€‚ <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
yukararam 2010/04/24
CSS

webdesign
ãƒªãƒ³ã‚¯
1