[B! css] machikomaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

machikoma id:machikoma

cssã«é–¢ã™ã‚‹machikomaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (20)

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

CSSã®opacityã§é€æ˜Žåº¦ï¼é€éŽåº¦ã‚’æŒ‡å®šã™ã‚‹æ–¹æ³•ï½œBLACKFLAG
ä»Šã•ã‚‰ãªãŒã‚‰ã€Webãƒšãƒ¼ã‚¸å†…ã®è¦ç´ ã«å¯¾ã—ã¦ã€è¦ç´ ã®é€æ˜Žåº¦ï¼é€éŽåº¦ã‚’CSSã®ã¿ã§æŒ‡å®šã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€‚ ä¹…ã€…ã«CSSã®ã¿ã§é€æ˜Žåº¦ã®æŒ‡å®šãŒå¿…è¦ã«ãªã‚‹å ´é¢ãŒã‚ã£ãŸã®ã§ã™ãŒã€è¨˜è¿°æ–¹æ³•ã‚’ã™ã£ã‹ã‚Šå¿˜ã‚Œã¦ã„ãŸã®ã§ã“ã“ã«ãƒ¡ãƒ¢ã¨ã—ã¦æ®‹ã—ã¦ãŠãã¾ã™ã€‚ CSSã§é€æ˜Žåº¦ã‚’æŒ‡å®šã™ã‚‹ã«ã¯ã€Œopacityã€ã¨ã„ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ç”¨ã—ã¾ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦è¨˜è¿°ãŒå¤‰ã‚ã‚‹ã®ã§ä¸‹è¨˜ã®æ§˜ãªå½¢ã«ãªã‚Šã¾ã™ã€‚ â—†CSS div { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } ã€Žfilter:alpha(opacity=50);ã€ ã“ã‚Œã¯IEå‘ã‘ã®æŒ‡å®šã€‚ â€œ50â€ã¨ã„ã†ã®ã¯é€æ˜Žåº¦ãŒâ€œ50%â€ã¨ã„ã†ã“ã¨ã€‚ é€éŽç„¡ã—ã®çŠ¶æ…‹â€œ100%â€ã‚’æŒ‡å®šã™ã‚‹éš›ã¯ã€Œfilter:alpha(opacity=100);ã€ã€‚ ã€Ž-moz-opacity: 0.5;ã€ ã“ã‚Œã¯Firef
machikoma 2016/12/08
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 a { Â Â Â Â margin: 0 auto; Â Â Â Â width: 200px; Â Â Â Â height: 200px; Â Â Â Â background: #000; Â Â Â Â display: block; Â Â Â Â filter:alpha(opacity=50); Â Â Â Â -moz-opacity: 0.5; Â Â Â Â opacity: 0.5; } a:hover { Â Â Â Â filter:alpha(opacity=100); Â Â Â Â -mo

css

tips

job
ãƒªãƒ³ã‚¯
CSSãƒªã‚»ãƒƒãƒˆã¨ã¯ç•°ãªã‚‹ã€Normalize.cssã®ç‰¹å¾´ã‚„ä½¿ã„æ–¹ãªã©ã®è§£èª¬ -About normalize.css
Normalize.cssã£ã¦ä½•ï¼Ÿ CSSãƒªã‚»ãƒƒãƒˆã¨ã¯é•ã†ã®ï¼Ÿ ã©ã†ã‚„ã£ã¦ä½¿ã†ã®ï¼Ÿ ã¨ã„ã£ãŸç–‘å•ã‚’è§£æ±ºã™ã‚‹Normalize.cssã®åˆ¶ä½œè€…è‡ªã‚‰ã®è§£èª¬ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ About normalize.css [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Normalize.cssã¨ã¯ Normalize.cssã®ç‰¹å¾´ ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚º vs ãƒªã‚»ãƒƒãƒˆ Normalize.cssã®ä½¿ã„æ–¹ çµ‚ã‚ã‚Šã« Normalize.cssã¨ã¯ Normalize.cssã¨ã¯ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«HTMLã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æä¾›ã™ã‚‹å°ã•ãªCSSãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚HTML5ã«ã‚‚å¯¾å¿œã—ã¦ãŠã‚Šã€å¾“æ¥ã®CSSãƒªã‚»ãƒƒãƒˆã«ä»£ã‚ã‚‹ã‚‚ã®ã§ã™ã€‚ normalize.cssã®é–¢é€£ã‚µã‚¤ãƒˆ Normalize.cssã®æœ¬ã‚µã‚¤ãƒˆ Normalize.cssã®ã‚½ãƒ¼ã‚¹ Normalize.cssã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ Normal
machikoma 2016/04/14
Normalize.cssã¨ã¯ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«HTMLã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æä¾›ã™ã‚‹å°ã•ãªCSSãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚HTML5ã«ã‚‚å¯¾å¿œã—ã¦ãŠã‚Šã€å¾“æ¥ã®CSSãƒªã‚»ãƒƒãƒˆã«ä»£ã‚ã‚‹ã‚‚ã®ã§ã™ã€‚ ã¾ã˜ã‹ã‚ˆçŸ¥ã‚‰ãªã‹ã£ãŸã‚ˆ

css

tips

web

design

ãƒ¡ãƒ¢

job
ãƒªãƒ³ã‚¯
https://tympanus.net/codrops/wp-content/uploads/2012/10/VerticalShowcaseSlider.jpg
machikoma 2016/03/07
css

slider

responsive

web

design

job
ãƒªãƒ³ã‚¯
HTMLã®srcsetã‚’ä½¿ã£ã¦ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«Retinaå¯¾å¿œã•ã›ã¦ã¿ã‚ˆã† | Kia King
WEBã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã™ã‚‹ã¨ãã«çµæ§‹å¤§å¤‰ãªã®ãŒç”»åƒã®æ‰±ã„ã€‚iPhoneç‰ã®é«˜è§£åƒåº¦ãƒ‡ãƒã‚¤ã‚¹(Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç‰)ã«ã¯2å€ã®ç”»åƒã‚’ç”¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã—ã€æœ€è¿‘ã¯ç”»é¢ã®ã‚µã‚¤ã‚ºã«ä¼šã‚ã›ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆãŸã„å ´åˆã‚‚å¤šã„ã€‚ãã‚“ãªæ™‚ã«HTML5ã®srcsetãŒã™ã“ã¶ã‚‹ä¾¿åˆ©ã ã£ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ srcsetã§ã§ãã‚‹ã“ã¨ æ¬¡ã®ã‚ˆã†ãªã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦å‹•çš„ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§imgã‚¿ã‚°ã«ä½¿ç”¨ã—ã¾ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãã€‚ <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/[email protected] 2x" alt
machikoma 2016/03/04
web

design

css

responsive

job

memo
ãƒªãƒ³ã‚¯
å‹•ãCSSã®ãŸã‚ã®ãƒ¡ãƒ¢ã€‚
CSSã§ã§ãã‚‹äº‹ãŒã©ã‚“ã©ã‚“å¢—ãˆã¦ã¾ã™ã€‚JavaScriptã‚’ä½¿ã£ã¦å®Ÿè£…ã™ã‚‹ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIã‚‚ã€CSSã ã‘ã§ä½œã‚Œã¡ã‚ƒã†ã»ã©ã€ä¾¿åˆ©ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã˜ã‚ƒã‚“ã˜ã‚ƒã‹å¢—ãˆã¾ã—ãŸãã€‚ã“ã“ã§ã¯ã€è¦ç´ ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘ã‚‹ãŸã‚ã®CSSã‚’ä½¿ã£ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ã€ã¾ã¨ã‚ã¦ã‚†ã“ã†ã¨æ€ã„ã¾ã™:)ã€‚ CSSã§å‹•ã‹ã™ ã€Œå‹•ãã€ã¨ã„ã£ã¦ã‚‚ã€è‡ªç”±è‡ªåœ¨ã«ãã«ã‚ƒãã«ã‚ƒå‹•ã‹ã›ã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®æ•°å€¤ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«å¢—æ¸›ã•ã›ã‚‹ã“ã¨ã§ã€è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ»‘ã‚‰ã‹ã«å¤‰åŒ–ã•ã›ã¾ã™ã€‚ ä¾‹ãˆã°ã€ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã€pè¦ç´ ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ãŸæ™‚ã«ã€font-sizeã®å€¤ã‚’ã€1emã‹ã‚‰2emã«ã€ã‚¹ãƒ ãƒ¼ã‚ºã«å¤‰åŒ–ã™ã‚‹ã‚ˆã†ã«æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚ p { transition: font-size 1s; } å‹•ã‹ã™ãŸã‚ã®ãƒžã‚¹ãƒˆãƒ—ãƒãƒ‘ãƒ†ã‚£ CSSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ãŸã‚ã«å¿…è¦ä¸å¯æ¬ ãªã®ãŒtransitionãƒ—ãƒãƒ‘ãƒ†ã‚£
machikoma 2014/06/06
css

web

design

job
ãƒªãƒ³ã‚¯
CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«ã¤ã„ã¦ã‚ã‚Œã“ã‚Œã€‚
ã€ŒCSS Spritesï¼ˆCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆï¼‰ã€ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã™ã€‚ ã™ã§ã«ã„ã‚ã‚“ãªã‚µã‚¤ãƒˆã§ç´¹ä»‹ã•ã‚Œã¦ã‚‹ã®ã§ã€æ¤œç´¢ã™ã‚Œã°åˆ¶ä½œæ‰‹é †ã‹ã‚‰ä½•ã‹ã‚‰ä½•ã¾ã§ãŸãã•ã‚“ãƒ’ãƒƒãƒˆã—ã¾ã™ãŒã€ãã‚Œæ•…ã€ã©ã®æ–¹æ³•ãŒä¸€ç•ªãƒ™ã‚¹ãƒˆãªã®ã‹ã£ã¦ã®ãŒã„ã¾ã„ã¡ä¸ç¢ºã‹ã ã£ãŸã®ã§ã€å€‹äººçš„ã«ã¾ã¨ã‚ç›´ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Twitterã‚„Facebookã®ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ç”»åƒ CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã¯ã€ã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿ã‚’é«˜é€ŸåŒ–ã™ã‚‹ç›®çš„ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹CSSã®å°æŠ€ã§ã™ã€‚Twitterã‚„Facebookãªã©ã§ã¯ã€ã¡ã£ã“ã„ã‚¢ã‚¤ã‚³ãƒ³ã¨ã‹ãƒžãƒ¼ã‚¯ã‚’è¡¨ç¤ºã™ã‚‹ã®ã«ä½¿ã‚ã‚Œã¦ã¾ã™ãï¼ˆ2012.8ç¾åœ¨ï¼‰ã€‚ å…·ä½“çš„ã«ã¯ã€Œã‚µã‚¤ãƒˆå†…ã§ä½¿ç”¨ã™ã‚‹ãŸãã•ã‚“ã®ç”»åƒï¼ˆãƒ‘ãƒ¼ãƒ„ï¼‰ã‚’ãªã‚‹ã¹ãä¸€æžšç”»åƒã«ã¾ã¨ã‚ã¦ã€ã‚µãƒ¼ãƒã¸ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆå›žæ•°ã‚’å°‘ãªãã™ã‚‹ã€ã¨ã„ã†äº‹ã‚’ã‚„ã£ã¦ã¾ã™ã€‚ ç”»åƒã¨CSSã ã‘ã§é«˜é€ŸåŒ–ãŒå®Ÿç¾ã§ãã‚‹ã®ã§å¤§å¤‰ãŠæ‰‹è»½ãªã®ã§ã™ãŒã€CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒã‚’ç”¨æ„ã™ã‚‹ã«ã¯ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ãŒå¿…è¦
machikoma 2012/08/27
web

design

css

tips
ãƒªãƒ³ã‚¯
ã•ã‚‰ã°ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼CSSãƒ“ã‚®ãƒŠãƒ¼ã®æ¿ƒã„1æ—¥ (1/4)
ãã‚ãã‚ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‹ã‚‰è„±ã—ãŸã„ã€ã§ã‚‚ãƒ•ãƒ«CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¸ã®ç§»è¡Œã¯ã¾ã ã¡ã‚‡ã£ã¨ä¸å®‰â€•â€•ã€‚ãã‚“ãªâ€œCSSãƒ“ã‚®ãƒŠãƒ¼â€ãªWebåˆ¶ä½œè€…ã®ãŸã‚ã®ã‚»ãƒŸãƒŠãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆã€ŒCSS Nite ãƒ“ã‚®ãƒŠãƒ¼ã‚ºã€ãŒ11æœˆ1æ—¥ã€æ±äº¬éƒ½å†…ã§é–‹å‚¬ã•ã‚ŒãŸã€‚ XHTMLï¼‹CSSã®åŸºæœ¬ã‹ã‚‰ã€ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã€ã•ã‚‰ã«ã¯ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼é–“ã®èª¿æ•´ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€CSSã‚’ä½¿ã£ãŸWebåˆ¶ä½œå…¥é–€è€…ã®ãŸã‚ã®ãƒ—ãƒã‚°ãƒ©ãƒ ãŒã¿ã£ã¡ã‚Šã¤ã¾ã£ãŸ6æ™‚é–“ã€‚ãã®ä¸ã‹ã‚‰ç‰¹ã«æœ¬èªŒèªè€…ã«ã‚‚å½¹ç«‹ã¡ãã†ãªãƒˆãƒ”ãƒƒã‚¯ã‚’ã„ãã¤ã‹æ‹¾ã£ã¦ã¿ãŸï¼ˆã‚»ãƒŸãƒŠãƒ¼ã®æ¦‚è¦ã«ã¤ã„ã¦ã¯ã‚³ãƒ©ãƒ ã‚’å‚ç…§ï¼‰ã€‚ ã©ã†é€²ã‚ã‚‹ï¼Ÿã€€Webåˆ¶ä½œã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ å€‹äººçš„ã«ç‹¬å¦ã§Webåˆ¶ä½œã‚’å§‹ã‚ãŸã€‚ä¼æ¥ã§ã®å®Ÿå‹™çµŒé¨“ã¯ãªã„ã®ã§ã€åŠ¹çŽ‡çš„ãªä½œæ¥ã®é€²ã‚æ–¹ãŒåˆ†ã‹ã‚‰ãªã„â€•â€•ã€‚åˆå¿ƒè€…ãŒã¤ã¾ã¥ãâ€œåˆ†ã‹ã‚‰ãªã„â€ã®1ã¤ã«ã€å®Ÿä½œæ¥ã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ãã†ã—ãŸãƒŽã‚¦ãƒã‚¦ã¯ã€ã‚„ã¯ã‚Šå®Ÿå‹™ã¨ã—ã¦æ—¥ã€…ãƒãƒªãƒãƒªå–ã‚Šçµ„ã‚“ã§ã„ã‚‹äººã®æ•™ãˆã‚’è«‹ã†
machikoma 2008/11/13
Dreamweaverã®ä½¿ã„æ–¹ã‚’ã„ã„åŠ æ¸›è¦šãˆãªã„ã¨ã„ã‘ãªã„æ°—ãŒã™ã‚‹ã€‚

css
ãƒªãƒ³ã‚¯
Tumblrã®ã‚¹ã‚ãƒ³é…å¸ƒã‚µã‚¤ãƒˆä¸€è¦§ | VIVABlog
â›”ï¸ adblockãŒæœ‰åŠ¹ã«ãªã£ã¦ã„ã¾ã™ã€‚ è¨å®šã‚ˆã‚Š http://vivablog.net/ ã§ç„¡åŠ¹ã«ã—ã¦ãã ã•ã„ã€‚
machikoma 2008/09/24
tumblr

css

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
å°åˆ·ç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
å°åˆ·ç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã‚ˆã‚Šå‡ºåŠ›ã®æœ€é©åŒ–ã‚’è¡Œã†ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ã™ã€‚ å·¦ä¸Šã®ç”»åƒã¯é€šå¸¸ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹è¡¨ç¤ºã§ã€åŒã˜ãƒšãƒ¼ã‚¸ã‚’å°åˆ·ã™ã‚‹ã¨å·¦ä¸‹ã®ã‚ˆã†ãªå‡ºåŠ›ã«ãªã‚Šã¾ã™ï¼ˆç”»åƒã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œå°åˆ·ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€ã‚’é¸æŠžã—ãŸã‚‚ã®ã§ã™ï¼‰ã€‚å…·ä½“çš„ã«ã¯ã€å°åˆ·ç”¨ã®ãƒšãƒ¼ã‚¸ã¯ã‚¿ã‚¤ãƒˆãƒ«ã‚„ã‚µã‚¤ãƒ‰ãƒãƒ¼ç‰ã®ä¸è¦ãªé …ç›®ã‚’è¡¨ç¤ºã—ãªã„ã‚ˆã†ã«æœ€é©åŒ–ã—ã¦ã€æœ¬æ–‡ã®ã¿å°åˆ·ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹è¨å®šæ–¹æ³•ã§ã™ã€‚ ï¼‘ï¼Žå°åˆ·ç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè¿½åŠ ç®¡ç†ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€Œãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã€æ¬¡ã®ãƒšãƒ¼ã‚¸ã®ã€Œã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ãƒ»ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ã®å³å´ã«ã‚ã‚‹ã€Œæ–°ã—ã„ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ãƒ»ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚‹ã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã€‚æ¬¡ã®ãƒšãƒ¼ã‚¸ã§ä¸‹è¨˜ã‚’ãã‚Œãžã‚Œè¨å®šã—ã¾ã™ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®åå‰ï¼šã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ»å°åˆ·ç”¨ï¼ˆãªã‚“ã§ã‚‚ã„ã„ã§ã™ï¼‰ å‡ºåŠ›ãƒ•ã‚¡ã‚¤ãƒ«åï¼šprint.css å†æ§‹ç¯‰ã‚ªãƒ—ã‚·ãƒ§ãƒ³ï¼šãƒã‚§ãƒƒã‚¯ã‚’å¤–ã™ ã“ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ãƒªãƒ³ã‚¯ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ï¼šï¼ˆç©ºç™½ï¼‰ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ä¸èº«ï¼šã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆ
machikoma 2008/09/18
css
ãƒªãƒ³ã‚¯
æœ¬blogã‚’iPhone/iPod Touchãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã« : 404 Blog Not Found
2008å¹´07æœˆ29æ—¥03:00 ã‚«ãƒ†ã‚´ãƒªTips æœ¬blogã‚’iPhone/iPod Touchãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã« Apple iPod touch ã‚¢ãƒƒãƒ—ãƒ«ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ ã—ã¦ã¿ã¾ã—ãŸã€‚ å…·ä½“çš„ã«è¡Œã£ãŸã®ã¯ã€ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ ä»¥ä¸‹ã‚’CSSã«è¿½åŠ @media screen and (max-device-width: 800px) { /* iPhone + small display friendly */ .amn { display:none } #links { display:none } #content { min-width:800px; max-width:1280px } } ä»¥ä¸‹ã‚’ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«è¿½åŠ ã€‚charsetæŒ‡å®šã®ç›´ä¸‹ã€‚ <meta name = "viewport" content="width=728" /> è§£èª¬ã™ã‚‹ã¨ã€AMNã®ãƒ©ãƒ¼ã‚¸ãƒãƒŠãƒ¼ã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’éžè¡¨
machikoma 2008/08/04
iphone

css
ãƒªãƒ³ã‚¯
mixi - Kusakabe filter [ãã•ã‹ã¹ãµãƒã‚‹ãŸãƒ¼]
Style with custom themes! Change the background, color, schemes, fonts, and more! Share your own themes too!
machikoma 2008/07/22
ã“ã‚Œã¯www

mixi

css
ãƒªãƒ³ã‚¯
Tumblrã®ãƒ†ãƒ¼ãƒžã‚’Twitteré¢¨ã«ã—ã¦ã¿ãŸ - cameraLady
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ç·´ç¿’ã‚’ã—ãŸã„ãªãƒ¼ã¨æ€ã£ã¦ï¼Œæ‰‹é ƒãªèª²é¡Œã¨ã—ã¦ Tumblr ã®ãƒ†ãƒ¼ãƒžã„ã˜ã‚Šã‚’ã—ã¦ã¿ãŸï¼Ž tumblr29 Twitter ã® HTML æ§‹é€ ã‚’ã˜ã£ãã‚Šçœºã‚ã¦ï¼Œãã‚Œã«åˆã‚ã›ã¦ Tumblr ã® HTML ã‚’çµ„ã¿ç«‹ã¦ã¦ï¼Œå°‘ã—ãšã¤ CSS ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨å½“åˆã¯æ€ã£ãŸã‚“ã ã‘ã©ï¼ŒTumblr ã® custom HTML ãŒé¢ç™½ã„ã£ã¦ã“ã¨ã«æ°—ãŒä»˜ã„ã¦æ®µã€…ã¨é€¸ã‚Œã¦ã„ã£ãŸï¼Žçµå±€ï¼ŒTwitter ã® CSS ã‚’ä¸¸ã”ã¨å½“ã¦ã¦ï¼Œå¿…è¦ãªã‚‚ã®ã‚’ã¡ã‚‡ã„ã¨è¶³ã—ãŸãã‚‰ã„ã ï¼Ž ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã€ŒStatsã€ã®éƒ¨åˆ†ï¼ŒTwitter ã§ã¯ followings ã¨ã‹ Updates ãŒã‚ã‚‹éƒ¨åˆ†ã«ï¼ŒTumblr ã®ãƒã‚¹ãƒˆç¨®é¡žåˆ¥ã®å†…è¨³ã‚’è¡¨ç¤ºã•ã›ãŸã„ã¨æ€ã£ã¦ï¼Œãã®å‰¯ç”£ç‰©ãŒå…ˆæ—¥ä½œã£ãŸ TumblrPostChart ã§ã—ãŸï¼Ž å½“åˆã®ç›®çš„ã¯æžœãŸã•ã‚Œã¦ãªã‹ã£ãŸã‚Šã™ã‚‹ã‘ã‚Œã©ï¼Œæ”¹ã‚ã¦ Tumblr ã® API ã‚’çœºã‚ãŸã‚Šã™ã‚‹ä¸ã§æ°—ä»˜
machikoma 2008/07/03
twitter

css
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï½œCSS HappyLife
æ™®é€šã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ä¹…ã€…ãªæ°—ãŒã™ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚ ä»Šå›žã¯ãƒˆãƒ”ãƒƒã‚¯ãƒ‘ã‚¹ã¨ã‹ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãªã‚“ã¦å‘¼ã°ã‚Œã¦ã‚‹ã€ã¡ã‚‡ã£ã¨è¦æ¨¡ã®å¤§ãã„ã‚µã‚¤ãƒˆã§ã¯æ—¥å¸¸èŒ¶é£¯äº‹ã§è¦‹ã‹ã‘ã‚‹ã‚¢ãƒ¬ã®ã‚µãƒ³ãƒ—ãƒ«è‰²ã€…ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®å‰ã« #main .entryBody #topicPath_01 ã¨ã‹ã£ã¦ãªã£ã¦ã¾ã™ã‘ã©ã€#main .entryBody ã¯ã‚¦ãƒã®ã‚µã‚¤ãƒˆã®éƒ½åˆã§å„ªå…ˆé †ä½ä¸Šã’ã®ç‚ºã«ã‚„ã£ã¦ã‚‹ã‚“ã§ã€ã‚³ãƒ”ã£ãŸã‚Šã™ã‚‹å ´åˆã¯ã„ã‚‰ãªã„æ„Ÿã˜ã§ã™ã€‚ #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
machikoma 2008/03/05
webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
ç›´æ„Ÿçš„ã«ç·¨é›†ãŒã§ãã‚‹ãƒ•ãƒªãƒ¼ã®CSSã‚¨ãƒ‡ã‚£ã‚¿ -Astyle CSS editor | ã‚³ãƒªã‚¹
Astyle CSS editorã¯ã€è¤‡æ•°ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’1ç”»é¢ã§ç®¡ç†ãƒ»ç·¨é›†ã§ãã‚‹ãƒ•ãƒªãƒ¼ã®CSSã‚¨ãƒ‡ã‚£ã‚¿ã§ã™ã€‚ Software Astyle CSS editor Astyle CSS editorã¯è‹±èªžç‰ˆã§ã™ãŒã€font-familyã¸ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã®æŒ‡å®šã€ã‚³ãƒ¡ãƒ³ãƒˆã®æ—¥æœ¬èªžä½¿ç”¨ã¯å¯èƒ½ã§ã™ã€‚ Astyle CSS editorã®ç·¨é›†ç”»é¢ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç·¨é›†ã™ã‚‹éš›ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚„å±žæ€§ãªã©ã¯ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã®ä¸€è¦§ã‹ã‚‰é¸æŠžã—ã€ç›´æ„Ÿçš„ã«ç·¨é›†ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™(ä¸‹è¨˜ã€ç”»åƒå‚ç…§)ã€‚ Astyle CSS editorã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯å°‘ã—åˆ†ã‹ã‚Šã¥ã‚‰ã„ã®ã§ã€ä¸‹è¨˜ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã‚’å‚è€ƒãã ã•ã„ã€‚ Software Astyle CSS editorã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã€å·¦ä¸‹ã«ã‚ã‚‹ã€ŒAstyle CSS editorã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ã¸ç§»å‹•ã—ã¾ã™ã€‚
machikoma 2008/02/19
css

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

2ch

AA

css
ãƒªãƒ³ã‚¯
http://orange.ap.teacup.com/yoppiee/396.html
machikoma 2008/01/23
èˆžæµœç‹‚çµŒç”±ã€‚ãƒ”ã‚¢33ã‚¯ãƒãƒ¼ã‚ºã¯æ®‹å¿µã ãŒã€ãã‚Œã‚ˆã‚Šfirefoxã§è¦‹ã‚‹ã¨CSSãŒã ã å´©ã‚Œã§â€¦

blog

css
ãƒªãƒ³ã‚¯
CSS Tipsï¼šãƒ¡ãƒ¢ãƒ©ãƒ³ãƒ€ãƒ
machikoma 2006/08/31
ä»•äº‹ç”¨

CSS

web
ãƒªãƒ³ã‚¯
JavaScriptã‚’ä½¿ã‚ãšã«ãƒšãƒ¼ã‚¸ã®CSSã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹:phpspoté–‹ç™ºæ—¥èªŒ
ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ©ç”¨è€…å¥½ã¿ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã‚ˆã†ã«ã€javascript ã‚’ä½¿ã„ã€CSSã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã§ãã‚‹ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã™ãŒã€ JavaScriptã‚ªãƒ•ã§ã‚‚åŒæ§˜ã®ã“ã¨ã‚’å®Ÿè£…ã—ãŸã„å ´åˆã®ã‚µãƒ³ãƒ—ãƒ«ã€‚ JavaScriptã‚’ä½¿ã‚ãšã«ã€PHP+ã‚¯ãƒƒã‚ãƒ¼ã‚’ä½¿ã£ã¦ãƒšãƒ¼ã‚¸ã®CSSã‚’åˆ‡ã‚Šæ›¿ãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ PHPã®çŸ¥è˜ãŒãªãã¦ã‚‚ã€æ¬¡ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½¿ãˆã°ç°¡å˜ã«èª°ã§ã‚‚CSSã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ æ¬¡ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ã€main.css , blue.css , red.css , pink.css ã¨ã„ã†CSSã‚’åˆ‡ã‚Šæ›¿ãˆãŸã„å ´åˆã®ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ (1) ã¾ãšã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä¿å˜ã™ã‚‹ã‚¯ãƒƒã‚ãƒ¼è¨å®šç”¨ã®PHPã‚¹ã‚¯ãƒªãƒ—ãƒˆ( index.phpã¨ã—ã¦ä¿å˜ ) <?php $validsÂ =Â array( "main",Â "blue",Â "red",Â "pink" ); $layoutÂ =Â (isse
machikoma 2006/08/28
css

tips
ãƒªãƒ³ã‚¯
CSSã‚ªãƒ³ãƒªãƒ¼ã§ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•ã‚’æ›¸ãã‚µãƒ³ãƒ—ãƒ«é›†:phpspoté–‹ç™ºæ—¥èªŒ
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSã‚ªãƒ³ãƒªãƒ¼ã§ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•ã‚’æ›¸ãã‚µãƒ³ãƒ—ãƒ«é›†ã€‚ 3ã¤ã»ã©ç´¹ä»‹ã•ã‚Œã¦ã„ã¦ã©ã‚Œã‚‚ã‚¯ãƒ¼ãƒ«ã§å®Ÿç”¨çš„ã€‚ 1. ã¾ãšã€æ¬¡ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•ã‚’æ›¸ãã‚µãƒ³ãƒ—ãƒ«ã€‚ å®Ÿéš›ã®HTMLã‚³ãƒ¼ãƒ‰ <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height
machikoma 2006/08/23
css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1