[B! css3] ken_c_loã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ken_c_lo id:ken_c_lo

css3ã«é–¢ã™ã‚‹ken_c_loã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (30)

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

ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç”Ÿã‹ã—ã¦ä½œã‚‹ã€æ±Žç”¨æ€§ã®ã‚ã‚‹ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³
ã•ã¦ä»Šå›žã¯ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®é›†å¤§æˆã¨ã‚‚ã„ãˆã‚‹ã€Œã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã€ã§ã™ã€‚ã“ã‚Œã¾ã§ã®é€£è¼‰ã§å–ã‚Šä¸Šã’ãŸæ•°ã€…ã®ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã€Œã‚ºãƒ«ã„ãƒ†ã‚ã‚¹ãƒˆã‚·ãƒ£ãƒ‰ã‚¦ã€ã€Œã‚ºãƒ«ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€Œã‚ºãƒ«ã„è§’ä¸¸ã€ã€ãã—ã¦å‰å›žè§£èª¬ã—ãŸã€Œã‚ºãƒ«ã„ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚’ç”¨ã„ãŸã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã®ä½œã‚Šæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ ä»Šå›žã®ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã«é–¢ã—ã¦ã¯ã€ä»¥å‰ã«ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç´¹ä»‹ã—ãŸã‚‚ã®ã‹ã‚‰å¤§å¹…ã«æ”¹å®šã‚’åŠ ãˆã¦ã€ã‚ˆã‚Šæ±Žç”¨æ€§ãŒã‚ã‚Šã€ã•ã¾ã–ã¾ãªå ´é¢ã§ä½¿ã„å‹æ‰‹ã®è‰¯ã„ã‚‚ã®ã«åˆ·æ–°ã—ã¾ã—ãŸã€‚ æ”¹è‰¯ã®ãƒã‚¤ãƒ³ãƒˆã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ æ–‡å—ã‚µã‚¤ã‚ºã®å¤‰æ›´ã€ã¾ãŸãã‚Œã«ä½µã›ã¦ãƒœã‚¿ãƒ³ã‚µã‚¤ã‚ºã®å¤‰æ›´ã«å¯¾å¿œã—ã¦ã„ã¾ã™ iã‚¿ã‚°ã‚’ä½¿ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ç”¨ã®Webãƒ•ã‚©ãƒ³ãƒˆã«å¯¾å¿œã—ã¾ã—ãŸã€‚ä»Šå›žã¯font-awesomeã‚’ä½¿ã£ã¦è§£èª¬ã—ã¦ã„ã¾ã™ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®æµè¡Œã«ä¼´ã†ãƒ‡ã‚¶ã‚¤ãƒ³å‚¾å‘ã«åˆã‚ã›ã€ç«‹ä½“æ„Ÿã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚ˆã‚ŠæŽ§ãˆã‚ã«ã€ã‹ã¤paddingã‚’å¤§ãã‚ã«å–ã£ãŸ
ken_c_lo 2013/09/12
box-sizing â†’ background-origin ã®é–“é•ã„ã§ã—ãŸï¼ ç”³ã—è¨³ã‚ã‚Šã¾ã›ã‚“ãƒ»ãƒ»ãƒ»

sass

design

css3
ãƒªãƒ³ã‚¯
CSS ãƒœã‚¿ãƒ³ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ã® RGBA ã§
CSS ã§ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ã¨ãã€èƒŒæ™¯ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ã® RGBA ã«ã—ãŸã‚‚ã®ã‚’ã‚‚ã¨ã«ã™ã‚‹ã¨ã€èƒŒæ™¯è‰²ã‚„ãƒ•ã‚©ãƒ³ãƒˆã‚’å¤‰ãˆã‚‹ã ã‘ã§ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒä½œã‚Œã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã€‚ button { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1)); background-origin: border-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); cursor: pointer; display: inline-block; line-he
ken_c_lo 2012/11/16
ã‚‚ã£ã¨ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã€‚ã‚ºãƒ«ã„ã—ã™ã”ã„ã—è¶…ä¾¿åˆ©ã ãƒ»ãƒ»ãƒ»ï¼

css3
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
ken_c_lo 2012/10/31
ã“ã‚Œã¯ã‚ºãƒ«ã„ï¼ï½—

css3
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯// Speaker Deck
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version ç¬¬ä¸€å›žâ€¦
ken_c_lo 2012/10/27
ç¬¬ä¸€å›ž ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¼š(http://connpass.com/event/1185/ )ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚

design

css3

sass

compass
ãƒªãƒ³ã‚¯
Border Image CSS Code Generator - Easy Image Border - Border Image
Create now your custom border image CSS Border image generator allows programmers and developers to draw an image on the borders of an element. It provides room for efficient and perfect design. It is very complex to do it by yourself, you need this generator to assist you and it is a bit frustrating to properly take by hand. Though it is tricky, it allows users to create flexible borders with a s
ken_c_lo 2012/10/15
CSS3
ãƒªãƒ³ã‚¯
CSS3 Simple Shapes - Cheat Sheet - Land-of-Web
Recently, I`ve decided to make cheat sheet dedicated to simple shapes that can be made only by means of CSS3. I`ve used only instant description. Since I`ve included majority of simple shapes like squares, circles, triangles, ovals etc, you can easile combine some of these in order to make complicated shape using :before or :after content-related pseudo â€œelementsâ€. If you have some questions or su
ken_c_lo 2012/10/15
css3
ãƒªãƒ³ã‚¯
HugeDomains.com
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
ken_c_lo 2012/10/02
css3
ãƒªãƒ³ã‚¯
lab.simurai
CSS3 experiments by simurai
ken_c_lo 2012/04/14
css3
ãƒªãƒ³ã‚¯
[CSS]box-shadowã‚’ä½¿ã£ã¦ã€ç´™ãŒãµã‚ã‚Šã¨æµ®ã‹ã‚“ã ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
Creating Different CSS3 Box Shadows Effects [ad#ad-2] ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯box-shadowã«å¯¾å¿œã—ãŸä¸‹è¨˜ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] å®Ÿè£… åŸºæœ¬ã¨ãªã‚‹HTML 8ã¤ã®å„ãƒ‡ãƒ¢ã®HTMLã®åŸºæœ¬ã¯åŒã˜ã§ã€classåãŒç•°ãªã‚‹ã ã‘ã§ã™ã€‚ <div class="box effect"> <h3>Effect</h3> </div> åŸºæœ¬ã¨ãªã‚‹CSS divè¦ç´ ã¨h3è¦ç´ ã®åŸºæœ¬ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
ken_c_lo 2012/02/28
css3
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä¸€åˆ‡ä½¿ã‚ãšCSSã§æã‹ã‚ŒãŸã€Œã‘ã„ãŠã‚“ï¼ã€ã®æ¾ªãŒãƒžã‚¸ã§ã™ã”ã„ï¼
ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ã€ç”»åƒã‚’ä¸€åˆ‡ä½¿ã‚ãšã«html+CSSã ã‘ã§ã€Œã‘ã„ãŠã‚“ï¼ã€ã®ç§‹å±± æ¾ªã‚’æã„ãŸæŠ€è¡“ãƒ‡ãƒ¢ä½œå“ã§ã™ã€‚å®Ÿéš›ã«ä½œå“ã‚’è¦‹ã¦ã‚‚ã‚‰ãˆã°åˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚‚ã®ã™ã”ãã‚¯ã‚ªãƒªãƒ†ã‚£ãŒé«˜ãã¦æ™®é€šã«ç”»åƒã«ã—ã‹è¦‹ãˆãªã„ãƒ¬ãƒ™ãƒ«ã§ã™ã€‚ä¹…ã—ã¶ã‚Šã«CSSã§çµµã‚’æãä½œå“ã§é©šã‹ã•ã‚ŒãŸã®ã§ã€ã“ã‚Œã¯ãœã²ç´¹ä»‹ã›ãã°ã¨æ€ã„è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ ã€Œã‘ã„ãŠã‚“ï¼ã€ï¼ˆK-ON!ï¼‰ã¯ã€è»½éŸ³æ¥½éƒ¨ã§4äººã®é«˜æ ¡ç”ŸãŸã¡ãŒã‚¬ãƒ¼ãƒ«ã‚ºãƒãƒ³ãƒ‰ã‚’çµ„ã¿ã€éŸ³æ¥½æ´»å‹•ã‚’è¡Œã£ã¦ã„ãã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã§äººæ°—ã®ã‹ããµã‚‰ã„æ°ã«ã‚ˆã‚‹4ã‚³ãƒžæ¼«ç”»ä½œå“ã§ã™ã€‚2å¹´å‰ã«ã‚¢ãƒ‹ãƒ¡åŒ–ã€ä»Šæœˆ12æœˆã‚ˆã‚Šæ˜ ç”»ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹äººæ°—ä½œå“ã§ã™ãã€‚ç§‹å±± æ¾ªã¯ãã®ä½œå“ã«ç™»å ´ã™ã‚‹ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã§ã™ã€‚ãã®ç§‹å±± æ¾ªã‚’ã¾ã£ãŸãã®ç”»åƒãªã—ã§ã€html+CSSã®ã‚³ãƒ¼ãƒ‰ã ã‘ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ ç§ã‚‚ä»¥å‰ã«CSSã§ãƒ‰ãƒ©ãˆã‚‚ã‚“ãªã©æ§˜ã€…ãªä½œå“ã‚’æã„ãŸã‚Šã—ã¾ã—ãŸãŒã€ã¯ã£ãã‚Šã„ã£ã¦html+CSSã®ã‚³ãƒ¼ãƒ‰ã ã‘ã§çµµã‚’æãã®ã¯ã¨ã¦ã‚‚å¤§å¤‰ã§ã™
ken_c_lo 2011/12/19
ã²ãˆãˆ(ï¼›ï¾ŸÐ”ï¾Ÿ)

css3
ãƒªãƒ³ã‚¯
CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹æ–‡å¤‰æ›´ã¨ãƒ™ãƒ³ãƒ€ãƒ¼æŽ¥é è¾ž | Webæ¨™æº–Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
å‰å›žã®ãƒ™ãƒ³ãƒ€ãƒ¼æŽ¥é è¾žã«é–¢ã™ã‚‹ã‚¨ãƒ³ãƒˆãƒªã§ã€æŽ¥é è¾žãªã—ã®æ©Ÿèƒ½ã‚’ä½µè¨˜ã—ã¦ã‚‚ã†ã¾ãã„ã‹ãªã„ã“ã¨ãŒã‚ã‚‹ã¨æ›¸ãã¾ã—ãŸã€‚ ã“ã‚Œã¯ã€æ¨™æº–åŒ–ã•ã‚ŒãŸï¼ˆæŽ¥é è¾žã®ãªã„ï¼‰æ©Ÿèƒ½ã®æ§‹æ–‡ã‚‚ã—ãã¯è§£é‡ˆãŒå¤‰ã‚ã£ã¦ã—ã¾ã†å ´åˆã‚’æ„å›³ã—ã¦ã„ã¾ã™ã€‚ãã—ã¦ã€CSSã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã†ã—ãŸå¤‰æ›´ãŒåŠ ãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ linear-gradient()ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãŒå¤‰æ›´ã« å°‘ã—å‰ã®è©±ã«ãªã‚Šã¾ã™ãŒã€9æœˆ8æ—¥ã«æ›´æ–°ã•ã‚ŒãŸCSS3 Image Valuesè‰æ¡ˆã§ã¯ã€linear-gradient()ã®æ§‹æ–‡ã§åˆ©ç”¨ã•ã‚Œã‚‹ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã®æ›¸å¼ãŒå¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã®æ§‹æ–‡ linear-gradient( [deg | to side-or-corner] , color-stops) ã“ã‚Œã¾ã§ã€ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã¯ã€topãªã‚‰ä¸‹å‘ãã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€rightã¯å·¦å‘ãã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºç‚¹ã‚’ç¤ºã—ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€7æœˆ12æ—¥ç‰ˆã®è‰æ¡ˆ
ken_c_lo 2011/11/29
CSS3
ãƒªãƒ³ã‚¯
CSSã®ã¿ã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒªãƒ•ãƒ¬ã‚¯ãƒˆã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆã¡ã‚‡ã£ã¨æ›´æ–°ï¼‰ - ãã‚‰ã’ã ã‚‰ã‘
å‰å›žã¯iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã«ã¤ã„ã¦å‰ç·¨ã¨å¾Œç·¨ã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãã®ãªã‹ã§èª¬æ˜Žã—ã¦ã„ãªã„å°ã•ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã§ã™ã€‚ å‰å›žã®Web App Demoã§ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã‚¿ãƒ–ã«ç‰¹æ®ŠãªWebFontã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸãŒã€ã‚¿ãƒ–ãŒActiveã®ã¨ãã«è‰²ãŒå¤‰ã‚ã£ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆåŠ¹æžœã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¤ã‹ã£ã¦ã‚„ã£ã¦ã„ã¾ã™ã€‚ é€šå¸¸ã€CSSã§ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ï¼ˆcolorãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ãŒã€Œ:afterã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„ã€Œmask-imageã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªè¡¨ç¾ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å…·ä½“
ken_c_lo 2011/11/14
css3
ãƒªãƒ³ã‚¯
Modern Syntax
https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa ã“ã®Spotify for Podcastersãƒšãƒ¼ã‚¸ã®RSSã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ã“ã¡ã‚‰ã®RSSã§ã¯enclosureã‚¿ã‚°ãªã©ã§lengthå€¤ãªã©ãŒã—ã£ã‹ã‚Šå…¥ã£ã¦ã„ã‚‹ã®ã§ã“ã‚Œã‚’è³¼èªã—ã¦ãŠãã¨ã‚ˆã„ã‹ã¨æ€ã„ã¾ã™ã€‚ https://anchor.fm/s/66ff2830/podcast/rss ã“ã“ã§è´ãï¼ã¨ã„ã†äººã¯ä»¥ä¸‹ã®ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‹ã‚‰ã©ã†ãžã€‚ ã‚“ã§ã€ã“ã‚Œã¾ã§ã¯Google Driveä¸Šã«ä¿å˜ã—ãŸmp3ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èžããŸã„æ–¹ã¯ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ã€‚ãƒ–ãƒ©ã‚¦ã‚¶å†…ã§èžã‘ã¾ã™ã€‚ https://drive.google.com/file/d/1FMtBF7Xf6EZ2GK0ulHFl1_EB4LezAdAa/view?usp=share_link ã§ã€Spotify for
ken_c_lo 2011/11/11
css3
ãƒªãƒ³ã‚¯
Original Hover Effects with CSS3
Hover Style #1 A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. Read More Hover Style #1 A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. Read More Hover Style #1 A wonderful serenity has taken possession of my entire soul, like these
ken_c_lo 2011/11/11
CSS3
ãƒªãƒ³ã‚¯
[CSS]ã•ã‚Šã’ãªãã€ç¾Žã—ãã¦åˆ†ã‹ã‚Šã‚„ã™ã„ãƒ†ãƒ¼ãƒ–ãƒ«ã«ã™ã‚‹CSS3ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
IE6ãªã©ã®éžã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã‚‚é…æ…®ã—ãŸã€è§’ä¸¸ã€ã‚¼ãƒ–ãƒ©æŸ„ã€ãƒã‚¤ãƒ©ã‚¤ãƒˆãªã©ç¾Žã—ãã¦åˆ†ã‹ã‚Šã‚„ã™ã„ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿè£…ã™ã‚‹CSS3ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸:Zebra stripes, footer è§’ä¸¸ã€ã‚»ãƒ«ã‚’äº¤äº’ã«ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚° å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆ CSS3ã‚’ä½¿ã£ã¦ç¾Žã—ãã€ãã—ã¦æ©Ÿèƒ½ã™ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿè£…ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã€è§’ä¸¸ã‚’å®Ÿè£…ã€‚ ä½™åˆ†ãªid, classã¯ä½¿ç”¨ã›ãšã€æ›´æ–°ãŒå®¹æ˜“ã€‚ â€»tableã«classã‚’ä¸€ã¤ã ã‘ ãƒ¦ãƒ¼ã‚¶ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã§ã€èªã‚€ã“ã¨ãŒç°¡å˜ã€‚ å®Ÿè£… HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ classã¯ã€tableã‚¿ã‚°ã«ã®ã¿ä½¿ç”¨ã—ã¾ã™ã€‚ <table class="bordered"> <thead> <tr> <th>#</th> <th>IMDB Top 10 Movies</th> <th>Year</th> </tr> </thead> <tr
ken_c_lo 2011/10/20
CSS3
ãƒªãƒ³ã‚¯
ä¿å˜ç‰ˆï¼CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã®èª¬æ˜Žæ›¸
CSSã‚»ãƒ¬ã‚¯ã‚¿ã«ã¤ã„ã¦ã®åŸºç¤ŽçŸ¥è˜ ã“ã®ãƒ–ãƒã‚°ã§ä½•å›žã‚‚èª¬æ˜Žã—ã¦ã„ã¾ã™ãŒã€å¿µã®ãŸã‚ã«èª¬æ˜Žã—ã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ ã‚»ãƒ¬ã‚¯ã‚¿è¡¨ã®èª¬æ˜Žã«ã¯å±žæ€§ã‚„è¦ç´ ã¨ã„ã£ãŸå …è‹¦ã—ã„ç”¨èªžãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ ã‚„å±žæ€§ã¨èžã„ã¦ã‚‚ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ãã€‚ ã‚ã¨è¦ªåé–¢ä¿‚ã‚„å…„å¼Ÿé–¢ä¿‚ãªã©ã‚‚ã‚ã¾ã‚Šèžããªã‚Œãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ä¸‹ã®éšŽå±¤ã«ã‚ã‚‹è¦ç´ ã¨ã®é–¢ä¿‚ãŒè¦ªåé–¢ä¿‚ã§ã€åŒã˜éšŽå±¤ã«ã‚ã‚‹è¦ç´ åŒå£«ã®é–¢ä¿‚ãŒå…„å¼Ÿé–¢ä¿‚ã§ã™ã€‚ ã‚ã¨ã€CSS3ã¨èžã„ã¦ã€Œã©ã†ã›IE8ä»¥ä¸‹ã¯ãƒ€ãƒ¡ã ã—ä½¿ãˆãªã„ã€ã¨æ€ã†æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚»ãƒ¬ã‚¯ã‚¿ã«é–¢ã—ã¦ã¯ç°¡å˜ã«å¯¾å¿œã§ãã¾ã™ã€‚ IE6ï½ž8ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆã€ŒSelectivizrã€ã‚’ã”å‚è€ƒã«ã€‚ ãã‚Œ
ken_c_lo 2011/10/12
css3
ãƒªãƒ³ã‚¯
CSS3ã§ã®èƒŒæ™¯æŒ‡å®šæ–¹æ³•ã®ã¾ã¨ã‚
CSSã§ã‚ã‚Œã“ã‚Œã‚„ã£ã¦ã„ãŸã‚‰ã€ã¾ãšé–“é•ã„ãªãä½¿ã†ã§ã‚ã‚ã†èƒŒæ™¯é–¢é€£ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€‚ CSS3ã§ã¯ã“ã‚Œã¾ã§ã‚ˆã‚Šå¤šãã®æŒ‡å®šãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãã‚Œã‚‰ã®æ–°ã—ã„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„å€¤ã¯ã„ã£ãŸã„ã©ã†ã„ã†ã‚‚ã®ãªã®ã‹ã€èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ä¸»ã«å‚è€ƒã«ã—ãŸã®ã¯ä»¥ä¸‹ã®2ã¤ã§ã™ã€‚ CSS Backgrounds and Borders Module Level 3ç¾åœ¨ã®ä»•æ§˜ã§ã™ã€‚CSS èƒŒæ™¯ & ãƒœãƒ¼ãƒ€ãƒ¼ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« Level 32011å¹´2æœˆ15æ—¥ç‰ˆã®ä»•æ§˜ã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨å€¤ã®èª¬æ˜Žã¯ã“ã¡ã‚‰ã‚’å‚è€ƒã«ã—ã¾ã—ãŸã€‚èƒŒæ™¯ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼èƒŒæ™¯ã¯è¤‡æ•°ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’æŒã¤ã“ã¨ãŒã§ãã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®æ•°ã¯background-imageã«æŒ‡å®šã•ã‚ŒãŸã‚«ãƒ³ãƒžåŒºåˆ‡ã‚Šã®å€¤ã®æ•°ã«ã‚ˆã£ã¦æ±ºã‚ã‚‰ã‚Œã¾ã™ã€‚noneã®æŒ‡å®šã‚‚ä¸€ã¤ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ç”Ÿæˆã—ã¾ã™ã€‚ èƒŒæ™¯ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®é‡ãªã‚Šæ–¹ã§ã™ãŒã€åˆã‚ã«æŒ‡å®šã—ãŸã‚‚ã®ã‹ã‚‰æ‰‹å‰ã«æ¥ã¾ã™ã®ã§ã€æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ ä¾‹ã¨ã—ã¦ã€ä¸‹ã®r
ken_c_lo 2011/08/23
CSS3
ãƒªãƒ³ã‚¯
CSS3 Gradient Generator
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.CSS3 Gradient Generator v2.0 Welcome to the CSS3 Gradient Generator! Please be aware that in order t
ken_c_lo 2011/08/13
css3
ãƒªãƒ³ã‚¯
CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator
Browser Compatibility 3.0+ 9+ 3.1+ 10.5+ 4.0+ Mobile Compatibility BlackBerry 6 + iOS 1.0 +
ken_c_lo 2011/08/12
CSS3ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼

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