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

morygonzalez id:morygonzalez

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

${{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ã§é•·ã„æ–‡ç« ã‚’çœç•¥ã—ã¦çœç•¥è¨˜å·ã‚’è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ï¼ˆ1è¡Œ / è¤‡æ•°è¡Œ / mixinï¼‰ - NxWorld
CSSã‚’ä½¿ã£ã¦æ–‡ç« ãŒé•·ã„å ´åˆã«çœç•¥ã—ã¦æœ«å°¾ã«çœç•¥è¨˜å·ï¼ˆ...ï¼‰ã‚’è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚ã§ã™ã€‚ ã™ã¹ã¦pè¦ç´ ã«å¯¾ã—ã¦é©ç”¨ã™ã‚‹ã®ã‚’æƒ³å®šã—ãŸã‚³ãƒ¼ãƒ‰ã§ã€å…¨3ãƒ‘ã‚¿ãƒ¼ãƒ³ã®å®Ÿè£…æ–¹æ³•ã¨è¤‡æ•°è¡Œå¯¾å¿œã•ã›ã‚‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’æ¥½ã«ä½¿ã†mixinã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1è¡Œã®æ–‡ç« ã‚’çœç•¥ CSSã§æ–‡ç« ã‚’çœç•¥ã•ã›ã‚‹ã¨èžãã¨ã¾ãšã“ã‚Œã‚’æ€ã„æµ®ã‹ã¹ã‚‹äººã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ çœç•¥ã—ãŸã„æ–‡ç« ã‚’æ‹¬ã£ã¦ã„ã‚‹è¦ç´ ã«å¯¾ã—ã¦ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ã“ã¨ã§ã€æ–‡ç« ãŒé•·ã‹ã£ãŸã¨ã—ã¦ã‚‚1è¡Œã«åŽã¾ã‚‹å½¢ã«çœç•¥ã•ã‚Œã€æ–‡æœ«ã«çœç•¥è¨˜å·ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ è¤‡æ•°è¡Œã®æ–‡ç« ã‚’çœç•¥ #1 è¤‡æ•°è¡Œã®æ–‡ç« ã‚’çœç•¥ã—ã¦åŒã˜ãæ–‡æœ«ã«çœç•¥è¨˜å·ã‚’è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã§ã€çœç•¥ã—ãŸã„æ–‡ç« ã‚’æ‹¬ã£ã¦ã„ã‚‹è¦ç´ ã«å¯¾ã—ã¦ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ çœç•¥ã•ã›ãªã„è¡Œæ•°ã¯-webkit-line-clampã®éƒ¨åˆ†ã§æŒ‡å®šã—ã€ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã®å ´åˆã¯3ã‚’æŒ‡å®šã—ã¦ã„ã‚‹ã®ã§æ–‡ç« ãŒ4è¡Œä»¥ä¸Šã«ãªã£ã¦ã—ã¾ã†ã¨ãã«3è¡Œç›®ã®æ–‡æœ«ã§çœç•¥ã•ã‚Œã¦çœç•¥
morygonzalez 2019/09/23
css
ãƒªãƒ³ã‚¯
Keiyaku CSS
Keiyaku CSS Crazy Style Formatter for Japanese Contract Document Unfortunately, the style in Japanese contract document is totally crazy. I hope this CSS library cures that a bit: write a document logically structured in markdown or HTML, apply keiyaku-css to it then, youâ€™ll get a well-formed document good luck! æ¦‚è¦ Keiyaku CSSï¼ˆä»¥ä¸‹ã€ã€Œæœ¬ä»¶ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã¨ã„ã†ã€‚ï¼‰ã¯ã€Markdownã§æ›¸ã‹ã‚ŒãŸå¥‘ç´„æ–‡æ›¸ã‚’ã€é©åˆ‡ãªå°åˆ·æ›¸å¼ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ãŸã‚ã®ã€CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ãƒ¦
morygonzalez 2017/01/08
css

markdown
ãƒªãƒ³ã‚¯
è‡ªå‹•æ¤œå‡ºã¨è‡ªå‹•ä¿®æ£ã§CSSã‚’ä¿å®ˆã™ã‚‹ - Qiita
CSSã®ä¿å®ˆã«ä¾¿åˆ©ãªcsscombã¨scss-lintã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ scss-lint scss-lintã¯ã€SCSSã®ã‚³ãƒ¼ãƒ‰ã‹ã‚‰ä¸ŽãˆãŸè¨å®šã«é•åã—ã¦ã„ã‚‹ç®‡æ‰€ã‚’å ±å‘Šã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚jslintã‚„rubocopã®SCSSç‰ˆã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ã“ã‚Œã‚’CIç‰ã§å®šæœŸçš„ã«å®Ÿè¡Œã—ã¦ãŠãã“ã¨ã§ã€ãƒ«ãƒ¼ãƒ«ã«é•åã—ãŸã‚³ãƒ¼ãƒ‰ã®è”“å»¶ã‚’é˜²ãŽã¾ã™ã€‚ csscomb csscombã¯Nodeè£½ã®ãƒ„ãƒ¼ãƒ«ã§ã€CSSã®ã‚³ãƒ¼ãƒ‰ã‚’ä¸ŽãˆãŸè¨å®šã«å¾“ã£ã¦è‡ªå‹•ã§å¤‰æ›ã—ã¦ãã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚scss-lintã‚’åˆã‚ã¦å°Žå…¥ã™ã‚‹ã¨ãã«åˆ©ç”¨ã™ã‚Œã°ã€å¤§åŠã®è¦å‘Šã‚’è‡ªå‹•ã§ä¿®æ£ã—ã¦ãã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ä½†ã—CSSã®æ–‡æ³•ã—ã‹è§£é‡ˆã§ããªã„ãŸã‚ã€SCSSã«é©ç”¨ã™ã‚‹ã¨å¤±æ•—ã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚SCSSã§æ›¸ã‹ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã«å¯¾ã—ã¦é©ç”¨ã—ã¦ã¿ãŸã¨ã“ã‚ã€@includeãªã©ã®æ–‡æ³•ã¯å—ç†ã•ã‚Œã‚‹ã‚‚ã®ã®ã€@ifãªã©ã®æ–‡æ³•ã‚’å—ç†ã§ããªã„ã‚ˆã†ã§ã™ã€‚ã—ã‹ã—ãªãŒã‚‰å•é¡Œã¨ãªã‚‹ã‚±ãƒ¼ã‚¹ãŒ
morygonzalez 2014/12/03
css
ãƒªãƒ³ã‚¯
Rails3.xé–‹ç™ºæ™‚ã«IEã§å›°ã‚‰ãªã„ãŸã‚ã®ãƒ¡ãƒ¢
Railsã§é–‹ç™ºã™ã‚‹ã¨ãã«UIã®å®Ÿè£…æ™‚ã«IE8ã‚ãŸã‚Šã§å›°ã‚‹ã“ã¨ãªã„ã‚ˆã†ã«å‚™å¿˜éŒ²ã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠãã€‚ IE9ã¾ã§ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿é™ç•Œå€¤ã«æ°—ã‚’ã¤ã‘ã‚‹ã€‚IEã ã‘ãªãœã‹CSSãŒé©ç”¨ã•ã‚Œãªã„ã¨ãã€IEã®ä»¥ä¸‹ã®ä»•æ§˜ãŒåŽŸå› ã€‚ IE9ã¾ã§ã¯ 1ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ãƒ«ãƒ¼ãƒ«ã¯4095ã¾ã§ 1ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã« @importã¯31å€‹ã¾ã§ @importã®å…¥ã‚Œåã¯4éšŽå±¤ã¾ã§ ã¡ãªã¿ã«IE10ã‹ã‚‰ã¯ã€ 1ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ãƒ«ãƒ¼ãƒ«ã¯65534ã¾ã§ 1ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯4095å€‹ã¾ã§ @importã®å…¥ã‚Œåã¯4095éšŽå±¤ã¾ã§ ã«å¤‰æ›´ã•ã‚Œã¦ã‚‹ã€‚ è©³ã—ãã—ã‚‰ã¹ã‚‹ã¨ã€asset pipelineãŒdebug modeã®ã¾ã¾ã ã¨SprocketsãŒãƒ•ã‚¡ã‚¤ãƒ«ã‚’é€£çµã—ãªã„ãŸã‚ã€å¤§é‡ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªè¾¼ã‚€ã“ã¨ã§IEã®ä»•æ§˜ã«å¼•ã£ã‹ã‹ã£ã¦ã¾ã—ãŸã€‚ å›žé¿ç–ã¨ã—ã¦ã€ /config/environments/development.r
morygonzalez 2014/12/03
css
ãƒªãƒ³ã‚¯
GitHub - ap/vim-css-color: Preview colours in source code while editing
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
morygonzalez 2014/03/31
vim ã§ css æ›¸ãã¨ãè‰²ã‚’ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ãã‚‹

vim

css
ãƒªãƒ³ã‚¯
JavaScriptãƒ™ãƒ¼ã‚¹ã®CSS preprocessorã§ã‚ã‚‹AbsurdJS ã‚’è©¦ã—ã¦ã¿ã‚‹
JavaScriptã‚„JSONã§CSSã‚’æ›¸ã‘ã‚‹ã€ã¨ã„ã†ã‚ˆã‚Šã‚‚CSS Preprocessorã«è¿‘ã„æ„Ÿã˜ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒª AbsurdJS ã‚’è©¦ã—ã¦ã¿ãŸã€‚ AbsurdJSã¯ã‚µãƒ¼ãƒãƒ¼ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ä¸¡æ–¹ã§ä½¿ç”¨ã§ãã‚‹ã€‚ ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦Grunt-absurdãŒæä¾›ã•ã‚Œã¦ã„ã‚‹ã®ã§ã“ã‚Œã‚’ä½¿ã£ã¦è©¦ã—ã¦ã¿ã‚‹ã€‚ Gruntã®è¨å®šã™ã‚‹ã€‚ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ãŸã€‚ æœ€çµ‚çš„ã«ï¼‘ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã‚‹ãŸã‚ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒå¿…è¦ã¨ã®ã“ã¨ãªã®ã§ã€import.jsã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã‚’manifestã«ã—ãŸã€‚ ã‚¤ãƒ³ãƒãƒ¼ãƒˆã®é †åºã¯cssã¨åŒã˜ãã€overwriteã•ã‚Œã‚‹ã®ã§é‡è¦ã€‚ ãƒŽãƒ¼ãƒžãƒ« ç–‘ä¼¼è¦ç´ ãƒã‚¹ãƒˆãƒã‚¹ãƒˆè¨˜è¿°ã‚‚ã»ã‹ã®preprocessorã¨åŒã˜ãåˆ©ç”¨å¯èƒ½ å¤‰æ•°ãƒ»é–¢æ•° mixin pluginmixinã«ã«ã¦ã„ã‚‹ã‘ã©ã€property - value ã®ãƒšã‚¢ã‚’å®šç¾© media-query rawãƒ‡ãƒ¼ã‚¿ jsonã€cssãƒ•ã‚¡
morygonzalez 2013/10/26
css

javascript
ãƒªãƒ³ã‚¯
Donâ€™t use IDs in CSS selectors? â§ Oli.jp (@boblet)
Recently I came across the post by Matt Wilcox called CSS Lint is harmful, ranting about the useful free tool CSS Lint. The â€œDonâ€™t use IDs in selectorsâ€ suggestion seems to have offended Matt the most, but I was surprised that many commenters also mentioned this as being a reason to avoid CSS Lint. This surprised me because smart people have been saying prefer classes to IDs for a while now. The a
morygonzalez 2013/08/05
css

html
ãƒªãƒ³ã‚¯
CSSã ã‘ã§å¹…ã‚’è¶…ãˆãŸæ–‡å—åˆ—ã‚’...ã§çœç•¥ã™ã‚‹ - Qiita
ã‚ã‚‹å¹…ã«åˆã‚ã›ã¦æ–‡å—åˆ—ã‚’çœç•¥ã—ãŸã„ã¨ããŒã‚ã‚Šã¾ã™ãŒã€ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹æ–‡å—ã«ã‚ˆã£ã¦å¹…ãŒé•ã†ã®ã§ã€æ–‡å—æ•°ã§åˆ¶å¾¡ã™ã‚‹ã®ã¯å‰²ã¨é¢å€’ã§ã™ãã€‚ ã§ã™ãŒä»¥ä¸‹ã®ã‚ˆã†ã«cssã‚’æ›¸ã„ã¦ãŠã‘ã°ãã£ã¡ã‚Šæ±ºã‚ãŸå¹…ã§ã‚ãµã‚ŒãŸéƒ¨åˆ†ã‚’ã€Œ...ã€ã§çœç•¥ã—ã¦ãã‚Œã¾ã™ã€‚ p{ width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /* Opera9,10å¯¾å¿œ */ }
morygonzalez 2013/05/22
é•·ã„æ–‡å—åˆ—ã®çœç•¥ã‚’ css ã ã‘ã§ã‚„ã‚‹

css
ãƒªãƒ³ã‚¯
CSSã®å‘½åè¦å‰‡ã§è¿·ã£ãŸè©± - æ†§ã‚Œé§†å‹•é–‹ç™º
å‘½åè¦å‰‡å¤§äº‹ ã¾ã‚æ™‚é–“ãŒãªã„ã¨ãã¨ã‹æ›¸ãæ¨ã¦ã¨ã‹ã ã¨ã¦ãã¨ã†ã«ã—ã¦ã—ã¾ã„ãŒã¡ã ã‘ã©ã€æ™‚é–“ãŒã‚ã‚‹ã¨ãã¯ã€ãã—ã¦ä»•äº‹ã®ã‚³ãƒ¼ãƒ‰ã¯è‡ªåˆ†ãŒã‹ãã‚ˆã‚Šèªã¾ã‚Œã‚‹æ©Ÿä¼šãŒåœ§å€’çš„ã«å¤šããªã‚‹ã®ã§å¤‰æ•°ã®å‘½åã¯éžå¸¸ã«å¤§äº‹ã€‚ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®å‘½åè¦å‰‡ã®è©±ã¯ãƒªãƒ¼ãƒ€ãƒ–ãƒ«ã‚³ãƒ¼ãƒ‰ã¨ã‹å„è¨€èªžã®æ…£ç¿’ã«åˆã‚ã›ã‚Œã°ã„ã„ã¨æ€ã†ã‘ã©ã€CSS ã®ã¨ãã©ã†ã™ã‚Œã°ã„ã„ã‹è¿·ã£ãŸã€‚æ™®æ®µã‚ã¾ã‚Šãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã—ã¦ã„ãªã„ã€‚ ãƒªãƒ¼ãƒ€ãƒ–ãƒ«ã‚³ãƒ¼ãƒ‰ â€•ã‚ˆã‚Šè‰¯ã„ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ããŸã‚ã®ã‚·ãƒ³ãƒ—ãƒ«ã§å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ (Theory in practice) ä½œè€…: Dustin Boswell,Trevor Foucher,é ˆè—¤åŠŸå¹³,è§’å¾å…¸å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ã‚ªãƒ©ã‚¤ãƒªãƒ¼ã‚¸ãƒ£ãƒ‘ãƒ³ç™ºå£²æ—¥: 2012/06/23ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬ï¼ˆã‚½ãƒ•ãƒˆã‚«ãƒãƒ¼ï¼‰è³¼å…¥: 46äºº ã‚¯ãƒªãƒƒã‚¯: 1,466å›žã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚° (66ä»¶) ã‚’è¦‹ã‚‹ ã„ã‚ã„ã‚å‚è€ƒã«ã™ã‚‹ ã‚°ã‚°ã£ã¦æœ€åˆã«ãƒ’ãƒƒãƒˆã—ãŸ
morygonzalez 2013/04/08
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
morygonzalez 2013/01/22
css

design

framework
ãƒªãƒ³ã‚¯
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
morygonzalez 2012/09/16
Pygments ç”¨ã® CSS ãŒè½ã¨ã›ã‚‹

css

pygments
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
morygonzalez 2012/04/10
ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™

solarized

css

syntaxhighlight
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3å¯¾å¿œã«ã™ã‚‹ -CSS3 PIE
IE6/7/8ã§ã‚‚CSS3ã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
morygonzalez 2011/07/07
css

IE
ãƒªãƒ³ã‚¯
æ¥½ã—ã„CSSã“ã¨ã€ŒSassã€ã®3.1ãŒç•°æ§˜ãªé€²åŒ–ï¼šRails Hubæƒ…å ±å±€ï¼šã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ©ã‚¤ãƒ•
Hamlã¨Sassã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³3.1ãŒ4æœˆ24æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚å…ƒã€…ä¸¡è€…ã¯åŒã˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã ã£ãŸã®ã§ã™ãŒã€ä»Šå›žã®ãƒªãƒªãƒ¼ã‚¹ã‹ã‚‰åˆ¥ã€…ã®gemã¨ãªã‚Šã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚‚åˆ¥ã«ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Hamlã¯ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚’ä½¿ã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ã«HTMLã‚’ç”Ÿæˆã§ãã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã€‚Sassã¯Hamlã¨ã‚»ãƒƒãƒˆã§èª•ç”Ÿã—ãŸã€ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚’ä½¿ã£ã¦CSSã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ã‘ã‚‹ç‹¬è‡ªã®ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šè¨€èªžã§ã™ã€‚CSSã‚’æ›¸ãã®ãŒè‹¦ç—›ã˜ã‚ƒãªãã¦ã€æ¥½ã—ããªã‚‹ã¨ã„ã†è§¦ã‚Œè¾¼ã¿ã§ã™ã€‚ Hamlã®ã»ã†ã¯ã€ä»Šå›žã¯Sassã®åˆ†é›¢ãŒå¤§ããªãƒˆãƒ”ãƒƒã‚¯ã§ã‚ã‚‹ä»¥å¤–ã¯å¤‰åŒ–ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚å¤‰åŒ–ãŒå¤§ãã„ã®ã¯ã€ŒBrainy Bettyã€ã¨åä»˜ã‘ã‚‰ã‚ŒãŸSass 3.1.0ã®ã»ã†ã§ã™ï¼ˆbrainyã£ã¦è„³ã¿ããŒè©°ã¾ã£ã¦ã„ã¦é ãŒè‰¯ã„ã¨ã„ã†æ„å‘³ã§ã™ãã€‚å¤‰ãªåå‰ã‚’ä»˜ã‘ã‚‹äººãŸã¡ã§ã™â€¦â€¦ã€‚Sassè‡ªä½“ã‚‚ã€ç”Ÿæ„æ°—ãªå¥³ã¨ã„ã†æ„å‘³ã§ä½¿ã‚ã‚Œã‚‹ã€Œsassy girlã€ã«ã‹ã‘ã¦ã„ã‚‹ã‚“ã
morygonzalez 2011/04/28
ruby

css
ãƒªãƒ³ã‚¯
1px Background Alignment Bug - Firefox/Safari/Chrome - Background Not Aligning - CSS Background Fix
This is an annoying bug that frequently pays us a visit when trying to alignÂ a combination of center aligned backgrounds. If you pay close attention, you will catch these bugs on a number of sites, but for those who donâ€™t know what Iâ€™m talking about letâ€™s take a look at the issue. The Issue (Commonly seen in Firefox & Safari): The bug appears when trying to align even numbered width backgrounds, w
morygonzalez 2010/09/21
WebKitç³»ã§ã€bodyã«èƒŒæ™¯ç”»åƒã‚’æŒ‡å®šã—ãŸã¨ãã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¨å³ã«1pxãšã‚Œã‚‹ãƒã‚°ã®å›žé¿æ–¹æ³•ã€‚

css

safari

webkit
ãƒªãƒ³ã‚¯
iPad UserStyle for Cookpad.com
ã“ã®ãƒªãƒ³ã‚¯ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒãƒ¼ã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ï¼ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒãƒ¼ã«ã€ŒiCookPadStyleã€ã¨ã„ã†é …ç›®ãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚ ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®ãƒ¬ã‚·ãƒ”ãƒšãƒ¼ã‚¸ã§ã€ŒiCookPadStyleã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ãŒiPadã‚¹ã‚¿ã‚¤ãƒ«ã«å¤‰ã‚ã‚Šã¾ã™ï¼ Safariã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒãƒ¼ã«ç™»éŒ²ã—ã¦ã€iPadã¨ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’ åŒæœŸã™ã‚Œã°iPadã‹ã‚‰ã‚‚åˆ©ç”¨å¯èƒ½ã§ã™ï¼ â€»ã“ã®ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã¯Chromeã‚„Safariã€Firefoxã®æœ€æ–°ç‰ˆã§ã‚‚ã”åˆ©ç”¨å¯èƒ½ã§ã™ã€‚ â€»ã“ã®ã‚µã‚¤ãƒˆåŠã³ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã¯ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰æ ªå¼ä¼šç¤¾ã•ã‚“ã¨é–¢ä¿‚ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ç„¡æ–ã§å‹æ‰‹ã«ä½œæˆã—ãŸã ã‘ã§ã™ã®ã§ã€ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã•ã‚“ã«å•ã„åˆã‚ã›ãªã©ã¯ã—ãªã„ã§ãã ã•ã„ã€‚
morygonzalez 2010/09/15
stylesheet

css

ipad
ãƒªãƒ³ã‚¯
jQuery DropDown Menu - Simple JavaScript Plugin Â« JavaScript DHTML Tutorials
jQuery Simple Drop-Down Menu Plugin The peculiarity of this dropdown menu is that these 20 lines of code and absence of various cumbersome mouse events within html code. The HTML code of the menu represents like unordered list (ul-tag) and has no anything extra insertions. Just plain list of the it ems. The small size script finds this list by ID and then, just hang on the mouse event handlers. Ver
morygonzalez 2010/03/25
jquery

css

javascript

webdesign

dropdown
ãƒªãƒ³ã‚¯
30 Advanced jQuery Dropdown Menu Solutions - 1stWebDesigner
Hello again, itâ€™s time for the comprehensive programming article. Here youâ€™ll find 38 mainly CSS and jQueryÂ dropdown menuÂ or just multi level menusÂ with downloadable files and explanations as well. Mostly they are free. My favorite here is the first pick â€“ Outside the box with a very unique navigation menu (free) and Mega Menu, which is premium. Itâ€™s always good to have such reference articles in
morygonzalez 2010/03/24
css

dropdown

webdesign

jquery
ãƒªãƒ³ã‚¯
IE6 ãŒæ»ã‚“ã ã‚‰ã§ãã‚‹10ã®ã“ã¨ï¼ˆfrom Ajaxianï¼‰ - oogatta ã®ãƒ–ãƒã‚°
ã¨ã„ã†è¨˜äº‹ãŒãã®æ˜” Ajaxian ã«æŒ™ãŒã£ã¦ã„ãŸã®ã§è‡ªåˆ†ã®ãƒ¡ãƒ¢ã¨ã—ã¦æ®‹ã£ã¦ã„ãŸãƒ¢ãƒŽã‚’ã€ãã‚ãã‚æ™‚æœŸãŒæ¥ãŸã‹ã¨è¨€ã†ã“ã¨ã§ã“ã¡ã‚‰ã«å†æŽ²ã€‚ http://ajaxian.com/archives/10-cool-things-we%e2%80%99ll-be-able-to-do-once-ie6-is-dead-and-a-few-we-cant åã‚»ãƒ¬ã‚¯ã‚¿ï¼ˆchild selectorsï¼‰ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ å«ä»¥ä¸‹ã‚’é™¤ãç›´ã®åã«ã ã‘é©ç”¨ã™ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ #bodyMain > p {} ul > li 24bit PNG ã®æ©Ÿèƒ½ã‚’å…¨ã¦ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«ä»˜ãPNGãŒãƒã‚¤ãƒ†ã‚£ãƒ–ã§ä½¿ãˆã¾ã™ã€‚ã‚¢ãƒ³ãƒä»˜ãè§’ä¸¸ã‚’èƒŒæ™¯è‰²æ¯Žã«ç”¨æ„ã™ã‚‹å¿…è¦ãŒç„¡ããªã‚Šã¾ã™ã€‚ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ï¼ˆattribute selectorsï¼‰ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ æ„Ÿè¦šçš„ã«ã„ã£ã¦ class ã®3å‰²
morygonzalez 2010/03/04
IE6

css

html
ãƒªãƒ³ã‚¯
ãµãã¼ã£ãŸãƒ¼ã‚’Fluidã§ä½¿ã†ãŸã‚ã®CSS
morygonzalez 2010/02/23
æœªå®Œ

css

userstyle

ãµãã¼ã£ãŸãƒ¼

fluid
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸