[B! CSS3] naonya3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

naonya3 id:naonya3

CSS3ã«é–¢ã™ã‚‹naonya3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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ã®ã¿ã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒªãƒ•ãƒ¬ã‚¯ãƒˆã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆã¡ã‚‡ã£ã¨æ›´æ–°ï¼‰ - ãã‚‰ã’ã ã‚‰ã‘
å‰å›žã¯iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã«ã¤ã„ã¦å‰ç·¨ã¨å¾Œç·¨ã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãã®ãªã‹ã§èª¬æ˜Žã—ã¦ã„ãªã„å°ã•ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã§ã™ã€‚ å‰å›žã®Web App Demoã§ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã‚¿ãƒ–ã«ç‰¹æ®ŠãªWebFontã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸãŒã€ã‚¿ãƒ–ãŒActiveã®ã¨ãã«è‰²ãŒå¤‰ã‚ã£ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆåŠ¹æžœã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¤ã‹ã£ã¦ã‚„ã£ã¦ã„ã¾ã™ã€‚ é€šå¸¸ã€CSSã§ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ï¼ˆcolorãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ãŒã€Œ:afterã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„ã€Œmask-imageã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªè¡¨ç¾ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å…·ä½“
naonya3 2011/11/14
ã™ã’ãƒ¼

css3
ãƒªãƒ³ã‚¯
CSS 3ã®ãƒœãƒƒã‚¯ã‚¹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç”»é¢ã®ä¸å¤®ã«é…ç½®ã™ã‚‹ - builder by ZDNet Japan
DNSã‚’å®ˆã‚Šã€DNSã§å®ˆã‚‹ é«˜åº¦ãƒ»å·§å¦™åŒ–ã—å±é™ºåº¦ã‚’å¢—ã™ã‚µã‚¤ãƒãƒ¼ãƒªã‚¹ã‚¯ ã„ã¾è€ƒãˆã‚‹ã¹ããƒ¢ãƒ€ãƒ³ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®ã‚ã‚Šæ–¹ ä»®æƒ³ç’°å¢ƒãƒ‡ãƒ¼ã‚¿ä¿è·ã®æ–°æ¬¡å…ƒ é«˜åº¦åŒ–ãƒ»è¤‡é›‘åŒ–ã™ã‚‹ITç’°å¢ƒã®èª²é¡Œã¸ã®è§£æ±ºç– æœ€æ–°é‹ãƒ‡ãƒ¼ã‚¿ä¿è·ãƒ»ç®¡ç†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢åŸºç›¤ å‹ã¤ãŸã‚ã®ã‚¯ãƒ©ã‚¦ãƒ‰æ´»ç”¨è¡“ New Value on Azure ãƒ“ã‚¸ãƒã‚¹ã‚’æ¬¡ã®ã‚¹ãƒ†ãƒ¼ã‚¸ã¸ï¼ ã‚µã‚¹ãƒ†ãƒŠãƒ“ãƒªãƒ†ã‚£ã®ä»Šã¨æœªæ¥ ä¼æ¥æˆ¦ç•¥ã¨ã—ã¦ã®ã‚µã‚¹ãƒ†ã‚£ãƒŠãƒ“ãƒªãƒ†ã‚£æŽ¨é€² ä¸–ç•Œã®é€šä¿¡ã‚¤ãƒ³ãƒ•ãƒ©ã‚’æ”¯ãˆã‚‹ã‚³ãƒ«ãƒˆã®å–çµ„ã¿ ä»Šæ™‚ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã‚¯ãƒ©ã‚¦ãƒ‰ã®ä½œã‚Šæ–¹ 2020å¹´ä»£ã®ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã‚¯ãƒ©ã‚¦ãƒ‰ç’°å¢ƒã‚’ Azureã¨VMwareã‚’ä¾‹ã«ç´¹ä»‹ ã™ãã«å®Ÿè·µã§ãã‚‹ä»•äº‹åŠ¹çŽ‡ã‚¢ãƒƒãƒ—è¡“ é©šãã®åŠ¹æžœã‚’ã‚‚ãŸã‚‰ã™å¤–ä»˜ã‘ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ ãªã‚“ã¨æœ€å¤§50ï¼…ã®æ¥å‹™åŠ¹çŽ‡ã‚¢ãƒƒãƒ—ã‚‚ï¼ æœ€æ–°ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã§å¤‰ã‚ã‚‹ITé‹ç”¨ ä»®æƒ³åŒ–ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¨FlashArrayã®çµ„åˆã›ã§ é‹ç”¨è² è·è»½æ¸›ã¨é«˜æ€§èƒ½åŒ–ã‚’å®Ÿç¾ã—ãŸDMM Kubernetesæ´»ç”¨ã®
naonya3 2011/11/07
boxã‚’ã‚»ãƒ³ã‚¿ãƒ¼ã«ã€‚

css3
ãƒªãƒ³ã‚¯
ç¢ºå®Ÿã«é€²åŒ–ã—ã¦ã„ã‚‹ï¼CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å®Ÿè£…ã™ã‚‹10ç¨®é¡žã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
Example 10 ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã¨ã‚«ãƒ©ãƒ¼ã‚’å¤‰æ›´ã—ã€é‡ãªã‚Šé †ã‚‚å¤‰æ›´ã€‚ å®Ÿè£… HTML HTMLã®æ§‹é€ ã¯ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ¡ã‚¤ãƒ³ãƒ†ã‚ã‚¹ãƒˆã€ã‚µãƒ–ãƒ†ã‚ã‚¹ãƒˆã€3ã¤ã‚’liè¦ç´ ã«å«ã‚ã¾ã™ã€‚ <ul class="ca-menu"> <li> <a href="#"> <span class="ca-icon">A</span> <div class="ca-content"> <h2 class="ca-main">Exceptional Service</h2> <h3 class="ca-sub">Personalized to your needs</h3> </div> </a> </li> ... </ul> [ad#ad-2] CSS ã‚¢ã‚¤ã‚³ãƒ³ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã¯ç”»åƒã§ã¯ãªãã€ã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ @font-face { font-family: 'WebSymbolsRegul
naonya3 2011/10/27
ã¾ã¨ã‚

css3

WebDesign
ãƒªãƒ³ã‚¯
CSS3ã ã‘ã§ã¤ãã‚‹Webãƒœã‚¿ãƒ³ï¼æŠ¼ã•ãšã«ã¯ã„ã‚‰ã‚Œãªã„ãƒœã‚¿ãƒ³ç°¡å˜3ã‚¹ãƒ†ãƒƒãƒ—
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ã«ãã¦ã„ã¾ã™ã€‚ ã“ã‚“ã«ã¡ã‚ã€‚(ãƒ»`Ð´ãƒ»ãƒŽ)ãƒŽ é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ä¸ã®ã©ã†ã‚‚ã½ã‚“ãŸã§ã™ã€‚ å…ˆé€±ã€éŽŒå€‰æœ¬ç¤¾ã‹ã‚‰è‡ªç”±ãŒä¸˜æ”¯ç¤¾ã«ç§»ã‚Šã¾ã—ãŸã€‚ è‡ªç”±ãŒä¸˜ã«æ¥ãŸã®ã¯åˆã‚ã¦ãªã®ã§ã€ã€Œä¸˜ãªã„ãªãã€‚ã€ã£ã¦æ€ã„ã¾ã—ãŸã€‚ ãã—ã¦ã“ã¡ã‚‰ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ç ”ä¿®ã§ã€æ›¸ã„ã¦ã„ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã©ã†ã‹æŸ”ã‚‰ã‹ã„ã¾ãªã–ã—ã§è¦‹å®ˆã£ã¦ä¸‹ã•ã„ã¾ã›ï¼ ä»Šå›žã¯ç”»åƒã‚’ä½¿ã‚ãšã€CSS3ã ã‘ã§Webãƒœã‚¿ãƒ³ã‚’ã¤ãã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã£ã¦ã‚‚åƒ•è‡ªèº«ã¤ãã£ãŸã“ã¨ãŒãªã„ã®ã§ã€ä¸€ç·’ã«æŒ‘æˆ¦ã—ã¾ã—ã‚‡ã†ï¼ï¼ ã¤ã¥ãã‹ã‚‰ã©ã†ãžï¼ ã™ã”ã„ã‚ˆï¼CSS3 â‰« CSS3ã®ã¿ã§ã¤ãã£ã¦ã„ã‚‹ãƒœã‚¿ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹å‡„ã„ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ©ãƒ ãƒã®ã‚ˆã†ãªãƒ†ã‚¤ã‚¹ãƒˆã®ãƒœã‚¿ãƒ³ã§ã™ãªã€‚ ã“ã‚Œã‚’ç”»åƒãªã—ã§ã¤ãã£ã¦ã‚‹ã£ã¦ã„ã†ã‹ã‚‰ã‚¹ã‚´ã‚¤ï¼ ã“ã“ã¾ã§ãƒ¬ãƒ™ãƒ«ã®é«˜ã„ãƒœã‚¿ãƒ³ã¯ã¤ãã‚Œãªã„ã®ã§ã€ åŸºæœ¬é‡è¦–ã®ã‚·ãƒ³ãƒ—ãƒ«ãªCSSãƒœã‚¿ãƒ³ã‚’ã¤ãã‚ã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯C
naonya3 2010/09/22
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚¯ã‚ªãƒªãƒ†ã‚£ã§ã¯ãªã„ï¼ï¼

css3

html5

markup
ãƒªãƒ³ã‚¯
14 Helpful Cheat Sheets for Front-end Web Development
28 Comments very nice information Nice collection very helpful! Thanks! Cool! Really useful. Anyone know of a Mootools 1.1 cheat sheet? wow! nice list! the html/css cheats are helpful to me! Very nice â€“ a helpful resource and just in time for my next project! do we really need another list of cheat sheets? not really but it doesnâ€™t hurt ðŸ˜› Because everyone has seen exactly what youâ€™ve seen? ðŸ˜› Use
naonya3 2010/06/24
ã¾ã¨ã‚

web

html5

css3
ãƒªãƒ³ã‚¯
10 HTML5 Demos to Make You Forget About Flash
Inspiration 10 HTML5 Demos to Make You Forget About Flash Henry JonesJune 24, 201079 Comments011.4k Youâ€™ve probably been hearing a lot lately about how Flash is a dying techno logy and how itâ€™ll soon be replaced by HTML5. Personally, I think that it will slowly replace Flash for some things, but Flash will always have a place, especially for developing complex games and rich internet applications.
naonya3 2010/06/24
ãŸã®ã—ã„ãªãã€‚ãŠã‚Œflasherã ã‘ã©ãã†ã„ã†ã®é–¢ä¿‚ãªã„ã‚ˆãªãƒ¼webå¥½ãã ã‚ã€‚

html5

css3
ãƒªãƒ³ã‚¯
12 Excellent CSS3 Button and Menu Techniques
37 Comments I use a few CSS3 tricks on my blog and itâ€™s important to not completely base your design off of CSS3 as there are still some browser compatibility probl ems and some people may not be seeing what you think they are. (*ahem* IE). That is true. Now, being 2 years later, IE has gotten better (still bad, but better). IE9 supports css3 and using the PIE library, you can design in css3 with s
naonya3 2010/06/24
ãŸã®ã—ã„ï¼

webdesign

CSS3
ãƒªãƒ³ã‚¯
Our Solar System â€” An experiment with CSS3 border-radius, transforms & animations.
An experiment with CSS3 border-radius, transf orms & animations. Animation properties currently only work on -webkit browsers (Chrome or Safari). Sun Mercury Venus Earth & Moon Mars Asteroids & Meteorids Jupiter Saturn & Ring Uranus Neptune Pluto Sun The Sun is a star, a hot ball of glowing gases at the heart of our solar system. Its influence extends far beyond the orbits of distant Neptune and Pl
naonya3 2010/05/27
css3
ãƒªãƒ³ã‚¯
1