[B! css] hiro-takã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hiro-tak id:hiro-tak

cssã«é–¢ã™ã‚‹hiro-takã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (95)

${{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æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”è¼ƒ - (DxD)âˆž
CSSã‚’æ‹¡å¼µã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã¨ã—ã¦ã€ä»£è¡¨çš„ãªã‚‚ã®ã«ã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã€å°Žå…¥ã‚’æ¤œè¨Žã™ã‚‹ã«ã‚ãŸã‚Šã€ä¸¡è€…ã‚’æ¯”è¼ƒã—ã¾ã—ãŸã€‚ çµæžœçš„ã«ã¯ã€ã€ŒSCSS(Sass)ã€ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸãŒã€ç‰¹ã«ã€ŒSCSS(Sass)ã€ã‚’é¸æŠžã™ã‚‹æ±ºã‚æ‰‹ã¨ãªã£ãŸç‚¹ã«é‡ç‚¹ã‚’ç½®ãã¤ã¤ã€ä¸¡è€…ã®é•ã„ã‚’ã¾ã¨ã‚ã¾ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« Webã‚µã‚¤ãƒˆã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¤§è¦æ¨¡ã«ãªã‚‹ã«ã¤ã‚Œã¦ã€CSSã®è¨è¨ˆãƒ»ç®¡ç†ã«ã‚‚ãƒªã‚½ãƒ¼ã‚¹ã‚’å‰²ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚CSSã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã«ã‚ˆã‚‹å†åˆ©ç”¨æ€§ã‚’è€ƒãˆãŸã¨ãã€ç¾çŠ¶ã®CSSã‚’å–ã‚Šå·»ãçŠ¶æ³ã¯ååˆ†ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ ä¸€ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦ã‚ãŒã‚‹ã®ãŒã€ŒBlueprintã€ã‚„ã€Œ960 Glid Systemã€ç‰ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®åˆ©ç”¨ã§ã™ãŒã€ãã®å†åˆ©ç”¨æ€§ã¨æ§‹é€ ãƒ»è¡¨ç¾ã®åˆ†é›¢åº¦ã¯ãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ã§ã™ã€‚ ãã“ã§ã€CSSã®åˆ©ç‚¹ã‚’æ´»ã‹ã—ã¤ã¤ã€å†åˆ©ç”¨æ€§ã‚’é«˜ã‚ã‚‹ãŸã‚ã«
hiro-tak 2011/03/24
Sass

css

ruby

JavaScript

scss

sass

LESS

node.js
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè¨è¨ˆã®ãƒ™ãƒ¼ã‚¹ã«ãªã‚‹12ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ | ã‚³ãƒªã‚¹
specky boyã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã®åˆæœŸåŒ–ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãªã©ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè¨è¨ˆã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
hiro-tak 2011/03/09
css

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

design
ãƒªãƒ³ã‚¯
iOSã®ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒä½¿ãˆã‚‹CSS3 | hazumu.net/blog
ã¯ã˜ã‚ã« iPhoneã‚„iPadãªã©iOSã«çµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹mobile Safariã§JavaScriptã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å‹•ã‹ã™ã¨å‹•ä½œãŒé…ããªã‚‹äº‹ãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åˆ©ç”¨ã—ã¦è»½å¿«ãªUIã‚’å®Ÿè£…ã—ã‚ˆã†ã¨ã„ã†é¢¨æ½®ãŒé«˜ã¾ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€å®Ÿã¯ã™ã¹ã¦ã®CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒmobile safariã§è»½å¿«ã«å‹•ãã¨ã„ã†è¨³ã§ã¯ãªã„ã‚ˆã†ã§ã™ã€‚ CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒè»½å¿«ã«å‹•ã(ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹)ç†ç”± çµè«–ã‹ã‚‰ã„ã†ã¨ã€safariã¨ã„ã†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®åŠ›ã ã‘ã§ãªãã€iPhoneã‚„iPadã®ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã®åŠ›ã‚’å€Ÿã‚Šã‚‰ã‚Œã‚‹ã‹ã‚‰ã§ã™ã€‚ ãã†ã„ã£ãŸã€ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã®ã“ã¨ã‚’ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨å‘¼ã¶ã‚ˆã†ã§ã™ã€‚è©³ã—ãã¯å‚è€ƒãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ â€»å‚è€ƒ Hardware acceleration â€“ Wikipedia, the free encyclopedia ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚¿ã¨ã¯
hiro-tak 2011/03/04
safari

css3

iphone

css

mobile
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶å‹•ä½œã®ç†è§£ï¼ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®è² è·ã‚’æ¸¬ã‚‹ | ã‚†ã£ãã‚Šã¨â€¦
è»¢å‹¤ãƒ»å˜èº«èµ´ä»»ã¨ã„ã†ãƒ©ã‚¤ãƒ•ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆãŒã‚ã‚Šã€ã™ã£ã‹ã‚Šæ›´æ–°ãŒæ¢ã¾ã£ã¦ã„ã¾ã—ãŸãŒã€å‰å›ž ã«ç¶šãã€ã€ŒRendering: repaint, reflow/relayout, restyleã€ã‹ã‚‰å¾ŒåŠã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°è² è·ã‚’æ¸¬ã‚‹ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚è¨˜äº‹ä¸ã® ãƒªãƒ•ãƒãƒ¼ ã‚„ ãƒªãƒšã‚¤ãƒ³ãƒˆ ã¨ã„ã£ãŸç”¨èªžã¯ã€å‰å›žè¨˜äº‹ã€Œç”¨èªžã®å®šç¾©ã€ ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ å…ƒè¨˜äº‹ã¯åˆç¨¿ãŒ2009å¹´12æœˆã§ãƒ„ãƒ¼ãƒ«ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚‚å¤ã„ãŸã‚ã€ç¾æ™‚ç‚¹ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§è¨˜äº‹ã‚’å†æ§‹æˆã—ã¦ã„ã¾ã™ã€‚ã¾ãŸå®Ÿè¡Œç’°å¢ƒã«ã‚ˆã£ã¦è¦³æ¸¬çµæžœãŒç•°ãªã‚‹ãŸã‚ ï¼ˆéžåŠ›ãªãƒžã‚·ãƒ³ã®æ–¹ãŒãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°è² è·ã®å‰²åˆãŒé«˜ã„ã‘ã©ã€ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã¯åˆ†ã‹ã‚Šã‚„ã™ã„ï¼‰ã€ä»¥ä¸‹ã«æœ¬è¨˜äº‹ã§è©¦ã—ãŸç’°å¢ƒã‚’è¨˜ã—ã¦ãŠãã¾ã™ã€‚ dynaTrace AJAX Edition ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼šVersion: 2.1.0.603, built on 2010-12-15 ãƒ–ãƒ©ã‚¦ã‚¶ã€PCï¼šIE8 / Wind
hiro-tak 2011/02/17
CSS

ãƒ–ãƒ©ã‚¦ã‚¶

ãƒ„ãƒ¼ãƒ«

chrome

javascript

performance
ãƒªãƒ³ã‚¯
applyCSS - Google æ¤œç´¢
docs.oracle.com â€º javase â€º java fx â€º api â€º java fx â€º scene â€º Node ã“ã®ãƒŽãƒ¼ãƒ‰ã«å¯¾ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒ»ãƒãƒ³ãƒ‰ãƒ©ã‚’ç™»éŒ²ã—ã¾ã™ã€‚ void, applyCss(). å¿…è¦ã«å¿œã˜ã¦ã€ã“ã®ãƒŽãƒ¼ãƒ‰ã¨ãã®å(å˜åœ¨ã™ã‚‹å ´åˆ)ã«ã‚¹ã‚¿ã‚¤ãƒ«Â ...
hiro-tak 2010/10/05
iframeã«css

js

css
ãƒªãƒ³ã‚¯
å°åˆ·ç”¨ã® CSS ã¨ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
URL ã®ãƒªã‚¹ãƒˆã‚’å‡ºåŠ›ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä¸€éƒ¨ä¿®æ£ã—ã¦ Gist ã«ç½®ãã¾ã—ãŸã€‚ ã“ã®ã‚µã‚¤ãƒˆã®å°åˆ·æ™‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¨ã„ã†ã‚‚ã®ã‚’ã¾ã£ãŸãè€ƒãˆã¦ã„ãªã‹ã£ãŸã“ã¨ã«æ°—ã¥ã„ãŸã®ã§ã€ã‚ã‚ã¦ã¦ CSS ã¨ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ›¸ã„ã¦å¯¾å¿œã—ãŸã€‚ãƒ†ã‚¹ãƒˆã™ã‚‹ã®ã«çµæ§‹ãªé‡ã®ç´™ã‚’æ¶ˆè²»ã—ãŸã‘ã©ã€ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã‚‹äººã«ã¯å°åˆ·ã—ã¦ã‚‚ã‚‰ã‚ãªã„é™ã‚Šå·¥å¤«ãŒä¼ã‚ã‚“ãªã„ã£ã¦ã®ãŒãªã‚“ã‹ã‚‚ã£ãŸã„ãªã„ã¨ã‹æ€ã£ãŸã®ã§ã€ã‚„ã£ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦è¨˜äº‹ã«ã—ã¦ã¿ã‚‹ã€‚ Fig 1: ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ Fig 2: å°åˆ·ãƒ—ãƒ¬ãƒ´ãƒ¥ãƒ¼ CSS ãƒ•ã‚¡ã‚¤ãƒ« å°åˆ·å°‚ç”¨ã® CSS ãƒ•ã‚¡ã‚¤ãƒ«ã¯ç”¨æ„ã›ãšã€æ±Žç”¨ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã®æœ«å°¾ã« @media ãƒ«ãƒ¼ãƒ«ã§è¨˜è¿°ã—ã¦ã„ã‚‹ã€‚ã‚µã‚¤ãƒˆã®è¦æ¨¡ã‚„é‹ç”¨æ–¹æ³•ãªã‚“ã‹ã«ã‚‚ã‚ˆã‚‹ã ã‚ã†ã‘ã©ã€ãƒ•ã‚¡ã‚¤ãƒ«æ•°ã¯ãªã‚‹ã¹ãæ¸›ã‚‰ã—ãŸã„ã®ã§ã€‚ ä¸è¦ãªè¦ç´ ã‚’å‰Šé™¤ CSS ã§ã¯ã¾ãšã¯å°åˆ·ç‰©ã¨ã—ã¦å¿…è¦ã®ãªã„è¦ç´ ã‚’ display: none; ã§å‰Šé™¤ã€‚å„ç¨®ãƒŠãƒ“ã‚²ãƒ¼ã‚·
hiro-tak 2010/06/09
css

å°åˆ·

css

jquery
ãƒªãƒ³ã‚¯
æœ€è¿‘ã¯word-breakã™ã‚‹ã®ã«JSã¯ä½¿ã‚ãªã„ã»ã†ãŒã„ã„ã¿ãŸã„ - Webtech Walker
Twitter / tacamy: { word-wrap: break-word; } ... ã¨ã„ã†ã“ã¨ãªã®ã§JSã‚’ä½¿ã‚ãšã«CSSã ã‘ã§ã‚„ã‚Œã‚‹ã¿ãŸã„ã§ã™ã€‚ã—ã‹ã‚‚ã“ã‚Œã ã‘ã€‚ .word_wrap { word-wrap: break-word; } IE6ã€7ã€8ã€Firefox3.6ã€Safari4ã€Chromeã€Opera10.52ã§ç¢ºèªã—ã¾ã—ãŸã‘ã©ã“ã‚Œã ã‘ã§å…¨éƒ¨ã„ã‘ã¾ã™ã€‚ãƒ–ãƒ©ãƒœãƒ¼ã€‚ <div class="word_wrap">http://ja.wikipedia.org/wiki/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3</div> <div class="word_wrap">aaaa
hiro-tak 2010/04/27
css

js
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›†CSSãƒãƒƒã‚¯ã«ç¶šãã€ã“ã®CSSå°æŠ€é›†ã‚‚ç§ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã«ãšã‚‰ã‚Šã¨ä¸¦ã‚“ã§ã„ãŸã®ã§ã€æ•´ç†ã‚‚å…¼ãã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã—ãŸã€‚CSSã®ãŠå‹‰å¼·ã‚’å§‹ã‚ãŸã°ã‹ã‚Šã®é ƒã«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠã„ãŸã‚‚ã®ã‚‚å¤šæ•°ã€‚ã€‚ã¨ã„ã†ã“ã¨ã§åˆå¿ƒè€…ã•ã‚“ã‹ã‚‰ãƒ™ãƒ†ãƒ©ãƒ³ã•ã‚“ã¾ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ ã‚³ãƒ¼ãƒ‰ã¯ã‚µãƒ³ãƒ—ãƒ«å†…ã®ã€ŒHTMLã€ã‚„ã€ŒCSSã€ã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ãï¼ å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª CSS å°æŠ€é›† ã‚·ãƒªãƒ¼ã‚ºã€ç¬¬ 2 å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª 20 ã® CSS å°æŠ€é›†ã€ç¬¬ 3 å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª 15 ã® CSS å°æŠ€é›†ã¾ãšã¯ CSS åŸºç¤Žç·¨1. div ã‚’ä¸å¤®æƒãˆã«ã™ã‚‹ã»ã¨ã‚“ã©ã®ã‚µã‚¤ãƒˆãŒåŸºæº–ã¨ãªã‚‹ div ã‚’ç”»é¢ã®ä¸å¤®æƒãˆã«è¨å®šã—ã¦ã„ã¾ã™ã€‚å·¦å³ã® margin ã‚’ auto ã«ã—ã¦ä¸å¤®æƒãˆã«ã€‚ 3. è¤‡æ•°ã®ã‚¯ãƒ©ã‚¹ã‚’æŒ‡å®šå®Ÿã¯ã‚¯ãƒ©ã‚¹ã¯ä¸€åº¦ã«è¤‡æ•°æŒ‡å®šã§ãã¾ã™ã€‚ã‚¹ãƒšãƒ¼ã‚¹ã‚’ç©ºã‘
hiro-tak 2010/04/16
css

å°æŠ€
ãƒªãƒ³ã‚¯
Answer : Shared Memory Problem - no space at /dev/shm causes SIGBUS
Consultez GNT depuis votre mobile, tablette, ordinateur, pour 1â‚¬ par mois sans publicitÃ© et avec des fonctionnalitÃ©s exclusives !
hiro-tak 2010/03/05
ie8

bug

opacity

css
ãƒªãƒ³ã‚¯
Lighthouse - Beautifully Simple Issue Tracking
hiro-tak 2010/03/05
ie8

bug

css

opacity
ãƒªãƒ³ã‚¯
ã€ç‰¹é›†ã€‘CSSå®Ÿè£…å¾¹åº•æ¤œè¨¼! ãã“ãŒçŸ¥ã‚ŠãŸã„Internet Explorer 7 (23) 08-01 ãƒ–ãƒãƒƒã‚¯è¦ç´ åŒ–ã«ã‚ˆã‚‹å•é¡Œ | ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ– | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
ãƒªã‚¹ãƒˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ–ãƒãƒƒã‚¯è¦ç´ åŒ–ã™ã‚‹ã¨ä½™ç™½ãŒæŒ¿å…¥ã•ã‚Œã‚‹å•é¡Œ[æœªä¿®æ£] IEã§ã¯ã€ãƒªã‚¹ãƒˆå†…ã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã‚’ãƒ–ãƒãƒƒã‚¯è¦ç´ åŒ–ã™ã‚‹ã¨ã€ãƒªã‚¹ãƒˆã®å„é …ç›®ã®ä¸‹ã«ä½™ç™½ãŒæŒ¿å…¥ã•ã‚Œã‚‹ã¨ã„ã†å•é¡ŒãŒç™ºç”Ÿã™ã‚‹ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹8-1-0ã§ã¯ã€ãƒªã‚¹ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦ãƒªãƒ³ã‚¯ã‚’è¨˜è¿°ã—ã¦ã„ã‚‹ã€‚ãƒªãƒ³ã‚¯éƒ¨åˆ†ã«ã¯èƒŒæ™¯è‰²ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒ‡å®šã—ã¦ã„ã‚‹ãŒã€<a>ã§æ§‹æˆã•ã‚Œã‚‹ã®ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã§ã‚ã‚‹ãŸã‚ã€ãã®ã¾ã¾ã§ã¯æ–‡å—ã®éƒ¨åˆ†ã ã‘ãŒãƒªãƒ³ã‚¯ã¨ã—ã¦æ©Ÿèƒ½ã™ã‚‹ã€‚ã“ã®æ®µéšŽã§ã¯ã€ãƒªã‚¹ãƒˆã®å„é …ç›®ã®ä¸‹ã«ä½™ç™½ã¯ãªãã€ã™ã¹ã¦ã®é …ç›®ãŒãã£ã¤ã„ã¦è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ å›³8-1-0a:IE6ã§ã®è¡¨ç¤º å›³8-1-0b:IE7 beta2ã§ã®è¡¨ç¤º å›³8-1-0c:Firefoxã§ã®è¡¨ç¤º ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹8-1-0 aÂ Â Â Â {background-color:cyan; padding: 5px; color: black; text-decoration:none
hiro-tak 2010/03/04
ie

bug

CSS

css
ãƒªãƒ³ã‚¯
[CSS]æ°—ã‚’ã¤ã‘ãŸã„IE 7ã®ãƒã‚° -CSS-Discuss
CSS-Discussã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹ã€ŒIE 7 Bugsã€ã®æ„è¨³ã§ã™ã€‚ çœç•¥ã—ã¦ã„ã‚‹ç®‡æ‰€ã‚‚å¤šæ•°ã‚ã‚‹ã®ã§ã€åŽŸæ–‡ã‚‚å‚ç…§ãã ã•ã„ã€‚ Internet Explorer Win Bugs - css-discuss æ³¨æ„ï¼š ãƒã‚°ã«ã¯ã€IE7ã®ã¿ã§ãªãã€IE 5, 5.5, 6ã®ã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ å…¬é–‹ã•ã‚Œã¦ã‹ã‚‰æ™‚é–“ãŒçµŒã£ã¦ã„ã‚‹ãŸã‚ã‹ã€ã¡ã‚‡ã£ã¨å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ IEã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®ãƒã‚° ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®ç¶™æ‰¿ IEã®ç›¸å¯¾æŒ‡å®šã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®ç¶™æ‰¿ã¯ã€ã†ã¾ãæ©Ÿèƒ½ã—ã¾ã›ã‚“ã€‚ ç›¸å¯¾æŒ‡å®šã‚’è¡Œã†å ´åˆã€emã‚ˆã‚Š%ã§æŒ‡å®šã‚’è¡Œã†æ–¹ãŒä¾¿åˆ©ã§ã™ã€‚ã‚‚ã—ã€emæŒ‡å®šã‚’è¡Œã†å ´åˆã¯æœ€åˆã«%æŒ‡å®šã‚’è¡Œã£ã¦ãã ã•ã„ã€‚ ä¾‹ï¼š body{ font-size:Â 100.01%; } â€»100%ã®ä»£ã‚ã‚Šã«100.01%ã‚’ä½¿ç”¨ã™ã‚‹ã®ã¯ã€Operaã§ã®ç¶™æ‰¿ãƒã‚°ã®å›žé¿ã®ãŸã‚ã§ã™ã€‚ ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰æŒ‡å®šã§ã®ã‚µã‚¤ã‚º ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã«ã€Œsmall
hiro-tak 2010/03/04
ie

IE7

CSS

bug

ãƒã‚°
ãƒªãƒ³ã‚¯
Valid HTML/XHTML - I'll sleep on it.
HTML-lintã¨ã„ã†ã¨ã€ã¾ã‚ä¸€èˆ¬çš„ã«ã¯Another HTML-lintã‚’æŒ‡ã™ã ã‚ã†ã€‚ã£ã¦ä½•å‡¦ã®ä¸€èˆ¬ãªã®ã‹ã¯çŸ¥ã‚‰ã‚“ãŒã€‚Another HTML-lintã¯éžå¸¸ã«è‰¯ã„ã‚µãƒ¼ãƒ“ã‚¹ã§ã€å˜ãªã‚‹æ–‡æ³•ãƒã‚§ãƒƒã‚¯ã«ã¨ã©ã¾ã‚‰ãšã€ã„ã‚ã‚†ã‚‹å®—æ•™çš„ã¨å‘¼ã°ã‚Œã‚‹ãŸãã„ã®æ–‡æ³•ã§ã‚ã‚‹ã¨ã‹ã€WCAGã«åŸºã¥ãã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®ãƒã‚§ãƒƒã‚¯ã¾ã§ã‚‚å‡ºæ¥ãŸã‚Šã™ã‚‹ã€‚ ã‚ãƒ¼ä¾¿åˆ©ã ã€ä¾¿åˆ©ã€‚ãƒžã‚¸ä¾¿åˆ©ã€‚ ã“ã®ãƒã‚§ãƒƒã‚¯ã¯æŽ¡ç‚¹æ–¹å¼ã§è¡Œã‚ã‚Œã‚‹ã®ã ãŒã€DTDçš„ã«ã¯ã‚ãã¾ã§Validãªæ–‡æ›¸ã§ã‚ã£ã¦ã‚‚ã€å®Ÿéš›ã«ã¯æ¸›ç‚¹ã•ã‚ŒãŸã‚Šã‚‚ã™ã‚‹ã€‚ãŸã¨ãˆã°ã€spanè¦ç´ ãŒç©ºã ã£ãŸã‚Šã€pè¦ç´ ã®ä¸ãŒbrè¦ç´ ã ã‘ã ã£ãŸã‚Šã¨ã‹ã€ã“ã†ã„ã†ã®ã¯æ¸›ç‚¹ã•ã‚Œã‚‹ã€‚Authorã¯æ¸›ç‚¹ã•ã‚Œã‚‹ã®ã‚’é˜²ããŒãŸã‚ã ã‘ã«ã€è¦‹æ „ãˆçš„ã«å½±éŸ¿ã‚’ã‚ã¾ã‚ŠåŠã¼ã•ãªã„ç¯„å›²ã€ã¤ã¾ã‚ŠãŸã¨ãˆã°ç©ºç™½ã‚’å…¥ã‚Œã¦ã¿ãŸã‚Šã™ã‚‹ã€‚ä»Šã®Another HTML-lintã§ã¯ãã‚Œã§ã‚‚è¦å‘Šã‚’ç™ºã™ã‚‹ã€‚ã„ã‚„ãƒ¼ç´ æ™´ã‚‰ã—ã„ã€‚å˜ã«DTDçš„ã«Validã‹I
hiro-tak 2009/12/31
html

èªã¿ç‰©

CSS
ãƒªãƒ³ã‚¯
IE8 ã§å®Ÿè£…ã•ã‚ŒãŸ Selectors API ã¨ã¯ä½•ã‹ï¼Ÿ - ITæˆ¦è¨˜
ã¯ã˜ã‚ã« IE8 ã«ã¯ Selectors API ã¨ã„ã†æ–°ã—ã„ä»•æ§˜ãŒå®Ÿè£…ã•ã‚Œã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå¾Œ DOM æ“ä½œ API ã®ä¸»æµã«ãªã‚‹ã§ã‚ã‚ã† Selectors API ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Selectors API ãŒä½¿ãˆã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ 2008 å¹´ 3 æœˆ 6 æ—¥ç¾åœ¨ã®ä¸€è¦§ WebKit Build Archives | WebKit (é–‹ç™ºç‰ˆã® Safari) Windows | Official Site for Microsoft Windows 10 Home & Pro OS, laptops, PCs, tablets & more (IE8 ã® Beta ç‰ˆ) Selectors API ã¨ã¯ Selectors API ã¨ã¯ W3C ã§å®šç¾©ã•ã‚ŒãŸä»•æ§˜ã§ã™ã€‚è©³ç´°ã«é–¢ã—ã¦ã¯ã“ã¡ã‚‰ã‚’ã©ã†ãž ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ getElementsByTagName ã‚„ getE
hiro-tak 2009/12/30
XPath

IE

ie8

javascript

js

document

api

css

dom
ãƒªãƒ³ã‚¯
Copper PDF
Copper PDF 3.2.29 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ 2024å¹´9æœˆ25æ—¥ Copper PDF 3.2.28 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ 2024å¹´7æœˆ12æ—¥ Javaç‰ˆãƒ‰ãƒ©ã‚¤ãƒ 2.2.3ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ 2024å¹´3æœˆ26æ—¥ Javaç‰ˆãƒ‰ãƒ©ã‚¤ãƒ 2.2.2ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ 2024å¹´3æœˆ13æ—¥ Copper PDF 3.2.27 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ 2023å¹´12æœˆ18æ—¥ Copper PDF 3.2.26 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ 2023å¹´12æœˆ12æ—¥ Copper PDF 3.2.25 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ 2023å¹´10æœˆ4æ—¥ Copper PDF 3.2.24 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ 2023å¹´9æœˆ12æ—¥ ãƒ‰ãƒ©ã‚¤ãƒã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã«ã¤ã„ã¦ï¼ˆSourceForge / OSDNã®éšœå®³ï¼‰ 2023å¹´7æœˆ21æ—¥ Copper PDF 3.2.23 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ 2023å¹´6æœˆ13æ—¥ Apa
hiro-tak 2009/12/27
css

html
ãƒªãƒ³ã‚¯
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting
Code Archive Skip to content Google About Google Privacy Terms
hiro-tak 2009/12/25
css

javascript

js
ãƒªãƒ³ã‚¯
Webé–¢é€£æŠ€è¡“ã®ä»•æ§˜æ›¸é‚¦è¨³
ï»¿ Webé–¢é€£æŠ€è¡“ã®ä»•æ§˜æ›¸é‚¦è¨³ CSS 2.1 Appendix C é‚¦è¨³ CSS2ã‹ã‚‰ã®å¤‰æ›´ç‚¹ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã™ã€‚ CSS3 Generated and Replaced Content Module é‚¦è¨³ CSS3 Generated and Replaced Content Moduleã®é‚¦è¨³æ–‡æ›¸ã§ã™ã€‚ CSS3 Backgrounds and Borders Module é‚¦è¨³ CSS3 Backgrounds and Borders Moduleã®é‚¦è¨³æ–‡æ›¸ã§ã™ã€‚ CSS3 module: The box model é‚¦è¨³ CSS3 module: The box modelã®é‚¦è¨³æ–‡æ›¸ã§ã™ã€‚ CSS3 Hyperlink Presentation Module é‚¦è¨³ CSS3 Hyperlink Presentation Moduleã®é‚¦è¨³æ–‡æ›¸ã§ã™ã€‚ CSS3 T
hiro-tak 2009/12/25
css3

CSS
ãƒªãƒ³ã‚¯
é«˜é€Ÿãª CSS ã‚»ãƒ¬ã‚¯ã‚¿ã‚¨ãƒ³ã‚¸ãƒ³ã€ŒSizzleã€ã€ŒPeppyã€ã‚’è©¦ã™ - WebOS Goodies
æœ€è¿‘ã®ã»ã¨ã‚“ã©ã® JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¯ã€ CSS ã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚ˆã‚‹ DOM ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å–å¾—æ©Ÿèƒ½ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚è¤‡æ•°ã®è¦ç´ ã‚’æŸ”è»Ÿãªæ¡ä»¶ã§å–å¾—ã§ãã‚‹ã®ã§ã€ DOM ãƒ„ãƒªãƒ¼ã®æ“ä½œãŒã‚·ãƒ³ãƒ—ãƒ«ã«è¨˜è¿°ã§ãã€ã¨ã¦ã‚‚ä¾¿åˆ©ã§ã™ã€‚ã—ã‹ã—ã€å˜ã« CSS ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã„ãŸã„ã ã‘ãªã®ã«ã€ãƒ•ãƒ«æ©Ÿèƒ½ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’èªã¿è¾¼ã‚€ã®ã¯ã¡ã‚‡ã£ã¨æŠµæŠ—ãŒã‚ã‚Šã¾ã™ã‚ˆãã€‚ ãã‚“ãªæ‚©ã¿ã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹ã®ãŒã€æœ¬æ—¥ã”ç´¹ä»‹ã™ã‚‹ Sizzle, Peppy ã¨ã„ã† 2 ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã“ã‚Œã‚‰ã¯ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ä¾å˜ã—ãªã„ç‹¬ç«‹ã—ãŸ CSS ã‚»ãƒ¬ã‚¯ã‚¿ã‚¨ãƒ³ã‚¸ãƒ³ã§ã€ã—ã‹ã‚‚ jQuery ç‰ã®æ—¢å˜ã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚ˆã‚Šæ•°å€é«˜é€Ÿã«å‹•ä½œã—ã¾ã™ã€‚ unobtrusive ãª Web ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã®é–‹ç™ºã‚„ã€ç‹¬è‡ªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é–‹ç™ºã«æœ€é©ã§ã™ãã€‚ãã®ä»–ã«ã‚‚åºƒç¯„ãªç”¨é€”ã«ä½¿ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ ä»¥ä¸‹ã§ã“ã‚Œã‚‰ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä½¿ã„æ–¹ã‚„å‹•ä½œé€Ÿåº¦ç‰ã®æ¤œè¨¼çµæžœã‚’æŽ²
hiro-tak 2009/12/18
js

css
ãƒªãƒ³ã‚¯
Railsã®ã‚¯ãƒ¼ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸€çž¬ã§è‡ªå‹•ç”Ÿæˆã™ã‚‹ã€ŒWeb App Themeã€ãŒã‚¹ãƒ†ã‚ - ã“ã®ãƒ–ãƒã‚°ã¯è¨¼æ˜Žã§ããªã„ã€‚
4æ³ã®é•·å¥³ãŒãƒ—ãƒªã‚ãƒ¥ã‚¢ã«ãƒãƒžã£ã¦ã„ã¾ã™ã€‚ãƒ”ãƒ¼ãƒã‚’ç›®æŒ‡ã—ã¦ã„ã‚‹ã‚“ã ãã†ã§ã™ã€‚ã§ã™ãŒã€æ™®æ®µã‹ã‚‰çµžã‚æŠ€ã‚„é–¢ç¯€æŠ€ã‚’æ•™ãˆã¦ã„ã‚‹ã®ã§ã€å¯æŠ€ã‹ã‚‰ã®è…•ã²ã—ãŽåå—å›ºã‚ã‚’ç‹™ã£ã¦ãã¾ã™ã€‚ãã‚“ãªãƒ—ãƒªã‚ãƒ¥ã‚¢ã¯ã„ã¾ã›ã‚“ã€‚ã‚ãƒ¥ã‚¢ãƒ»ãƒŽã‚²ã‚¤ãƒ©ã§ã™ã‹ã€‚ã€‚ã€‚ Web App Themeã¨ã„ã†Railsã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚‹ã®ã§ã™ãŒã€ã“ã‚ŒãŒã‚¹ãƒ†ã‚ã™ãŽã‚‹ã®ã§ã™ã€‚ã‚¯ãƒ¼ãƒ«ãªã‚«ãƒ³ã‚¸ã®ãƒ†ãƒ¼ãƒžï¼ˆãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼†ã‚¹ã‚¿ã‚¤ãƒ«ï¼‰ã‚’ä¸€çž¬ã«ã—ã¦è‡ªå‹•ç”Ÿæˆã—ã¦ãã‚Œã¾ã™ã€‚ãŠã€è½ã¡ç€ã„ã¦ã€‚ã‚†ã£ãã‚Šèª¬æ˜Žã™ã‚‹ã‹ã‚‰ã€‚ã¨ã«ã‹ãèžã„ã¦ãã ã•ã„ã€‚ ã¾ãšã€Railsã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã‚Šã¾ã™ã€‚ $ rails memo_app cd memo_app æ‰‹æŠœãã™ã‚‹ãŸã‚ã«ã€scaffoldã‚’ä½¿ã„ã¾ã™ã€‚ã§ã€db:migrateã—ã¦ã€serverã‚’èµ·å‹•ã€‚ $ script/generate scaffold memo title:string body:text $ rake db:migr
hiro-tak 2009/12/05
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

css

theme

rails
ãƒªãƒ³ã‚¯
HTML CSS ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ â€“ Kangaroonote
GitHub ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹é€ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹é€ ã€ãƒ•ã‚¡ã‚¤ãƒ«æ§‹æˆã¯æ¡ˆä»¶æ¯Žã«æœ€é©ãªæ–¹æ³•ã‚’æ¤œè¨Ž ãŸã ã—å…¬é–‹ãƒ•ã‚¡ã‚¤ãƒ«ã¨å…¬é–‹ä¸è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆSASS ã‚„ node_modules ãªã©ï¼‰ã¯æ˜Žç¢ºã«åˆ†ã‘ã‚‹ ç‰¹ã«ç†ç”±ãŒãªã‘ã‚Œã°ä¸‹è¨˜ã®å½¢ã«ã™ã‚‹ root/ â”œâ”€â”€ dist/ â””â”€â”€ index.html â””â”€â”€css/ â””â”€â”€js/ â””â”€â”€images/ â””â”€â”€ src/ â””â”€â”€sass/ â””â”€â”€style.scss â””â”€â”€_var.scss â””â”€â”€_mixin.scss â””â”€â”€_header-footer.scss â””â”€â”€_compo-list.scss â””â”€â”€_compo-table.scss â””â”€â”€_compo.scss â””â”€â”€_single-propery.scss â””â”€â”€_animation.scss åŸºæœ¬ãƒ«ãƒ¼ãƒ« å‘½åè¦å‰‡ IDåã€ã‚¯ãƒ©ã‚¹åã€ãƒ•ã‚¡ã‚¤ãƒ«åã§å˜èªžã‚’ã¤ãªãå ´åˆã¯ -ï¼ˆãƒã‚¤ãƒ•ãƒ³ï¼‰ã‚’ä½¿ç”¨è¦ªè¦
hiro-tak 2009/11/06
åå‰

id

class

å‘½å

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