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

horimislime id:horimislime

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

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

é ˜åŸŸã«åŽã¾ã‚‰ãªã„æ–‡å—æ•°ã‚’ã€Œ...ã€ã«ã—ãŸã„ - bi_naã®æ—¥è¨˜
1è¡Œã¨ã®ã è¡ŒãŒ1è¡Œã®ã¨ããªã‚‰ã€ä»¥ä¸‹ã®CSSã§ã€è¶…ãˆãŸéƒ¨åˆ†ã‚’ã€Œ...ã€ã«å¤‰ãˆã¦ãã‚Œã‚‹ã€‚ overflow:hidden; text-overflow:ellipsis; ã¡ãªã¿ã«ã“ã‚Œã¯IEãŒå…ˆé€²çš„ã«å–ã‚Šå…¥ã‚ŒãŸã‚‚ã®ã§ã‚ã‚Šã€ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ä½¿ãˆãªã‹ã£ãŸã¨ã„ã†ã®ã‚’ å¤šãèªã‚“ã ãŒã€ä½¿ã„ãŸã„æœ€è¿‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ä½¿ç”¨å¯èƒ½ãªã“ã¨ã‚’ç¢ºèªã—ãŸã€‚ å‚è€ƒ http://www6.plala.or.jp/go_west/nextcss/ref/prp/ext_msie/txt_ofl.htm ã—ã‹ã—è¤‡æ•°è¡Œã«ãªã‚‹ã¨ã“ã‚ã¯ ã—ã‹ã—è¤‡æ•°è¡Œã«ãªã‚‹ã¨ã“ã‚ã¯ã€ã€Œ...ã€ã«ç½®ãæ›ã‚ã‚‰ãªã„ã€‚ JSã§å¯¾å¿œ å‚è€ƒ javascript - Insert ellipsis (...) into HTML tag if content too wide - Stack Overflow ã™ã“ã—æ”¹è‰¯ ã¡ãªã¿ã«CSSãŒ å¼•ç”¨ï¼š .ellipsi
horimislime 2014/03/05
javascript

css
ãƒªãƒ³ã‚¯
rgbaã§ç°¡å˜ã«cssã®ã¿ã®åŠé€æ˜Žã®èƒŒæ™¯ãŒå®Ÿè£…ã§ããŸ - ãƒ•ã‚¡ãƒ³ãƒ–ãƒã‚°ãƒãƒƒã‚¯
css3ã®rgbaæŒ‡å®š css3ã§ã¯ã€è‰²ã‚’rgbaã§æŒ‡å®šã§ãã‚‹ã‚“ã§ã™ã€‚ãªã®ã§ã€ã“ã„ã¤ã‚’ä½¿ãˆã°é€æ˜Žã¨ã‹ç°¡å˜ã‚‰ã—ã„ãƒƒã‚¹ã€‚ CSSã§åŠé€æ˜Žã€opacityã¨rgbaã®é•ã„ - ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼(Hatena)RGBa ç”»åƒé€éŽå‡¦ç†ã«ã¤ã„ã¦ | webtrace rgbaã§ã€èƒŒæ™¯è‰²ã«é€éŽãªè‰²ã‚’è¨å®šã™ã‚‹ã ã‘ã§ã™ã€‚å¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯å¯¾å¿œã—ã¦ã„ã¾ã™ã—ã€ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã«å¤‰ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãå¿…è¦ãŒãªãã¦ã€æ¥½ã§ã™ãªã€‚ ãŸã ã—ã€rgbaã¯ie8ä»¥ä¸‹ã§ã¯é©ç”¨ã§ããªã‹ã£ãŸã‚Šã€è‰²ã€…æ³¨æ„ç‚¹ã‚‚ã‚ã‚‹æ§˜ãªã®ã§ã€å°‘ã—ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ rgbaã®åŸºæœ¬æƒ…å ± åŸºæœ¬çš„ãªäº‹ã¯ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§è¦‹ã‚Œã¾ã™ã€‚ rgba()âˆ’CSS3ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ å•é¡Œã¯ã€å¯¾å¿œã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã€ç‰¹ã«ie7,8ã‚’ã©ã†ã™ã‚‹ã‹ã€ã£ã¦äº‹ã§ã™ã€‚6ã¯ã‚‚ã†è‰¯ã„ã§ã™w ã‚„ã£ã±ã‚Šopacityã¨ã‹pngã¨ã‹ä½¿ã† 1ã¤ã¯å˜ç´”ã«ã€ä»–ã®æ–¹æ³•ã‚’ä½¿ã†ã£ã¦è§£æ±ºæ³•ãŒã‚ã‚Šã¾ã™ã€‚ Web-åŠé€æ˜Žã«ã¤ã„ã¦
horimislime 2013/09/14
css
ãƒªãƒ³ã‚¯
ç”»é¢ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã¨ãã€è¦ç´ ã‚’å°‘ã—é€éŽã•ã›ã‚‹ - at kaneshin
ç”»é¢ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã¨ãã«ã€fixedã—ã¦ã„ã‚‹ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«å¯¾ã—ã¦ã€å°‘ã—é€éŽã•ã›ã‚‹ã¨ã‹ã£ã“ã‚ˆãã‚ã‚Šã¾ã›ã‚“ï¼Ÿ å®Ÿè£…ã®ä»•æ–¹ã¯ scroll ã•ã‚ŒãŸã¨ãã®ä½ç½®ã‚’å–å¾—ã—ã€ãã‚Œã«å¿œã˜ã¦é€éŽã•ã›ã‚‹ã ã‘ã§è‰¯ã„ã§ã™ã€‚ See the Pen rWXoBY by Shintaro Kaneko (@kaneshin) on CodePen. $(document).ready(function() { $(window).scroll(function() { if ($(this).scrollTop() > 0) { $('header').css('opacity', 0.8); } else { $('header').css('opacity', 1); } }); }); ã“ã‚Œã¯ã€window ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚ŒãŸã¨ãã«å‡¦ç†ã‚’ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ $(selector).scroll
horimislime 2013/09/14
javascript

css
ãƒªãƒ³ã‚¯
ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶Twitter Bootstrapã®ä½¿ã„æ–¹ï¼šå‰ç·¨ (1/3)
Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ããªã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚‚ã€è¦‹ãŸç›®ã‚’ã™ã°ã‚„ãæ•´ãˆã‚‰ã‚Œã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã€ŒTwitter Bootstrapã€ã€‚å‰å›žã¯ã€Twitter Bootstrapã®æ¦‚è¦ã¨ç‰¹å¾´ã€åˆ©ç”¨äº‹ä¾‹ã‚’ç´¹ä»‹ã—ã€å®Ÿéš›ã®è¨ç½®æ–¹æ³•ã¾ã§ã‚’èª¬æ˜Žã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãªãŒã‚‰ã€Twitter Bootstrapã®åŸºæœ¬çš„ãªãƒ«ãƒ¼ãƒ«ã¨ä½¿ã„æ–¹ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã§ä½¿ã„æ–¹ã‚’å¦ã¼ã† ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ–ãƒƒã‚¯ã‚«ã‚¿ãƒã‚°ã®ã‚µã‚¤ãƒˆã‚’ä½œã‚Šã¾ã™ã€‚æ›¸ç±ã®ä¸€è¦§ã¨ãŠå•ã„åˆã›ãƒ•ã‚©ãƒ¼ãƒ ã§æ§‹æˆã•ã‚Œã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚µã‚¤ãƒˆã§ã™ã€‚ HTMLã®æº–å‚™ Twitter Bootstrapã‚’åˆ©ç”¨ã—ãŸã‚µã‚¤ãƒˆåˆ¶ä½œã§ã¯ã€ã„ã¡ã‹ã‚‰ã‹ã‚‰ã™ã¹ã¦ã‚’è¨˜è¿°ã™ã‚‹ã®ã§ã¯ãªãã€Twitter Bootstrapã®ã‚µã‚¤ãƒˆã«ã‚ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ™ãƒ¼ã‚¹ã«æ›¸ãæ›ãˆã¦ã„ãã®ãŒç°¡å˜ã§ã™ã€‚ index.htmlã®ä½œæˆ ã¾ãšã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ãªã©ã§ç©ºã®ã€Œindex.
horimislime 2013/07/25
css
ãƒªãƒ³ã‚¯
Ja - Scalable and Modular Architecture for CSS
å¤§è¦æ¨¡ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã„ã¦æœ€é©ãªæ§‹é€ ã‚’è¦‹ã¤ã‘å‡ºã™ãŸã‚ã«è‡ªåˆ†è‡ªèº«(ãã—ã¦è‡ªåˆ†ã®å‘¨ã‚Šã®äººãŸã¡)ã®ãƒ—ãƒã‚»ã‚¹ã‚’åˆ†æžã—ã¦ããŸãŒã€ãã®çµæžœã€ç§ãŒè¦‹ã¤ã‘å‡ºã—ãŸã®ã¯ãƒ—ãƒã‚»ã‚¹ã¯è¦æ¨¡ã®å¤§å°ã«é–¢ã‚ã‚‰ãšå¤§è¦æ¨¡ãªã‚µã‚¤ãƒˆã§ã‚ã£ã¦ã‚‚å°è¦æ¨¡ãªã‚µã‚¤ãƒˆã§ã‚ã£ã¦ã‚‚åŒã˜ã‚ˆã†ã«æœ‰åŠ¹ãªãƒ—ãƒã‚»ã‚¹ã ã£ãŸã€‚ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ãƒãƒ¼ãƒ ãŒå¤§ãããªã‚‹ã®ã«ä½µã›ã¦CSSã‚’ã‚ˆã‚ŠæŸ”è»Ÿã«ã€ã‚ˆã‚Šãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ã„CSSã‚’æ›¸ããŸã‚ã®æ§‹é€ ã«ã¤ã„ã¦å¦ã‚“ã§ã„ã“ã†ã€‚ What is it? SMACSS (ã‚¹ãƒžãƒƒã‚¯ã‚¹ã¨ç™ºéŸ³ã™ã‚‹) ã¯åŽ³æ ¼ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‚ˆã‚Šã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã§ã‚ã‚‹ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã¾ãŸã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯æœ¬æ›¸ã«ã¯ãªã„ã€‚SMACSSã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã‚’åˆ†æžã™ã‚‹ãŸã‚ã®æ‰‹æ³•ã§ã‚ã‚Šã€åŽ³æ ¼ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŸ”è»Ÿãªæ€è€ƒéŽç¨‹ã¨ã™ã‚‹æ‰‹æ³•ã ã€‚ãã—ã¦CSSã‚’ä½¿ã£ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®é–‹ç™ºã«å¯¾ã™ã‚‹ä¸€è²«ã—ãŸã‚¢ãƒ—ãƒãƒ¼ãƒã‚’ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆåŒ–ã™ã‚‹è©¦ã¿ã§ã‚‚ã‚ã‚‹ã€‚ã„ã£ãŸã„èª°ãŒç¾åœ¨ã«
horimislime 2013/06/30
css
ãƒªãƒ³ã‚¯
fujitaiju.com
This domain may be for sale!
horimislime 2013/05/14
css

javascript
ãƒªãƒ³ã‚¯
CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”è¼ƒ - (DxD)âˆž
CSSã‚’æ‹¡å¼µã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã¨ã—ã¦ã€ä»£è¡¨çš„ãªã‚‚ã®ã«ã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã€å°Žå…¥ã‚’æ¤œè¨Žã™ã‚‹ã«ã‚ãŸã‚Šã€ä¸¡è€…ã‚’æ¯”è¼ƒã—ã¾ã—ãŸã€‚ çµæžœçš„ã«ã¯ã€ã€ŒSCSS(Sass)ã€ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸãŒã€ç‰¹ã«ã€ŒSCSS(Sass)ã€ã‚’é¸æŠžã™ã‚‹æ±ºã‚æ‰‹ã¨ãªã£ãŸç‚¹ã«é‡ç‚¹ã‚’ç½®ãã¤ã¤ã€ä¸¡è€…ã®é•ã„ã‚’ã¾ã¨ã‚ã¾ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« Webã‚µã‚¤ãƒˆã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¤§è¦æ¨¡ã«ãªã‚‹ã«ã¤ã‚Œã¦ã€CSSã®è¨è¨ˆãƒ»ç®¡ç†ã«ã‚‚ãƒªã‚½ãƒ¼ã‚¹ã‚’å‰²ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚CSSã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã«ã‚ˆã‚‹å†åˆ©ç”¨æ€§ã‚’è€ƒãˆãŸã¨ãã€ç¾çŠ¶ã®CSSã‚’å–ã‚Šå·»ãçŠ¶æ³ã¯ååˆ†ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ ä¸€ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦ã‚ãŒã‚‹ã®ãŒã€ŒBlueprintã€ã‚„ã€Œ960 Glid Systemã€ç‰ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®åˆ©ç”¨ã§ã™ãŒã€ãã®å†åˆ©ç”¨æ€§ã¨æ§‹é€ ãƒ»è¡¨ç¾ã®åˆ†é›¢åº¦ã¯ãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ã§ã™ã€‚ ãã“ã§ã€CSSã®åˆ©ç‚¹ã‚’æ´»ã‹ã—ã¤ã¤ã€å†åˆ©ç”¨æ€§ã‚’é«˜ã‚ã‚‹ãŸã‚ã«
horimislime 2013/03/02
css
ãƒªãƒ³ã‚¯
StyleDocco
StyleDocco generates documentation and style guide documents from your stylesheets. Stylesheet comments will be parsed through Markdown and displayed in a generated HTML document. You can write HTML code prefixed with 4 spaces or between code fences (```) in your comments, and StyleDocco shows a preview with the styles applied, and displays the example HTML code. The previews are rendered in resiz
horimislime 2013/02/22
css
ãƒªãƒ³ã‚¯
ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ•ã‚¡ã‚¤ãƒ«ã‚’zipã«ã—ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒã¨CSSã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹ãƒ„ãƒ¼ãƒ«ãƒ»SpriteMachine - ã‹ã¡ã³ã¨.net
CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒã¨CSSã‚’ è‡ªå‹•ã§ç”Ÿæˆã—ã¦ãã‚Œã‚‹ã€ã¨ã„ã† Webãƒ„ãƒ¼ãƒ«ã®ã”ç´¹ä»‹ã€‚ä½œã‚‹ã®ã¯ çµæ§‹é¢å€’ãªã®ã§ã“ã†ã—ã¦è‡ªå‹•åŒ– ã—ã¦ãã‚Œã‚‹ã¨æ¥½ã§åŠ©ã‹ã‚Šã¾ã™ãã€‚ CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã§ä½¿ã„ãŸã„ç”»åƒã‚’1ã¤ã®ãƒ•ã‚©ãƒ«ãƒ€ã«ã—ã¦ZIPã«ã—ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨å³åº§ã«1æžšã®ç”»åƒã«ã—ã€CSSã‚‚ç™ºè¡Œã—ã¦ãã‚Œã¾ã™ã€‚ ZIPã‚’ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã™ã‚Œã°å³åº§ã«CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒã¨CSSãŒå…¥ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’DLã—ã¾ã™ã€‚æ•°ã«ã‚ˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã‘ã©ä¸€çž¬ã§å‡ºæ¥ã‚‹ã®ã¯å‡„ã„ã§ã™ã€‚ img.sprit emachine_foo { width: 450px; height: 72px; background: url(sprite.png) 0px 0px no-repeat; } img.sprit emachine_bar { width: 16px; height: 16px; background: url(sprite.pn
horimislime 2013/02/18
css
ãƒªãƒ³ã‚¯
Pixate
Saying farewell to Pixate. When we launched Pixate, our mission was to change the way mobile apps were prototyped. We joined Google just over a year ago to continue our mission, and to pursue a broader vision of changing the way products were designed and built. While a lot of the ideas weâ€™ve been developing could work inside the Pixate framework, we believe we can have a larger impact if we move
horimislime 2013/01/23
iOS

css
ãƒªãƒ³ã‚¯
Bootstrap
Introducing Google Bootstrap. Need reasons to love Google Bootstrap? Look no further. By nerds, for nerds. Forked from Twitter Bootstrap, built by todc, Google Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as I
horimislime 2013/01/21
css
ãƒªãƒ³ã‚¯
Introduction to Sass and How to Setup with Mac + Coda
2014å¹´7æœˆ31æ—¥ CSS, ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« ã€ŒSassã€ã£ã¦èžã„ãŸã“ã¨ã‚ã‚Šã¾ã™ã‹ï¼Ÿã™ã£ã”ãç°¡å˜ã«è¨€ã†ã¨ã€CSSã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ãƒ»åŠ¹çŽ‡è‰¯ãè¨˜è¿°ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚ã¨ã¯è¨€ãˆåŸºæœ¬çš„ãªæ›¸ãæ–¹ã¯CSSã¨åŒã˜ãªã®ã§ã€ã€Œæ–°ã—ã„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ã¨ã„ã†ã‚ˆã‚Šã€ŒCSSã®æ–°ã—ã„è£…å‚™å“ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ä¸€è¦‹é›£ã—ãæ€ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ…£ã‚Œã‚‹ã¨ã€Œã“ã‚Œãªã—ã§ã¯ã„ã‚‰ã‚Œãªã„ï¼ã€ã¨ã¾ã§æ€ãˆã‚‹Sassã®é…åŠ›ã¨ã€Macã§ã®è¨å®šæ–¹æ³•ã¯ã‚ã¾ã‚Šè¦‹ãªã„ãªãƒ¼ã¨ã„ã†äº‹ã§Macï¼‹Codaã§ã®è¨å®šæ–¹æ³•ã‚‚ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Sassã¨ã¯ æ—¥æœ¬èªžã§ã¯ã€Œã‚µã‚¹ã€ã¨èªã¾ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚æ‹¡å¼µåã¯ã€Œ.scssã€ã€‚ä»Šã¾ã§ã®CSSã«å¤‰æ•°ã‚„è¨ˆç®—å¼ã‚’ä½¿ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°é¢¨ã®æ›¸ãæ–¹ã‚’åŠ ãˆãŸ .scss ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€å¤‰æ›ï¼ˆã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ï¼‰ã—ã¦CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã—ã¾ã™ã€‚ä¾‹ãˆã°ã€Œstyle.scssã€ã®Sassãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤‰æ›ã™ã‚‹
horimislime 2013/01/13
css

sass
ãƒªãƒ³ã‚¯
Index
simple and flexible web framework to create elegant and modern web applications with the same look & feel of Windows 8
horimislime 2012/11/04
css

design
ãƒªãƒ³ã‚¯
METROUI >> Korzh.com - Tools from Developers for Developers
MetroUI includes everything you need to build your frontend app: responsive grid system, 100+ prebuilt components, 500+ incons, and powerful JavaScript plugins.
horimislime 2012/10/05
design

css
ãƒªãƒ³ã‚¯
Favrik: Preview all Pygments Styles for your code highlighting needs
Published on Tuesday, 22 February 2011. For quickly outputting all the styles (available on my system) I used: $ for i in monokai manni perldoc borland colorful default murphy vs trac tango fruity autumn bw emacs pastie friendly native; do pygmentize -f html -S $i -a .highlight > $i.css; done <?php class A_Request { private $_fields = array( 'title', 'fullname', 'em ail', 'company', ); private $_op
horimislime 2012/08/31
python

design

css
ãƒªãƒ³ã‚¯
Untitled Document
Demo CSS3 Image Styles Tutorial by Web Designer Wall. Normal Image (without jQuery background image wrap) Basic Circle Card Style Embossed Style Soft Embossed Style Cutout Style Morphing + Glowing (mouse over images here) Glossy Overlay Reflection (mouse over images here) Tape Style Glossy + Reflection Morphing + Tinting (mouse over images here) Feather Circle
horimislime 2012/08/25
design

css
ãƒªãƒ³ã‚¯
#how-to-hide-follow-button on Tumblr
horimislime 2012/05/06
css

tips
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä¸€åˆ‡ä½¿ã‚ãšCSSã§æã‹ã‚ŒãŸã€Œã‘ã„ãŠã‚“ï¼ã€ã®æ¾ªãŒãƒžã‚¸ã§ã™ã”ã„ï¼
ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ã€ç”»åƒã‚’ä¸€åˆ‡ä½¿ã‚ãšã«html+CSSã ã‘ã§ã€Œã‘ã„ãŠã‚“ï¼ã€ã®ç§‹å±± æ¾ªã‚’æã„ãŸæŠ€è¡“ãƒ‡ãƒ¢ä½œå“ã§ã™ã€‚å®Ÿéš›ã«ä½œå“ã‚’è¦‹ã¦ã‚‚ã‚‰ãˆã°åˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚‚ã®ã™ã”ãã‚¯ã‚ªãƒªãƒ†ã‚£ãŒé«˜ãã¦æ™®é€šã«ç”»åƒã«ã—ã‹è¦‹ãˆãªã„ãƒ¬ãƒ™ãƒ«ã§ã™ã€‚ä¹…ã—ã¶ã‚Šã«CSSã§çµµã‚’æãä½œå“ã§é©šã‹ã•ã‚ŒãŸã®ã§ã€ã“ã‚Œã¯ãœã²ç´¹ä»‹ã›ãã°ã¨æ€ã„è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ ã€Œã‘ã„ãŠã‚“ï¼ã€ï¼ˆK-ON!ï¼‰ã¯ã€è»½éŸ³æ¥½éƒ¨ã§4äººã®é«˜æ ¡ç”ŸãŸã¡ãŒã‚¬ãƒ¼ãƒ«ã‚ºãƒãƒ³ãƒ‰ã‚’çµ„ã¿ã€éŸ³æ¥½æ´»å‹•ã‚’è¡Œã£ã¦ã„ãã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã§äººæ°—ã®ã‹ããµã‚‰ã„æ°ã«ã‚ˆã‚‹4ã‚³ãƒžæ¼«ç”»ä½œå“ã§ã™ã€‚2å¹´å‰ã«ã‚¢ãƒ‹ãƒ¡åŒ–ã€ä»Šæœˆ12æœˆã‚ˆã‚Šæ˜ ç”»ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹äººæ°—ä½œå“ã§ã™ãã€‚ç§‹å±± æ¾ªã¯ãã®ä½œå“ã«ç™»å ´ã™ã‚‹ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã§ã™ã€‚ãã®ç§‹å±± æ¾ªã‚’ã¾ã£ãŸãã®ç”»åƒãªã—ã§ã€html+CSSã®ã‚³ãƒ¼ãƒ‰ã ã‘ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ ç§ã‚‚ä»¥å‰ã«CSSã§ãƒ‰ãƒ©ãˆã‚‚ã‚“ãªã©æ§˜ã€…ãªä½œå“ã‚’æã„ãŸã‚Šã—ã¾ã—ãŸãŒã€ã¯ã£ãã‚Šã„ã£ã¦html+CSSã®ã‚³ãƒ¼ãƒ‰ã ã‘ã§çµµã‚’æãã®ã¯ã¨ã¦ã‚‚å¤§å¤‰ã§ã™
horimislime 2011/12/19
ã™ã”ã„

css
ãƒªãƒ³ã‚¯
iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€å‰ç·¨ã€‘ - ãã‚‰ã’ã ã‚‰ã‘
iPhoneãŒã§ãŸå½“åˆã¯WebAppæŠ¼ã—ã ã£ãŸAppleã‚‚3Gã‚’å‡ºã—ã¦ã‹ã‚‰ã™ãã«ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã«æ‰‹ã®ã²ã‚‰ã‚’è¿”ã—ã¦ã—ã¾ã£ã¦ã€WebAppã¯ã™ã£ã‹ã‚Šå½±ãŒã•ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãã‚Œã§ã‚‚ã€jQTouchã‚„Sencha Touchã€jQuery mobileãªã©WebAppã®é–‹ç™ºæ”¯æ´ã¨ãªã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒç™»å ´ã—ã¦ä¸€éƒ¨ã§ã¯ç››ã‚Šä¸ŠãŒã£ãŸã‚Šã‚‚ã—ã¦ã„ã¾ã™ã€‚PhoneGapã¿ãŸã„ã«WebAppã‚’ãƒã‚¤ãƒ†ã‚£ãƒ–ã«ãƒ‘ãƒ–ãƒªãƒƒã‚·ãƒ¥ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚„ã€Titanium Mobileã®ã‚ˆã†ã«Webè¨€èªžãƒ™ãƒ¼ã‚¹ã§é–‹ç™ºã—ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–ã«ã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã—ã€ã„ã‚ã„ã‚ã§ã™ãã€‚ iOS4ã¾ã§ã®Mobile Safariã§ã¯CSSã®ä¸€éƒ¨ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒä½¿ãˆãªã‹ã£ãŸã‚Šã§ã€ã‚ˆã‚ŠãƒªãƒƒãƒãªWebAppã‚’ã¤ãã‚ã†ã¨æ€ãˆã°Javascriptå¿…è¦ã§ã—ãŸã€‚ å…ˆæ—¥å…¬é–‹ã•ã‚ŒãŸiOS5ã§ã¯ä»Šã¾ã§ã€Œãªã‚“ã§ä½¿ãˆãªã„ã®ï¼Ÿã€ã¨ã„ã£ãŸã¨ã“ã‚ãŒå°‘ã—ä¿®æ£ã•ã‚Œã¦ã€
horimislime 2011/11/03
html5

css

mobile
ãƒªãƒ³ã‚¯
1