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

gentlekoop id:gentlekoop

CSS3ã«é–¢ã™ã‚‹gentlekoopã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Adobeè£½è¶…è»½é‡ï¼ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Topcoat
Adobeè£½è¶…è»½é‡ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Topcoat ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸããªã„ã‚·ãƒªãƒ¼ã‚ºã€ç¬¬äºŒå¼¾ï¼æœ€è¿‘ã¨ã£ã¦ã‚‚æ°—ã«å…¥ã£ã¦ã„ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Topcoatã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Topcoatã¨ã¯ Topcoatã¯Adobeè£½ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€æœ€å¤§ã®ç‰¹å¾´ãŒã¨ã«ã‹ãã‚ã£ã•æ—©ã„ï¼ã£ã¦ã“ã¨ã€‚ jQueryMobileã‚’ä½¿ã£ã¦ã‚ˆãã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ãŸã®ã§ã™ãŒã€ã€Œã„ã‹ã«ã‚‚jQuerymobileã€æ„ŸãŒã‚ã£ãŸã‚Šã€é‡ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒã—ãšã‚‰ã„ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã¨ã“ã‚ãŒã©ã£ã“ã„ã€Topcoatã¯ã¨ã«ã‹ãè»½ãã€ã•ãã•ãã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯å…ƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã€Œä»Šé¢¨ã€ãªãƒ•ãƒ©ãƒƒãƒˆã§ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã ã‹ã‚‰ã€å¾Œã‹ã‚‰ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚éžå¸¸ã«ã—ã‚„ã™ã„ã®ãŒç‰¹å¾´ã§ã™ã€‚ æµè¡Œã‚Šã®ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ ãƒœã‚¿ãƒ³ã‚„ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸€ã¤ä¸€ã¤ãŒãƒ•ãƒ©ãƒƒãƒˆã§æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã®ã‚‚ç‰¹å¾´ã§ã€ã‚·ãƒ³ãƒ—ãƒ«
gentlekoop 2013/08/08
ãƒ‡ã‚¶ã‚¤ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³

CSS3

adobe

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ä½¿ãˆã‚‹ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ä¾¿åˆ©ãªCSS
ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã§ã¯widthã€heightã®å€¤ã«ã¯paddingã¨borderã®å€¤ã‚’å«ã¿ã¾ã›ã‚“ãŒã€box-sizingãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ã«border-boxã‚’æŒ‡å®šã™ã‚‹ã¨ã€widthã¨heightã®å€¤ã¯paddingã¨borderã®å¹…ã‚’å«ã‚€ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ #box-sizing{ -moz-box-sizing: border-box; box-sizing: border-box; } ç‰¹ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã‚’æŒ‡å®šã™ã‚‹ã¨ãã‚„ã€Fluid Grid Systemã‚’ä½œæˆã™ã‚‹ã¨ãã«è¨ˆç®—ãŒç°¡å˜ã«ãªã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ä»¥ä¸‹ã®å›³ã®ã‚ˆã†ãª4ã‚«ãƒ©ãƒ ã®Grid Systemã§2ã‚«ãƒ©ãƒ åˆ†ã®ç›¸å¯¾å¹…ã‚’æ±‚ã‚ã‚‹ã¨ã—ã¾ã™ã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®å ´åˆ2ã‚«ãƒ©ãƒ åˆ†ã®å¹…ã¯60pxÃ—2+20px=140pxã€å…¨ä½“ã®å¹…ã¯320pxã¨ãªã‚‹ã®ã§ã€140Ã·320Ã—100=43.75%ã¨ãªã‚Šã¾ã™ã€‚ã“ã‚Œã«marginã‚„paddingã§ã‚¬ã‚¿ãƒ¼ã®å¹…
gentlekoop 2013/05/30
remã¯å˜ä½

CSS3

responsive

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
CSS-Only Lightbox | Codrops
Learn how a CSS-only powered image lightbox works and how to add fancy animations Today we want to show you how to create a neat lightbox effect using only CSS. The idea is to have some thumbnails that are clickable, and once clicked, the respective large image is shown. Using CSS transitions and animations, we can make the large image appear in a fancy way. With the help of the pseudo-class :targ
gentlekoop 2013/01/01
CSS3

LightBox

CSS
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã§ã‚ã‚Œã°çŸ¥ã£ã¦ãŠãã¹ããƒ¢ãƒã‚¤ãƒ«/ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒã‚°ã‚„ãƒˆãƒªãƒƒã‚¯20 | Web | position: absolute;
æ–‰è—¤ã•ã‚“ï¼ˆ@cssradarï¼‰ãŒç´¹ä»‹ã—ã¦ã„ãŸ20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should knowãŒãŠã•ã‚‰ã„çš„ã«å‚è€ƒã«ãªã£ãŸã®ã§å„é …ç›®ã®è¡¨é¡Œã ã‘è¨³ã—ã¦ãŠãã¾ã—ãŸã€‚ã»ã¨ã‚“ã©é‚¦è¨³ã™ã‚‹ã¨ã„ã†ã“ã¨ãŒãªã„ã®ã§ãŠã‹ã—ã„éƒ¨åˆ†ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã”æŒ‡æ‘˜é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ å„å†…å®¹ã®è©³ç´°ã«ã¤ã„ã¦ã¯è¨³ã—ã¦ã„ã¾ã›ã‚“ã€‚æœ¬æ–‡ã¨ã‚µãƒ³ãƒ—ãƒ«ã®ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã‚Œã°å¤§ä½“ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€Gistã«ã‚‚ç½®ã„ã¦ã„ã¾ã™ã€‚ 20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know Link outlines / highlights are misaligned on the Kindle Fire ãƒªãƒ³
gentlekoop 2012/11/27
ã¾ã¨ã‚

html

css3

CSS
ãƒªãƒ³ã‚¯
IE10ã¨HTML5ã¨CSS3ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ | DECONCEPTER
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®Windows 8 å‘ã‘å¯¾å¿œ iPad Miniã‚„ã‚„ãŸã‚‰è–„ã„iMacãŒç™ºè¡¨ã•ã‚Œã¦è³‘ã‚ã£ã¦ã„ã‚‹ä¸æç¸®ã ãŒã€ä»Šæ—¥ã¯IE10ã«WEBã‚µã‚¤ãƒˆã‚’å¯¾å¿œã•ã›ã‚‹ãŸã‚ã«æœ€ä½Žé™æŠ¼ã•ãˆã¦ãŠããŸã„ãƒã‚¤ãƒ³ãƒˆã‚’è¦‹ã¦ã„ããŸã„ã¨æ€ã†ã€‚ ã‚¹ãƒŠãƒƒãƒ—ãƒ¢ãƒ¼ãƒ‰ã¨ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ¢ãƒ¼ãƒ‰ãŒã‚ã‚‹Windows 8ã®IE10ã«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æœ€é©åŒ–ã•ã›ã‚‹ã«ã¯ã„ãã¤ã‹ãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚‹ã‚ˆã†ã ã€‚ IE10ç‹¬è‡ªã®viewport å®Ÿã¯ã¾ã viewportã¯W3Cã«ã‚ˆã‚Šç–å®šæ®µéšŽã«ã‚ã‚‹ã€‚IE10ã§ã¯ãƒ¡ãƒˆãƒï¼Ÿã‚¹ã‚¿ã‚¤ãƒ«ç”¨ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¨ã—ã¦ç‹¬è‡ªã®viewportæŒ‡å®šã‚’ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚Windows 8ã®ãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ–½ã™ã«ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«æŒ‡å®šã™ã‚‹ã€‚ @-ms-viewport{width: device-width;} ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ãŸããªã„å ´åˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«æŒ‡å®šã™
gentlekoop 2012/10/25
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

css3

IE10
ãƒªãƒ³ã‚¯
150 Amazing Examples of CSS Animation & Effects
We have compiled a huge collection of amazing CSS effects for you to check out. Have a look and use these examples to help you learn the nitty-gritty detailsÂ so you can create more beautiful and engaging web sites. When youâ€™re done, you can also take a look at our other articles on CSS effects for even more ideas. Enjoy! Your Web Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon S
gentlekoop 2012/10/16
css3

jQuery

å‹•ãå‚è€ƒ
ãƒªãƒ³ã‚¯
[CSS]3ã‚¹ãƒ†ãƒƒãƒ—ã§ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ç•°ãªã‚‹ã‚µã‚¤ã‚ºã”ã¨ã«æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹Responsive Web Desingã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Media Queriesåˆå¿ƒè€…ã§ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãè§£èª¬ã•ã‚ŒãŸã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚„ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ç•°ãªã‚‹è¡¨ç¤ºã‚µã‚¤ã‚ºã”ã¨ã«æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹Responsive Web Desingã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Responsive Design in 3 Steps [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Step 1: METAã‚¿ã‚° Step 2: HTMLã®æ§‹é€ Step 3: Media Queries ã•ã‚‰ã«å®Ÿè·µçš„ãªä½¿ã„æ–¹ã‚’å¦ã³ãŸã„äººã« Step 1: METAã‚¿ã‚° ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ¢ãƒã‚¤ãƒ«ç”¨ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€è¡¨ç¤ºã™ã‚‹HTMLãƒšãƒ¼ã‚¸ã®å¤§ãã•ã‚’ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®å¹…ã«ï¼ˆä¸»ã«ï¼‰ç¸®å°ã—ã¦ãƒ•ã‚£ãƒƒãƒˆã•ã›ã¾ã™ã€‚ ã¾ãšã¯ã€ã“ã®è¨å®šã‚’METAã‚¿ã‚°ã‚’ä½¿ç”¨ã—ã¦ç‰å€ã§è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ã‚‡ã†ã€‚ HTML <head>ï½ž</head>ã«ä¸‹è¨˜ã‚’è¨˜è¿°ã—ã¾ã™ã€‚ <meta
gentlekoop 2012/02/10
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

css3

Media Queries
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2011å¹´ç·é›†ç·¨
2011å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100+Î±é¸ã§ã™ã€‚ ä»Šå¹´ã¯CSS3ã®å½±éŸ¿ã‚‚ã‚ã£ã¦ã‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç›®ç«‹ã¡ã¾ã—ãŸã€‚ã¾ãŸã€Resposive Web Designç”¨ã®å¯å¤‰ã‚‚ã®ã‚„å‹•ç”»ãƒ»ãƒ†ã‚ã‚¹ãƒˆã‚’æ‰±ã£ãŸã‚‚ã®ã‚‚å¤šã‹ã£ãŸã§ã™ãã€‚ [ad#ad-2] å‹•ç”»é–¢é€£ ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼é–¢é€£ ç”»åƒæ‹¡å¤§é–¢é€£ ç”»åƒé…ç½®ãƒ»ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³é–¢é€£ èƒŒæ™¯ç”»åƒé–¢é€£ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚«ãƒ«ãƒ¼ã‚»ãƒ«é–¢é€£ ã‚¿ãƒ–é–¢é€£ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ ãƒ‘ãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãƒ»ãƒ†ã‚£ãƒƒã‚«ãƒ¼é–¢é€£ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆé–¢é€£ ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“ä½œãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é–¢é€£ ãƒªã‚¹ãƒˆé–¢é€£ ãƒ†ãƒ¼ãƒ–ãƒ«é–¢é€£ ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ ãƒ†ã‚ã‚¹ãƒˆé–¢é€£ è¦‹å‡ºã—æŠ½å‡ºé–¢é€£ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆ ãã®ä»– å‹•ç”»é–¢é€£
gentlekoop 2011/12/12
jQuery

css3
ãƒªãƒ³ã‚¯
[CSS]ã¾ã‚‹ã§Flashã®ã‚ˆã†ã«ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ›¿ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã„ã‚ã„ã‚
ç”»åƒã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ã€å°æ°—å‘³è‰¯ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã«æ›¿ãˆã‚‹CSS3ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯10ç¨®é¡žã‚ã‚Šã€CSSã§ã“ã“ã¾ã§ã§ãã‚‹ã®ã‹ï¼ã£ã¦æ„Ÿã˜ã§ã™ã€‚ Original Hover Effects with CSS3 [ad#ad-2] åŸºæœ¬ã¨ãªã‚‹HTML åŸºæœ¬ã¨ãªã‚‹CSS å¿…è¦‹ã®10ç¨®é¡žã®ã‹ã£ã“ã„ã„ãƒ‡ãƒ¢ åŸºæœ¬ã¨ãªã‚‹HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã¯ã‚¿ã‚¤ãƒˆãƒ«ã¨ãƒ†ã‚ã‚¹ãƒˆã‚’divè¦ç´ ã§å†…åŒ…ã—classã«ã€Œmaskã€ã‚’ã¤ã‘ã€ãã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã¨ç”»åƒã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div class="view"> <img src="image.gif" /> <div class="mask"> <h2>Title</h2> <p>Your Text</p> <a href="#" class="info">Read More</a> </div> </d
gentlekoop 2011/11/27
ã‚®ãƒŸãƒƒã‚¯å‚è€ƒ

css3

å‹•ãå‚è€ƒ
ãƒªãƒ³ã‚¯
[JS]çœã‚¹ãƒšãƒ¼ã‚¹ã«æœ€é©ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚µãƒ ãƒã‚¤ãƒ«ã§é…ç½®ã—ã€ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§æ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã«æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ãƒ•ã‚£ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Rotating Feature Boxes ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ãƒ‡ãƒ¢ã§ã¯å³å´ã«é…ç½®ã•ã‚ŒãŸã‚µãƒ ãƒã‚¤ãƒ«ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€æ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ç§»å‹•ã—ã¦ã€å…¨æ–‡ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ â€»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯CSS3ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãŸã‚Chrome, Safariã®ã¿ã§ã€éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç„¡ã—ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ 2ç•ªã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€2ç•ªãŒæ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã«ã€‚ [ad#ad-2] ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ•ã‚£ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã®å®Ÿè£… HTML 3ã¤ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯divè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œãžã‚Œidã¨classã‚’ä»˜ä¸Žã—ã€å…¨éƒ¨ã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div id="rotator"> <div id="block-1" cl
gentlekoop 2011/01/27
css3

css

å‹•ãå‚è€ƒ
ãƒªãƒ³ã‚¯
CSSã§å®Ÿè£…ã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›† -Only Css Menu
ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã€CSS3ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ä½œæˆã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML/CSSã®åˆå¿ƒè€…ã®äººã§ã‚‚ç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚
gentlekoop 2010/08/12
css3

CSS

navigation

menu
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2010/06/html5-template.html
gentlekoop 2010/06/12
html5

css3
ãƒªãƒ³ã‚¯
è¿‘æœªæ¥ã«é »ç¹ã«ä½¿ã‚ã‚Œã‚‹ã§ã‚ã‚ã†CSS3ã‚µãƒ³ãƒ—ãƒ«ï¼‘ï¼:phpspoté–‹ç™ºæ—¥èªŒ
10 examples of futuristic CSS3 techniques è¿‘æœªæ¥ã«é »ç¹ã«ä½¿ã‚ã‚Œã‚‹ã§ã‚ã‚ã†CSS3ã‚µãƒ³ãƒ—ãƒ«ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã—ãŸã€‚ æœ¬ãƒ–ãƒã‚°ã§ä»¥å‰ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚‚å¤šã„ã§ã™ãŒã€ã¾ã¨ã¾ã£ã¦ã„ã¦ä¾¿åˆ©ãã†ã ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ å¹ãå‡ºã—ã‚’CSSã‚ªãƒ³ãƒªãƒ¼ã§å®Ÿè£… ã‚·ãƒ£ãƒ‰ã‚¦ï¼†ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã®ç«‹ä½“ãƒœã‚¿ãƒ³ æž ä»˜ãå†™çœŸã‚’CSSã§å®Ÿè£… ãƒãƒ©ãƒã‚¤ãƒ‰å†™çœŸé¢¨ è§’ä¸¸ãƒ•ã‚¡ãƒ³ã‚·ãƒ¼ãªãƒ•ã‚©ãƒ¼ãƒ å®Ÿè£… ç«‹ä½“çš„ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ MacOSã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’CSSã§å®Ÿè£… è¿‘æœªæ¥ã«ãŠã„ã¦ã¯ã€ã“ã†ã—ãŸã‚‚ã®ã‚’çµ„ã¿åˆã‚ã›ã¤ã¤æ›´ã«JavaScriptç‰ã¨ã‚‚çµ„ã¿åˆã‚ã•ã£ã¦ä»Šã§ã¯ä¿¡ã˜ã‚‰ã‚Œãªã„ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«ãªã£ã¦ã„ãã†ãªæ°—ãŒã—ã¾ã™ã€‚ ï¼‘ï¼™ï¼™ï¼å¹´ä»£å¾ŒåŠã®æ™‚ä»£ã‚’æŒ¯ã‚Šè¿”ã£ã¦ã¿ã‚‹ã¨ã€ã‚ã®å½“æ™‚å½“ãŸã‚Šå‰ã ã£ãŸã‚µã‚¤ãƒˆãŒä¸€éƒ¨ã®ã‚µã‚¤ãƒˆã§è¦‹ã‚‰ã‚Œã‚‹ã‚‚ã®ã«ãªã‚‹ã‚ˆã†ãªã€åŒã˜ã‚ˆã†ãªçŠ¶æ…‹ã«ãªã£ã¦ã„ã‚‹ã®ã‹ã‚‚ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSS3ç‰ã‚’ä½¿ã£ãŸã‚µãƒ³ãƒ—ãƒ«
gentlekoop 2010/03/26
css3
ãƒªãƒ³ã‚¯
1