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

makoto_69 id:makoto_69

css3ã¨CSS3ã«é–¢ã™ã‚‹makoto_69ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

${{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]Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ ã‚¯ã‚¨ãƒªï¼‰ã‚’ä½¿ç”¨ã—ãŸãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®æŒ‡å®šæ–¹æ³•ã®ã¾ã¨ã‚
CSS3ã®Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ ã‚¯ã‚¨ãƒªï¼‰ã‚’ä½¿ç”¨ã—ã¦ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã‚’ã¯ã˜ã‚iPhone, iPadãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç”¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åˆ†ã‘ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Hardboiled CSS3 Media Queries [ad#ad-2] ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®åˆ†ã‘æ–¹ã¯2ç¨®é¡žã‚ã‚Šã¾ã™ã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£å˜ä½ ãƒ•ã‚¡ã‚¤ãƒ«å˜ä½ ãƒ—ãƒãƒ‘ãƒ†ã‚£å˜ä½ã§ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¨å®š ã€Œ/* Styles */ ã€ã®ç®‡æ‰€ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’è¨˜è¿°ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ˆï¼ˆç¸¦é•·ãƒ»æ¨ªé•·ï¼‰
makoto_69 2011/04/03
css3
ãƒªãƒ³ã‚¯
CSS Click Chart | CSS3 Browser Support and Information
Can I Use ? Data on support for the default feature across the major browsers from caniuse.com.
makoto_69 2010/11/14
ã¾ã¨ã‚ã€ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹ã¨å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãŒåˆ†ã‚Šã‚„ã™ãã¾ã¨ã¾ã£ã¦ã‚‹

*webåˆ¶ä½œ

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

html5

css3
ãƒªãƒ³ã‚¯
Top 10 Links for CSS3 Resources â€“ Web Design Tips, Tricks and Tutorials
If you havenâ€™t already, you soon will start using CSS3 and HTML5 in your web development. Below is a list Iâ€™ve compiled of the most popular postings, tips or tutorials on using CSS3. CSS3info â€œEverything you need to know about CSS3â€ Link CSS3Please See a real-time preview of the more popular CSS3 features radius, shadow and gradient. Link Smashing Magazine A detailed and very well organized posti
makoto_69 2010/05/22
css3ã®ã“ã¨ãƒ¼

*webåˆ¶ä½œ

css3
ãƒªãƒ³ã‚¯
CSSã ã‘ã§å„ç¨®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½œã‚‹æ–¹æ³• | Webæ´»ãƒ¡ãƒ¢å¸³
ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’CSSã¨HTMLã ã‘ã§ä½œã£ã¦ã—ã¾ã£ãŸã€ŒExperimental: Pure CSS social media iconsã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã”ç´¹ä»‹ã€‚ IEç³»ã§ã¯å‹•ä½œã—ãªã„ã‚ˆã†ã§ã™ãŒã€é¢ç™½ã„ã‚µãƒ³ãƒ—ãƒ«ãŒã‚ã‚Šã¾ã—ãŸã€‚ è©³ã—ãã¯ä»¥ä¸‹ å‹•ä½œãƒ‡ãƒ¢ JavaScriptã‚‚ç”»åƒã‚‚ä½¿ç”¨ã—ãªã„ã§æ¬¡ã®ã‚ˆã†ã«ãƒã‚´ã‚’å†ç¾ã—ã¦ã„ã¾ã™ã€‚ â– Firefox3.6 â– Safari4.0.5 â– IE8 æ®‹å¿µãªãŒã‚‰ã€å››è§’ããªã£ã¦ã—ã¾ã£ã¦ã¾ã™ã€‚ â– Chrome â– Opera10.5 ãƒ‡ãƒ¢ã‚’è¦‹ã¦ã„ãŸã ãã¨ã€å®Ÿéš›ã®æ§˜åãŒã‚ã‹ã‚Šã¾ã™ã€‚ å°†æ¥çš„ã«ã¯ã“ã†ã„ã£ãŸæŠ€è¡“ã‚’ä½¿ç”¨ã—ã¦ãƒªã‚½ãƒ¼ã‚¹ã®ç¯€ç´„ã‚’ã—ã¦ã„ã‘ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚
makoto_69 2010/05/05
css3ã§ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½œã‚‹

*webåˆ¶ä½œ

css3
ãƒªãƒ³ã‚¯
404
description_temp
makoto_69 2010/04/13
*webåˆ¶ä½œ

css3
ãƒªãƒ³ã‚¯
css gradients in Firefox 3.6 â€“ Mozilla Hacks - the Web developer blog
Firefox 3.6 includes many CSS improvements. In this post weâ€™re going to show you how to use CSS gradients. If you are running the latest beta of Firefox 3.6, you should check out our interactive demo and take a look at the corresponding code. Use the radio buttons to switch different style options on or off. Backgrounds with CSS Gradients Using CSS gradients in a background allows you to display s
makoto_69 2010/04/12
*webåˆ¶ä½œ

css3
ãƒªãƒ³ã‚¯
CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ #1
ãƒªãƒªãƒ¼ã‚¹ã‚’é–“è¿‘ã«ã²ã‹ãˆãŸFirefox 3.6ã§å¯¾å¿œã•ã‚Œã‚‹ã®ã§ã€ãã“ã‹ã—ã“ã§å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹CSSã«ã‚ˆã‚‹ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚åŸºæœ¬çš„ãªæ›¸ãæ–¹ã¯Introducing CSS Gradientsã‚„css gradients in Firefox 3.6ã‚’å§‹ã‚ã¨ã—ã¦è…ã‚‹ç¨‹ã‚ã‚‹ã®ã§ã™ã£é£›ã°ã™ã¨ã—ã¦ã€å®Ÿéš›ã«ãƒœã‚¿ãƒ³ç‰ã§åˆ©ç”¨ã™ã‚‹æ™‚ã«ã©ã†ã™ã‚Œã°ç°¡å˜ã«æ›¸ã‘ãã†ã‹ã¨ã„ã†ã“ã¨ã‚’ã¡ã‚‡ã£ã¨è€ƒãˆã¦ã¿ã‚ˆã†ã¨ã‹ã„ã†è©±ã€‚å‹¢ã„ã§#1ã¨ã‹ã¤ã‘ã¦ã—ã¾ã£ãŸâ€¦â€¦ã€‚ buttonè¦ç´ ã«CSSã«ã‚ˆã‚‹ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãã“ã¨ã«ãªã‚‹ã€‚ button { background-image: linear-gradient(top, rgb(204, 204, 204), rgb(102, 102, 102)); background-image: -moz-linear-gradient(top, rgb(204, 204
makoto_69 2010/04/10
*webåˆ¶ä½œ

css3
ãƒªãƒ³ã‚¯
HTML5 & CSS3 ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ã‚µãƒãƒ¼ãƒˆçŠ¶æ³
What is an IP Address? An IP (short for â€œInternet Protocolâ€) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transf ormation (NAT). If you have ever used a wifi hotspot to access the internet, youâ€™ve shared an IP address with someone. Whatâ€™s the Difference betwe
makoto_69 2010/04/04
å„ãƒ–ãƒ©ã‚¦ã‚¶ãŒå¯¾å¿œã—ã¦ã„ã‚‹css3ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨ã‚»ãƒ¬ã‚¯ã‚¿ã®ä¸€è¦§

*webåˆ¶ä½œ

css3
ãƒªãƒ³ã‚¯
linear-gradient() - CSS: ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | MDN
CSSåˆå¿ƒè€…å‘ã‘ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«åˆã‚ã¦ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ: ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¹ã‚¿ã‚¤ãƒ«è¨å®šCSS ã‚¹ã‚¿ã‚¤ãƒ«è¨å®šã®åŸºæœ¬CSS ã¨ã¯ä½•ã‹CSS å…¥é–€èª²é¡Œ: çµŒæ´ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¿ã‚¤ãƒ«è¨å®šåŸºæœ¬çš„ãª CSS ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã¨æ“¬ä¼¼è¦ç´ çµåˆåãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ç«¶åˆã®å‡¦ç†CSS ã®å€¤ã¨å˜ä½CSS ã«ãŠã‘ã‚‹ã‚¢ã‚¤ãƒ†ãƒ ã®ã‚µã‚¤ã‚ºè¨å®šèƒŒæ™¯ã¨å¢ƒç•Œç·šã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ•ãƒãƒ¼ç”»åƒã€ãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ è¡¨ã®ã‚¹ã‚¿ã‚¤ãƒ«è¨å®šCSS ã®ãƒ‡ãƒãƒƒã‚°èª²é¡Œ: åŸºæœ¬çš„ãª CSS ã®ç†è§£èª²é¡Œ: ç¾Žã—ã„ãƒ¬ã‚¿ãƒ¼ãƒ˜ãƒƒãƒ‰ä»˜ãã®ä¾¿ç®‹ã®ä½œæˆèª²é¡Œ: ã‹ã£ã“ã„ã„ãƒœãƒƒã‚¯ã‚¹CSS ãƒ†ã‚ã‚¹ãƒˆã®è£…é£¾åŸºæœ¬çš„ãªãƒ†ã‚ã‚¹ãƒˆã¨ãƒ•ã‚©ãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«è¨å®šãƒªã‚¹ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«è¨å®šãƒªãƒ³ã‚¯ã®ã‚¹ã‚¿ã‚¤ãƒ«è¨å®šã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ³ãƒˆèª²é¡Œ: ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚¹ã‚¯ãƒ¼ãƒ«ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®çµ„ç‰ˆCSS ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆCSS ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå…¥é–€æµ®å‹•ãƒœãƒƒã‚¯ã‚¹ä½ç½®æŒ‡å®šãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ãƒœãƒƒã‚¯ã‚¹CSS ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¡
makoto_69 2010/03/11
é–‹ç™º-Web-CSS-Tips

CSS3

Firefox
ãƒªãƒ³ã‚¯
ç¬¬3å›žã€€transformãƒ—ãƒãƒ‘ãƒ†ã‚£ | gihyo.jp
ä»Šå›žã¯CSS3ã§ã‚‚ã‚ã¾ã‚Šä¸€èˆ¬çš„ã«çŸ¥ã‚‰ã‚Œã¦ãªã„transf ormãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚transf ormãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯2008å¹´ã®11æœˆã¾ã§ã¯Webkitç³»ã¨Appleã®ãƒ–ãƒ©ã‚¦ã‚¶ã¨Safariã®ç‹¬è‡ªå®Ÿè£…ã§ã—ãŸãŒã€11æœˆä»¥é™ã¯æ£å¼ã«W3Cã«Editors Draftã¨ã—ã¦å—ã‘ã„ã‚‰ã‚Œã€ç¾åœ¨ã¯ç–å®šä¸ã§ã™[1]â ã€‚ ä»Šå¾Œã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€ã‚ˆã‚Šä¸€å±¤ã®CSS3ã‚„SVG, HTML5ã®å¯¾å¿œã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã«ç„¦ç‚¹ãŒã‚ã¦ã‚‰ã‚Œã¾ã™ã€‚ã„ã¡æ—©ãã€CSS3ã«æ…£ã‚Œå®Ÿè·µçš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã€ä»Šã‹ã‚‰æ–°ã—ã„ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚å«ã‚ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å‹‰å¼·ã—å®Ÿè·µã§ä½¿ãˆã‚‹ã‚ˆã†ã—ã¦ãŠãã¹ãã§ã—ã‚‡ã†ã€‚ ä»Šå›žèª¬æ˜Žã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€Žtransf ormãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã¨ã€Žtransf orm-originãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã§ã™ã€‚ä¸¡æ–¹ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«å…±é€šã™ã‚‹transf ormï¼ˆãƒˆãƒ©ãƒ³ã‚¹ãƒ•ã‚©ãƒ¼ãƒ ï¼‰ã¨ã„ã†åå‰ã®ã¨ãŠã‚Šã€ã€Žâ å¤‰å½¢ã€ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚
makoto_69 2009/11/16
css3

ã¾ã¨ã‚

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Take Your Design To The Next Level With CSS3 â€” Smashing Magazine
Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, itâ€™s clear that we are a thousand miles away from that era. It is quite remarkable how much Web development has evolved over the years, in a way we would never have imagined then. So why is it that, when it comes to CSS,
makoto_69 2009/09/19
css3
ãƒªãƒ³ã‚¯
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your userâ€™s browser features.Modernizr tells you what HTML, CSS and JavaScript features the userâ€™s browser has to offer.Add your detects Development build What is Modernizr?Itâ€™s a collection of superfast tests â€“ or â€œdetectsâ€ as we like to call them â€“ which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
makoto_69 2009/09/19
ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ã‚’ãƒã‚§ãƒƒã‚¯

*Webåˆ¶ä½œ

css3
ãƒªãƒ³ã‚¯
1