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

tsh71 id:tsh71

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

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

CSS3ã§Flashä¸¦ã¿ã‚¢ãƒ‹ãƒ¡ãŒä½œã‚Œã‚‹Sencha Animator (1/3)
iPhoneï¼iPadã®Safariã‚„Windows 8ã®Internet Explorer 10ï¼ˆMetroãƒ¢ãƒ¼ãƒ‰ï¼‰ãªã©ã§ã¯ã€Flash PlayerãŒå‹•ä½œã—ã¾ã›ã‚“ã€‚ãã“ã§ã€ç™»å ´ã—ãŸã®ãŒã€ŒSencha Animatorã€ã§ã™ã€‚ Sencha Animatorã¯ã€HTML5/CSS3ã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚Sencha Animatorã‚’ä½¿ãˆã°ã€Flashã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’HTML5/CSS3ãƒ™ãƒ¼ã‚¹ã§ä½œæˆã§ãã¾ã™ã€‚åŒæ§˜ã®ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ã¯ç±³ã‚¢ãƒ‰ãƒ“ ã‚·ã‚¹ãƒ†ãƒ ãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€ŒAdobe Edgeã€ãŒã‚ã‚Šã€ç¾åœ¨ãƒ™ãƒ¼ã‚¿ç‰ˆã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ JavaScriptãƒ©ãƒœã§ã¯ã€ä»Šå›žã‹ã‚‰æ•°å›žã«æ¸¡ã£ã¦ã€Senacha Animatorã«ã‚ˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œæˆæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚åˆå›žã¯ã€å°Žå…¥ã‹ã‚‰åŸºæœ¬çš„ãªæ“ä½œæ–¹æ³•ã¾ã§ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ Sencha Animatorã®ç¾åœ¨ã®ãƒãƒ¼
tsh71 2011/11/07
css3
ãƒªãƒ³ã‚¯
GPUã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒä½¿ãˆã‚‹ç’°å¢ƒã§å¼·åˆ¶çš„ã«æœ‰åŠ¹ã«ã§ãã‚‹CSSã®æŒ‡å®šæ–¹æ³• :: 5509
This domain may be for sale!
tsh71 2011/07/05
css3
ãƒªãƒ³ã‚¯
CSS3å¯¾å¿œã®CSSã‚»ãƒ¬ã‚¯ã‚¿ä¸€è¦§ - CSSãƒ‡ã‚¶ã‚¤ãƒ³ãƒŽãƒ¼ãƒˆ
404 Not Found ãŠæŽ¢ã—ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯è¦‹ã¤ã‹ã‚‰ãªã„ã‚ˆã†ã§ã™ã€‚ ãŠæ‰‹æ•°ã§ã™ãŒã€ä¸‹è¨˜ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã¸ãŠæˆ»ã‚Šãã ã•ã„ã€‚ CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
tsh71 2011/04/28
css

css3
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã€ç´™ãŒã²ã‚‰ã£ã¨ã‚ãã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ã‚ºã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«åˆ©ç”¨ãŒå¯èƒ½ãªã€ç´™ãŒã²ã‚‰ã£ã¨ã‚ãã‚ŒãŸã‚ˆã†ãªãƒšãƒ¼ã‚¸ã‚«ãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®æ‹¡å¤§ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ãƒšãƒ¼ã‚¸ã®ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ã‚ºã®è¦ç´ ã«ç°¡å˜ã«é©ç”¨ã§ãã¾ã™ã€‚ ç´™ãŒã²ã‚‰ã£ã¨ã‚ãã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®å®Ÿè£…æ–¹æ³• HTML HTMLã¯ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚divè¦ç´ ã«classã‚’ä»˜ä¸Žã—ã¦ã„ã‚‹ã ã‘ã§ã™ã€‚ <div class="box">My box</div> CSSï¼šã‚·ãƒ£ãƒ‰ã‚¦ã®é©ç”¨ box-shadowã‚’ä½¿ç”¨ã—ã¦ã€å†…å´ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã—ã¾ã™ã€‚ .box { position: relative; width: 500px; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0
tsh71 2011/04/28
webãƒ‡ã‚¶ã‚¤ãƒ³

css3
ãƒªãƒ³ã‚¯
Leaverou | Latest Social Media Marketing Trends
Sign up with your em ail address to be the first to know about new products, VIP offers, blog features & more. [spacer]
tsh71 2011/04/16
css3

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5+CSS3 å…¥é–€
Webã‚’è¨˜è¿°ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ æ˜¨å¹´åº¦ã§ã‚ã‚Œã°ã€HTMLã‚’è¨˜è¿°ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–ã‚’æŽ¨è–¦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (æ–‡æ›¸ã®æ§‹é€ ã‚’è¨˜è¿°ã™ã‚‹è¨€èªž) â€“ XHTML 1.0 ã‚‚ã—ãã¯ XHTML 1.1 CSS (æ–‡æ›¸ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒ‡å®šã™ã‚‹è¨€èªž) â€“ CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ããå¤‰å‹•ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’æŽ¢ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’å®šç¾©ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webã‚µã‚¤ãƒˆã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–åŒ–å·¡ã‚‹é—˜äº‰ã®æ´å² AppleInsider: ãªãœ Apple ã¯ HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ã‚¦ã‚§ãƒ–ã®æ´å² [Page 2] ã‚ˆ
tsh71 2011/03/05
html5

css3
ãƒªãƒ³ã‚¯
CSSã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³
ã‚‚ã®ã™ã”ãå¤§é›‘æŠŠã«è¨€ã†ã¨ä»Šã¾ã§ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã§ã‚„ã£ã¦ã„ãŸã€è§’ã‚’ä¸¸ãã™ã‚‹ã¨ã‹èƒŒæ™¯ã‚’ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã™ã‚‹ãªã©ã¨ã„ã†ä½œæ¥ã‚’CSSã§ã‚„ã£ã¦ã—ã¾ãŠã†ã¨ã„ã†ãŠè©±ã€‚ã‚‚ã¡ã‚ã‚“CSSã§ã§ããªã„ã“ã¨ã¯å¤šãã‚ã‚‹ã®ã§ä¸‡èƒ½ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ãŒã€ã§ãã‚‹ã“ã¨ã«é™ã£ã¦è¨€ãˆã°æ•°è¡Œã®CSSã‚³ãƒ¼ãƒ‰ã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®ã‚ˆã†ãªåŠ¹æžœã‚’æŸ”è»Ÿã«é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } å„ã‚¢ã‚¤ã‚³ãƒ³ã«ãªã‚‹aè¦ç´ ã¸ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ä»¥ä¸Šã®ã‚ˆã†ãªå˜ç´”ãªã‚‚ã®ãŒãƒ™ãƒ¼ã‚¹ã«ãªã‚‹ã€‚icons-w.pngãŒã‚¢ã‚¤ã‚³ãƒ³ã®å‰æ™¯ã‚’ã¤ãªã’ãŸã‚¹ãƒ—ãƒ©ã‚¤
tsh71 2011/03/04
css3
ãƒªãƒ³ã‚¯
HTML5+CSS3ã§å®Ÿè£…ã•ã‚ŒãŸã€ã•ã¾ã–ã¾ãªUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³
ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ãƒ»ãƒªã‚¹ãƒˆãƒ»è¦‹å‡ºã—ãªã© [ad#ad-2] UIãƒ‘ãƒ¼ãƒ„ã®ä½¿ã„æ–¹ ä¸‹è¨˜ã®3ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ã€ã“ã‚Œã‚‰ã®UIã‚’è‡ªåˆ†ã®ãƒšãƒ¼ã‚¸ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ IEã¸ã®å¯¾å¿œ IEã«HTML5ã‚’ç†è§£ã•ã›ã‚‹ãŸã‚ã«ã€2ã¤ã®é‡è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚  CSSã®ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ã€‚ã‚‚ã—ä½¿ç”¨ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ãã®ç®‡æ‰€ã®ã¿ã§å¤§ä¸ˆå¤«ã§ã™ã€‚ <link rel="stylesheet" href="reset.css"
tsh71 2011/03/04
html5

css3
ãƒªãƒ³ã‚¯
ã‚°ãƒªãƒ¼ã«å¦ã¶ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–‹ç™ºå‘ã‘Webã‚¢ãƒ—ãƒªè¦ç´ ã®æœ€æ–°æŠ€è¡“ã€€ï½žHTML5ã€CSS3ã‚’æŽ¡ç”¨ã—ãŸãƒã‚¤ãƒ³ãƒˆã¨ã¯
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
tsh71 2011/02/10
Android

CSS3

html5
ãƒªãƒ³ã‚¯
1