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

aroma_black id:aroma_black

cssã«é–¢ã™ã‚‹aroma_blackã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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 Spriteç”»åƒã¯DataURIç”»åƒã«ã™ã¹ãã‹ï¼Ÿ - MOL
æœ€è¿‘ã€ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”»åƒã¯DataURIã«ã™ã¹ãã§ã™ã‹ï¼Ÿã¨ã„ã†è³ªå•ãŒå¤šãã¦ã€èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ã¦ã‹ã€å‰ã®ã‚‚ãã‚“ãªè©±é¡ŒãŒã‚ã£ãŸã‚ˆã†ãªã€‚DataURIã£ã¦ãªã‚“ãžã£ã¦æ–¹ã¯ä¸‹è¨˜ã‚’è¦‹ã¦ã»ã—ã„ã€‚ ãƒ‡ãƒ¼ã‚¿URIã‚¹ã‚ãƒ¼ãƒ | MOL CSSãƒ•ã‚¡ã‚¤ãƒ«ãŒãƒ‘ãƒ¼ã‚¹ã•ã‚Œãªã‘ã‚Œã°ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒå§‹ã¾ã‚‰ãªã„ã®ã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã®è‚¥å¤§åŒ–ã¯çµ¶å¯¾ã«é¿ã‘ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€‚ç”»åƒã®1KBã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã®1KBã‚’åŒã˜ã‚ˆã†ã«è€ƒãˆã¦ã¯ã„ã‘ãªã„ã€‚ â€• ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãã‚‡ã†ã®ã—ãƒ¼ãˆã—ã‚…ãˆã—ã‚… ã‚ã€ãƒ›ãƒ³ãƒˆãã†ã ã£ã‘ãƒ¼ãªãƒ¼ã¨æ€ã„ã¤ã¤ã€ã©ã“ãžã®è³‡æ–™è¦‹ãŸã‚“ã ã£ã‘ãªãƒ¼ã¨æŽ¢ã—ã¦ãŸã‚‰ã‚ã£ãŸã€‚ Optimizing the Critical Rendering Path for Instant Mobile Websites - Velocity SC 2013 ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ã™ã”ãåˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ï¼ˆè©²å½“ã®ç®‡æ‰€ã¯12åˆ†ä½ã‹ã‚‰ï¼‰ã€‚ã¨ã„ã†ã‹Ilya
aroma_black 2016/03/23
css

DOM

HTML
ãƒªãƒ³ã‚¯
ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„CSSã®12ã®äº‹å®Ÿ(ç¶šç·¨) | POSTD
1å¹´ä»¥ä¸Šå‰ã«ã€ç§ã¯æœ€åˆã® 12 Little-known CSS Factsï¼ˆã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„CSSã®12ã®äº‹å®Ÿï¼‰ ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚SitePointã§æœ€ã‚‚äººæ°—ã®é«˜ã„è¨˜äº‹ã¨ãªã‚Šã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã‚’æ›¸ã„ãŸå¾Œã‚‚ã€ç§ã¯CSSã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚„ã¡ã‚‡ã£ã¨ã—ãŸæƒ…å ±ã®åŽé›†ã‚’ç¶šã‘ã¾ã—ãŸã€‚ã ã£ã¦ã€å¤§ãƒ’ãƒƒãƒˆæ˜ ç”»ã‚‚å¿…ãšç¶šç·¨ã‚’åˆ¶ä½œã™ã‚‹ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ æ³¨é‡ˆ SitePoint/ Natalia Balska ã«ã‚ˆã‚‹ã‚¤ãƒ©ã‚¹ãƒˆ ãã‚Œã§ã¯ã€æ—©é€Ÿä»Šå¹´ã‚‚é–‹ç™ºã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹12ã®äº‹å®Ÿã«ã¤ã„ã¦è©±ã—ã¾ã—ã‚‡ã†ã€‚ã‚‚ã¡ã‚ã‚“ã€ä¸ã«ã¯ã‚‚ã†ã™ã§ã«ã”å˜ã˜ã®ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã®ä¸ã§åˆã‚ã¦çŸ¥ã£ãŸã¨ã„ã†äº‹å®ŸãŒã‚ã‚Šã¾ã—ãŸã‚‰ã€ã‚³ãƒ¡ãƒ³ãƒˆã§ãŠçŸ¥ã‚‰ã›ãã ã•ã„ã€‚ 1. border-radius ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«â€ã‚¹ãƒ©ãƒƒã‚·ãƒ¥â€ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚’ä½¿ç”¨ã§ãã‚‹äº‹å®Ÿ ã“ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ã¯SitePointã«4å¹´ä»¥ä¸Š å‰ã«æ›¸ã„ãŸ ã®ã§ã™ãŒã€ã“ã®æ©Ÿèƒ½ãŒå˜åœ¨ã™ã‚‹ã“ã¨ã‚’ã€æœª
aroma_black 2015/08/31
css

tips
ãƒªãƒ³ã‚¯
shame.css â€“ CSS Wizardry
17 April, 2013 shame.css Written by Harry Roberts on CSS Wizardry. N.B. All code can now be licensed under the permissive MIT license. Read more about licensing CSS Wizardry code samplesâ€¦ Table of Contents The probl em The solution Featured case study: NHS Not a blame game The rules Example Implementation Keep track of your hacks! Update: I did a short interview about shame.css with .net magazine.
aroma_black 2013/06/05
ã‚¯ã‚½ã‚³ãƒ¼ãƒ‰ãªã‚‰ã¬ã‚¯ã‚½CSSã¯shame.cssã«æ›¸ãã¨ã„ã†ãƒãƒƒã‚¯

css
ãƒªãƒ³ã‚¯
CSSã®vertical-alignã«ã¤ã„ã¦ - PYTHONIC BOOM BOOM HEAD
å¤§å‰æã¨ã—ã¦ã€åƒ•ã®çŸ¥è˜ã¯åŸºæœ¬çš„ã«CSS2æ¢ã¾ã‚Šã§ã™ã€‚ã¾ãŸã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ä»Šã¯(css3ã§ã¯)ã“ã†ã™ã‚‹ã®ãŒãƒˆãƒ¬ãƒ³ãƒ‰ã ã‚ˆãƒ¼ã¨ã‹ã‚ã‚Œã°æ•™ãˆã¦é ‚ã‘ã‚‹ã¨å¤§å¤‰å–œã³ã¾ã™ã€‚ æ˜¨å¤œtwitterã§403 Forbiddenã¨ã„ã†è¨˜äº‹ã‚’ç´¹ä»‹ã—ã¦ã‚‚ã‚‰ã£ãŸã€‚ç¢ºã‹ã«æ˜”ãƒãƒžã£ãŸã“ã¨ã‚ã‚‹ãªãƒ¼ã¨æ€ã„ã¤ã¤vertical-alignã§æ¤œç´¢ã—ã‚ˆã†ã¨ã—ãŸã‚‰ã€Œvertical-align åŠ¹ã‹ãªã„ã€ãŒå€™è£œã«å‡ºã¦ããŸã€‚çµæ§‹ã¿ã‚“ãªã¯ã¾ã£ã¦ã‚‹ã‚“ã§ã™ãã€‚ vertical-alignã¯blockè¦ç´ ã«ã¯é©ç”¨ã§ããªã„ ã¾ãšæœ€åˆã«ãƒãƒžã‚‹ãƒã‚¤ãƒ³ãƒˆã€‚ã“ã„ã¤ã¯inline, inline-block, table-cellã«å¯¾ã—ã¦ã—ã‹åŠ¹ã‹ãªã„ã€‚blockè¦ç´ ã«ã¯é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ããªã„ã€‚ æ˜”æ‡ã‹ã—ã„tableãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ„Ÿè¦šã§ div#hoge { vertical-align: middle; } ãªã‚“ã¦ã—ã¦ã‚‚å…¨ãæ„å‘³ãŒç„¡ã„ã€‚ã€Œ
aroma_black 2013/04/03
css
ãƒªãƒ³ã‚¯
vertical-alignã®ä½¿ã„æ–¹ã€css tipsã€‘[to-R]
vertical-alignã®ä½¿ã„æ–¹ã€css tipsã€‘ vertical-alignã¯æ£ã—ãç†è§£ã—ã¦ã„ãªã„ã¨ä½¿ã„ã«ãã„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã‚ã‚‹ã€‚ ç‰¹ã«tableãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‹ã‚‰cssãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ç§»è¡Œã™ã‚‹éš›ã«æ··ä¹±ãŒç™ºç”Ÿã—ãŒã¡ã ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚ˆãä½¿ã†ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‹ã€‚ <table width="200" height="200" bgcolor="#39FF6B"> <tr> <td valign="middle" align="center">ä¸å¤®ã«è¡¨ç¤ºã—ãŸã„æ–‡å—</td> <tr> </table> ã‚µãƒ³ãƒ—ãƒ« ã“ã®ã‚³ãƒ¼ãƒ‰ã‚’cssãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¤‰æ›´ã™ã‚‹éš›ã« HTMLã‚’ <div> <p>ä¸å¤®ã«è¡¨ç¤ºã—ãŸã„æ–‡å—</p> </div> CSSã‚’ div{ width:200px; height:200px; background:#39FF6B; text-align:center; v
aroma_black 2013/04/03
"vertical-alignãŒãƒœãƒƒã‚¯ã‚¹ãƒ¬ãƒ™ãƒ«è¦ç´ ã§ã¯ãªãã€ãƒ†ãƒ¼ãƒ–ãƒ«ã‚»ãƒ«ã®ç¸¦æ–¹å‘ã®æƒãˆä½ç½®ã‚’æŒ‡å®šã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£"

css
ãƒªãƒ³ã‚¯
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯è‰¯ããªã„ã¨æ€ã£ãŸç†ç”± - Librabuch
ã‚‚ã£ã¨æŒ‘ç™ºçš„ãªã‚¿ã‚¤ãƒˆãƒ«ã«ã—ã¦å†’é ã§ã€Œã“ã®ã‚¿ã‚¤ãƒˆãƒ«ã¯é‡£ã‚Šã§ã™ã€ã¨ã‹æ›¸ã“ã†ã¨ã‹æ€ã£ãŸã‘ã©ã€å„æ–¹é¢ã‹ã‚‰ã®å ±å¾©ãŒæ€–ã„ã®ã§æ¢ã‚ãŸï¼ˆâ†ã©ã“ã‹ã‚‰ï¼‰ã€‚ æœ¬æ—¥ã€ãŠä»•äº‹ã§åˆã‚ã¦CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†æ©Ÿä¼šãŒã‚ã£ã¦ãã®ä»•æ§˜çš„ãªã‚‚ã®ã‚’åˆã‚ã¦è¦‹ãŸã®ã ã‘ã‚Œã©ã‚‚ã€ã‹ãªã‚Šã‚·ãƒ§ãƒƒã‚¯ã¨ã„ã†ã‹æ€ã†ã¨ã“ã‚ãŒã‚ã£ãŸã®ã§ã‚¨ãƒ³ãƒˆãƒªã«ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ ãŠãã‚‰ãTwitter BootstrapãŒæœ€ã‚‚æœ‰åã‹ã¤å®Ÿéš›ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã€ã¨æ€ã‚ã‚Œã‚‹ã€‚ ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‹ã€è§’ä¸¸ã§ãŠæ´’è½ãªãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã¨ã‹ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ã‚‰ã‹ã˜ã‚è‰¯ãè¨è¨ˆã•ã‚Œã‚ˆãä½œã‚Šè¾¼ã¾ã‚Œã¦ã„ã¦ã€HTMLã®åˆ¶ä½œè€…ã¯classå±žæ€§ã«ã¡ã‚‡ã¡ã‚‡ã„ã¨è¨˜è¼‰ã™ã‚‹ã ã‘ã§ãŠæ‰‹è»½ã«ã€Œä»Šé¢¨ã€ãªã‚»ãƒ³ã‚¹ã§Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’çµ„ã¿ç«‹ã¦ã‚‰ã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†å‘¼ã³åã«ã¯ç–‘ç¾©ã‚‚ã‚ã‚‹ã‚ˆã†ã ã‘ã‚Œã©ã€æµ·å¤–ã§ã‚‚ãã†å‘¼ã°ã‚Œã¦ã„ã‚‹ã®ã§ä»Šå›žã¯CSSãƒ•ãƒ¬ãƒ¼
aroma_black 2013/03/26
"W3CãŒèºèµ·ã«ãªã£ã¦æŽ’é™¤ã—ã¦ããŸHTMLã®æ´å²ã«ã¾ã‚‹ã§é€†è¡Œã—ã¦ã„ã‚‹ã€‚"

css

web

html
ãƒªãƒ³ã‚¯
CSS-Tricks - A Website About Making Websites
How much attention do you pay to the alignments of your subscripts and superscripts? Lorenz WÃ¶ehr has you covered with a recipe for fluid scaling.
aroma_black 2011/12/10
css
ãƒªãƒ³ã‚¯
IE6ã®ãƒã‚°ã®ã¾ã¨ã‚ - Webtech Walker
XHTML+CSSã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ãã«ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒã‚°ã‚’çŸ¥ã£ã¦ã„ã‚‹ã‹çŸ¥ã‚‰ãªã„ã‹ã§ã¯å¤§ããé•ã„ã¾ã™ã‚ˆãã€‚ã¨ã‚Šã‚ã‘ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚ˆã‚Šãƒã‚°ãŒå¤šã„IE6ã•ã‚“ã®ãƒã‚°ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ãã‚ãã‚IE7ã®è‡ªå‹•é…å¸ƒãŒå§‹ã¾ã‚‹ã“ã‚ãªã®ã§å¿˜ã‚Œãªã„ã†ã¡ã«ã¨ã„ã†ã“ã¨ã§ã€‚ ã¨ã¯è¨€ã£ãŸã‚‚ã®ã®IE6ã®ãƒã‚°ã‚’æ”¹ã‚ã¦è¦‹ã¦ã¿ã‚‹ã¨å¤šã„ï½¥ï½¥ï½¥å¤šã™ãŽã‚‹ã‚ˆï¼é€†ã«ã“ã‚Œã ã‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ãŒã‚ã‚‹ã‹ã‚‰ã“ãã‚³ãƒ¼ãƒ€ãƒ¼ã¨ã„ã†è·ç¨®ãŒã‚ã‚‹æ°—ã•ãˆã—ã¦ãã¾ã™ã€‚ ä»Šå›žã¯ã€ŽCSSãƒã‚°è¾žå…¸ã‚¹ãƒ¬ãƒƒãƒ‰ã€ã®è¦ç´„ã®WinIE CSSãƒã‚°ãƒªã‚¹ãƒˆã‹ã‚‰IE6ã®ãƒã‚°ã‚’æŠœãå‡ºã—ã¦è‡ªåˆ†ã§ã‚ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«ç¨®é¡žã‚ã‘ã—ã¦ã¿ã¾ã—ãŸã€‚ã“ã‚Œã§å…¨ã¦ã§ã¯ãªã„ã§ã™ãŒã“ã‚Œã ã‘çŸ¥ã£ã¦ã‚Œã°ã‹ãªã‚Šã®ã‚±ãƒ¼ã‚¹ã§å¯¾å¿œã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ 2012/07/31 è¿½è¨˜: ãƒªãƒ³ã‚¯å…ˆãŒãªããªã£ãŸã®ã§ãƒªãƒ³ã‚¯ã‚’å¤–ã—ã¦ä¸€è¦§ã ã‘æ®‹ã—ã¨ãã¾ã™ã€‚ ã¡ãªã¿ã«ã“ã®ç¨®é¡žåˆ†ã‘ã‚‚åŽ³å¯†ã§ã¯ãªã„ã®ã§ã‚ã—ã‹ã‚‰ãšã€‚ ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ« maring
aroma_black 2011/11/04
ie6

css

html
ãƒªãƒ³ã‚¯
Twitter logo in CSS3 | eCSSpert.com
Logo recreated using pure HTML and CSS3. No images. No JS. <div id="twitter" class="icon"> <div class="twitter1 draw"></div> <div class="twitter2 mask"></div> <div class="twitter3 draw"></div> <div class="twitter4 mask"></div> <div class="twitter5 draw"></div> <div class="twitter6 draw"></div> <div class="twitter7 draw"></div> <div class="twitter8 mask"></div> <div class="twitter9 draw"></div> <di
aroma_black 2011/10/31
css

WebDesign
ãƒªãƒ³ã‚¯
Components Â· Twitter Bootstrap
Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
aroma_black 2011/08/22
css

webdesign

framework
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿20å€‹ã®ãŠã•ã‚‰ã„
CSSã‚»ãƒ¬ã‚¯ã‚¿ã£ã¦æ„å¤–ã¨åˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§å‹‰å¼·ã¤ã„ã§ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚æ¯”è¼ƒçš„å®Ÿç”¨çš„ã‹ãªã¨æ€ã†ã‚‚ã®ã‚’20å€‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã„ã„å¾©ç¿’ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ å±žæ€§ã‚„è¦ç´ ã¨ã„ã£ãŸå …è‹¦ã—ã„ç”¨èªžãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ ã‚„å±žæ€§ã¨èžã„ã¦ã‚‚ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ãã€‚ ã¾ãŸã€IEãŒå¯¾å¿œã—ãã‚Œã¦ã„ãªã„CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ãŒã€IE6ï½ž8ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆã€ŒSelectivizrã€ ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¯ieå¯¾ç–ã‚‚å®¹æ˜“ãªã®ã§ãœã²ãŠè©¦ã—ãã ã•ã„ã€‚ Selectivizrã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§æŒ‡å®šã—ãŸæ–¹ãŒã„ã„ã®ã§ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«
aroma_black 2011/08/10
css3

css

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

webservice

css
ãƒªãƒ³ã‚¯
https://www.fenrir.co.jp/blog/2011/05/css3.html
aroma_black 2011/05/18
jQuery

iOS

css

jquerymobile
ãƒªãƒ³ã‚¯
DHTML hack expression ã‚’ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å®Ÿè¡Œæ‰‹æ®µã¨ã—ã¦ã®ã¿åˆ©ç”¨ã™ã‚‹
ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãƒ»ãƒ—ãƒãƒ‘ãƒ†ã‚£æœ¬æ¥ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã›ãšã€å˜ã«ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å®Ÿè¡Œã•ã›ã‚‹æ‰‹æ®µã¨ã—ã¦ expression ã‚’ä½¿ã†å ´åˆã€ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã™ã‚‹ãŸã³ã«ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒå‘¼ã³å‡ºã•ã‚Œã‚‹ä»•æ§˜ã¯é€†ã«ãƒŠãƒ³ã‚»ãƒ³ã‚¹ã§ã‚ã‚‹ã€‚ã“ã‚Œã‚’é¿ã‘ã‚‹ãŸã‚ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®æœ€å¾Œã«ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãƒ»ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è§£é™¤ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã™ã‚‹ã€‚å…·ä½“çš„ã«ã¯ expression ã‚’è¨å®šã—ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ãªå€¤ã§ä¸Šæ›¸ãã™ã‚‹ã€‚ #dummy { display: expression((function () { statement1; statement2; statement3; statement4; statement5; this.style.display = "none"; }).call(this)); } ä»¥å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã‚‚å°‘ã—è§¦ã‚ŒãŸãŒã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãƒ»ãƒ—ãƒãƒ‘ãƒ†ã‚£é–¢é€£ã®æ©Ÿèƒ½ã®ã²ã¨ã¤ã«ã€ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒã‚¤ãƒ³ãƒ‰ã‚’è§£é™¤ã™ã‚‹ãŸã‚ã® remove
aroma_black 2010/12/14
expressionã®è©•ä¾¡ã‚’1åº¦ã®ã¿ã«é™å®šã™ã‚‹æ–¹æ³•

css

html
ãƒªãƒ³ã‚¯
Pure CSS GUI icons â€“ Notes by Nicolas Gallagher
An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative probl em solving and working within constraints. This is not a â€œproduction readyâ€ CSS icon set. Demo: Pure CSS GUI icons Known support: Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+. An exercise in constraintSeveral months ago I was experimenting with the creation o
aroma_black 2010/11/20
CSSã ã‘ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹

css
ãƒªãƒ³ã‚¯
CSS3ãŒæ—¥æœ¬èªžã®ç¦å‰‡å‡¦ç†ã€å‚ç‚¹ã€ç¸¦æ›¸ããªã©å¯¾å¿œã¸ã€ãƒ‰ãƒ©ãƒ•ãƒˆå…¬é–‹
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ–°ãŸãªWebæ¨™æº–ã¨ã—ã¦ç¾åœ¨ç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹CSS3ã«å¯¾ã—ã¦ã€æ—¥æœ¬èªžã«å¯¾å¿œã—ãŸç¦å‰‡ã€å‚ç‚¹ï¼ˆåœç‚¹ï¼‰ã€ç¸¦æ›¸ãä»•æ§˜ãªã©ã®æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚ŒãŸãƒ‰ãƒ©ãƒ•ãƒˆãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ 9æœˆ28æ—¥ã«Publickeyã§å…¬é–‹ã—ãŸè¨˜äº‹ã€Œé›»åæ›¸ç±ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã€ŒEPUBã€ã§ç¸¦æ›¸ãã¨ãƒ«ãƒ“ã®ã‚µãƒãƒ¼ãƒˆã€æ¥å¹´5æœˆã«ã¯ä»•æ§˜å®Œæˆã®è¦‹é€šã—ã€ã§ã¯ã€EPUBã§ã®ç¸¦æ›¸ãã‚„ãƒ«ãƒ“ã€å‚ç‚¹ãªã©ã®ä»•æ§˜ã‚’ç–å®šä¸ã§ã‚ã‚‹ã“ã¨ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€EPUBã¯XHTMLã‚„CSSã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸä»•æ§˜ã§ã‚ã‚‹ãŸã‚ã€ä»•æ§˜ç–å®šã®ä½œæ¥ã¯EPUBã¨CSSã®ãã‚Œãžã‚Œã®ã‚°ãƒ«ãƒ¼ãƒ—ãŒå”åŠ›ã—ã¦CSS3ã«å¯¾ã—ã¦æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ã§è¡Œã‚ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã“ã‚ŒãŒæœ€çµ‚çš„ã«CSS3ã®ä»•æ§˜ã¨ã—ã¦ç–å®šã•ã‚Œã‚Œã°ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã®ç¦å‰‡å‡¦ç†ã€å‚ç‚¹ã€ç¸¦æ›¸ããªã©ã®çµ„ã¿ç‰ˆå‡¦ç†ãŒå……å®Ÿã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ï¼ˆãƒ«ãƒ“ã¯ã¾ã ä½œæ¥ä¸ã§ã™ãŒï¼‰ã€‚å¤§ã’ã•ã§ã¯ãªãã€ä¸–ç•Œä¸ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾ã—ã¦æ—¥æœ¬ã®æ—¥æœ¬èªžæ–‡åŒ–ã«å¯¾å¿œã—ãŸè¡¨
aroma_black 2010/10/05
css3

css
ãƒªãƒ³ã‚¯
Latest topics > CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¨XPathã§ã®è¡¨ç¾ã®å¯¾å¿œè¡¨ - outsider reflex
Latest topics > CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¨XPathã§ã®è¡¨ç¾ã®å¯¾å¿œè¡¨ å®£ä¼ã€‚æ—¥çµŒLinuxã«ã¦Linuxã®åŸºç¤Žï¼Ÿã‚’ç´¹ä»‹ã™ã‚‹æ¼«ç”»ã€Œã‚·ã‚¹ç®¡ç³»å¥³åã€ã‚’é€£è¼‰ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®ç‰¹è¨ã‚µã‚¤ãƒˆã«ã¦ã€å˜è¡Œæœ¬ã¾ã‚“ãŒã§ã‚ã‹ã‚‹Linux ã‚·ã‚¹ç®¡ç³»å¥³åã®è©¦ã—èªã¿ãŒå¯èƒ½ï¼ Â« getElementsByãªã‚“ã¡ã‚ƒã‚‰ ã®ä»£ã‚ã‚Šã«XPathã‚’ä½¿ã† Main Mozilla 24 Â» CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¨XPathã§ã®è¡¨ç¾ã®å¯¾å¿œè¡¨ - Sep 13, 2007 æ‹¡å¼µæ©Ÿèƒ½å‹‰å¼·ä¼šã®æ™‚ã«ç„šãä»˜ã‘ã‚‰ã‚ŒãŸã€Text Shadowã®ã‚³ãƒ¼ãƒ‰ï¼ˆtextshadow.jsï¼‰ã‚’æ•™æã«ã—ã¦æ‹¡å¼µæ©Ÿèƒ½é–‹ç™ºã®ãƒŽã‚¦ãƒã‚¦ã‚’è§£èª¬ã—ã¦ã„ãã‚·ãƒªãƒ¼ã‚ºã€‚ XPathã‚’ãƒŽãƒ¼ãƒ‰ã®æ¤œç´¢ã«æ´»ç”¨ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã‘ã©ã€è‚å¿ƒã®XPathãŒæ›¸ã‘ãªãã‚ƒæ„å‘³ãŒãªã„ã‚ã‘ã§ã€‚ã§ã‚‚XPathã£ã¦ã€ãƒŽãƒ¼ãƒ‰ã‚»ãƒƒãƒˆãŒã©ã†ã¨ã‹ãƒŽãƒ¼ãƒ‰ãƒ†ã‚¹ãƒˆãŒã©ã†ã¨ã‹è»¸ãŒã©ã†ã¨ã‹ä¿®é£¾ãŒã©ã†ã¨ã‹ã€ã„
aroma_black 2010/08/02
css

xpath
ãƒªãƒ³ã‚¯
Selectors APIã®matchesSelectorã¨ã€å‹•çš„ãªãƒšãƒ¼ã‚¸ã§ã®ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç† - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ãŸãƒ–ãƒã‚°
Selectors APIã®Draftã«ã€matchesSelectorã¨ã„ã†APIãŒå®šç¾©ã•ã‚Œã¦ã„ã¦ã€ç¾åœ¨ã€WebKitã¨Minefieldã®Nightlyã«æè¼‰ã•ã‚Œã¦ã„ã‚‹ã€‚ ãŸã ã—ã€ãƒ‰ãƒ©ãƒ•ãƒˆãªã®ã§ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãŒã¤ã„ã¦ã„ã¦ã€Element#webkitMatchesSelectorã‚„Element#mozMatchesSelectorã‚’ä½¿ã‚ãªã‘ã‚Œã°ã„ã‘ãªã„ï¼ˆã¨ã„ã†ã‚ˆã‚Šã€ã¾ã ç›´æŽ¥ä½¿ã†ã«ã¯æ™‚æœŸå°šæ—©ã ï¼‰ã€‚ ä½¿ã„æ–¹ã¯ç°¡å˜ã€‚ var paragraphs = document.getElementsByTagName("p"); paragraphs.it em(0).webkitMatchesSelector("p"); // true paragraphs.it em(1).webkitMatchesSelector("div#main > p"); // <div id="main"><
aroma_black 2009/10/19
CSS

javascript

DOM
ãƒªãƒ³ã‚¯
[CSS]ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«é›† | ã‚³ãƒªã‚¹
YUIã€Blueprintã€YAMLãªã©ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚‚åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚ Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost ä¸‹è¨˜ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€è¨˜è¿°ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åŒæ§˜ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«å…¨ã¦å¤‰æ›´ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€ã‚³ãƒ¡ãƒ³ãƒˆã‚‚å‰Šé™¤ã—ã¦ã„ã¾ã™ã€‚ Blueprint Blueprint Based:Reset Reloaded <textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
aroma_black 2009/10/19
ãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã—ã¦ã®åˆæœŸåŒ–ã¯æ—¥æœ¬èªžã«ã™ã‚‹å¿…è¦ã‚ã‚Š

CSS

web
ãƒªãƒ³ã‚¯
JavaScript ã¨ CSS ã§ãƒ—ãƒ¬ã‚¼ãƒ³ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ã¦ã¿ãŸ(äºŒç•ªç…Žã˜) - zyxwvã®æ—¥è¨˜
ä¸€è¦§è¡¨ç¤º ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ä¸ ã¡ã‚‡ã£ã¨å‰ã«æœ€è¿‘ã® CSS ã®ãŠã‚‚ã—ã‚ã•ã‚’çŸ¥ã£ãŸã®ã§ã€ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªçš„ãªã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸã€‚ãƒšãƒ¼ã‚¸ã®åˆ‡ã‚Šæ›¿ãˆã‚„ä¸€è¦§è¡¨ç¤ºã®ã¨ãã«ã¬ã‚‹ã£ã¨å‹•ãã¾ã™ã€‚id:amachang ã•ã‚“ã®ä½œã£ãŸ s6 ã¨æ¯”ã¹ã‚‹ã¨ã€(CSS ã•ãˆæ›¸ã‘ã‚Œã°)ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã„ã‚ã‚“ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒè¨å®šã§ãã¾ã™ã€‚ãã‚Œã‹ã‚‰ã€iPhoneOS ã§ã‚‚ã‚ã‚‹ç¨‹åº¦é«˜é€Ÿã«å‹•ä½œã™ã‚‹ã®ã‚‚åˆ©ç‚¹ã§ã™ã€‚(ipod touch 2G ã§ç¢ºèª) ãŸã ã— "-webkit-*" ã¿ãŸã„ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã—ã¾ãã‚Šãªã®ã§ã€ç¾åœ¨ã®ã¨ã“ã‚å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ Safari ã‚„ Chrome ã¨ã„ã£ãŸ webkit ç³»ã ã‘ã§ã™ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã®åå‰ã‚’å¤‰ãˆã‚Œã° mozilla ç³»ã§ã‚‚å¤§ä¸ˆå¤«ã ã¨æ€ã„ã¾ã™ãŒã€‚ ã¡ãªã¿ã«ãƒ¬ãƒã‚¸ãƒˆãƒªã¯ http://github.com/shimomura1004/presen ã§ã™ã€‚ ãƒ‡ãƒ¢: http://
aroma_black 2009/10/19
çµå±€Keynoteã¨ã‹ãƒ‘ãƒ¯ãƒã«ãªã‚Šãã†ã ã‘ã©æ‰‹æ³•ã¨ã—ã¦ã¯é¢ç™½ãã†

javascript

CSS

ãƒ—ãƒ¬ã‚¼ãƒ³
ãƒªãƒ³ã‚¯
1