[B! css3][ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ] beth321ã®ãƒ

beth321 id:beth321

css3ã¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

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

2014å¹´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãŒãŸãã•ã‚“è©°ã¾ã£ãŸHTML5+CSS3ã®ç„¡æ–™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ -Beetle
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ç¸¦é•·ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ãƒ–ãƒã‚°ãªã©ã€ä»Šæ™‚ã®ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸHTML5+CSS3ã®ç„¡æ–™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãã®ã¾ã¾ä½¿ã†ã‚‚ã‚ˆã—ã€ã‚¹ã‚ãƒ«ã‚¢ãƒƒãƒ—ç”¨ã«å‹‰å¼·ã—ã¦ã‚‚ã‚ˆã—ã€ã§ã™ï¼ Beetle - Responsive HTML5 Template Beetleã«ã¯ã€æœ€è¿‘ã®Webã‚µã‚¤ãƒˆã§äººæ°—ã®ã‚ã‚‹ã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ»ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚å¤§ãã„èƒŒæ™¯ç”»åƒã‚’ã¤ã‹ã£ãŸãƒ˜ãƒƒãƒ€ã€ã‚«ãƒ¼ãƒ‰åž‹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚µãƒ¼ã‚¯ãƒ«ã‚’ä½¿ã£ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ãƒˆãƒªã‚¬ãƒ¼ã«ã—ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã€ä»Šå¹´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãŒãŸãã•ã‚“è©°ã¾ã£ã¦ã„ã¾ã™ã€‚
beth321 2014/12/15
ã‚³ãƒªã‚¹

CSS

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

CSS3

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

html5
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§ã—ã‹ã‚‚é«˜å“è³ªï¼1ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã®HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚é¢ç™½ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«ä½¿ã†ã ã‘ã§ãªãã€HTML5/CSS3ã®å‹‰å¼·ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã«ã‚‚ã„ã„ã§ã™ãã€‚ â€œHALCYON DAYSâ€ ONE PAGE WEBSITE TEMPLATE ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å¤§ããªå†™çœŸç”»åƒã‚’ä½¿ã£ãŸèƒŒæ™¯ã¨ãã‚Œã‚’ä½¿ã£ãŸãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç¾Žã—ã„ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚„ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚ å€‹äººãƒ»å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€‚
beth321 2014/12/01
ã‚³ãƒªã‚¹

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤

HTML5

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

CSS3

html

èƒŒæ™¯

Template
ãƒªãƒ³ã‚¯
HTML5 Reset
This domain may be for sale!
beth321 2014/09/12
webåˆ¶ä½œ

css

css3

html5

CSS

Template

CSS3

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

HTML

reset
ãƒªãƒ³ã‚¯
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
beth321 2014/07/21
css3

html

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

css

HTML5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

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

css3

responsive

template
ãƒªãƒ³ã‚¯
HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®åŸºæœ¬ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã€Webãƒšãƒ¼ã‚¸ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã‚’ã¾ã¨ã‚ãŸHTML
HTMLã§ã€Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹æ™‚ã«å½¹ç«‹ã¤ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã«å¿…è¦æœ€å°é™ã‚’ã¾ã¨ã‚ãŸã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã®åŸºæœ¬ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ v.8.0.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€ç¾åœ¨ã®ç’°å¢ƒã«åˆã‚ã›ãŸè¨è¨ˆã«ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã¾ã—ãŸã€‚ IE11ã‚’å«ã‚€ã€ã™ã¹ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ HTML5 Boilerplate -GitHub HTML5 Boilerplateã®ç‰¹å¾´ HTMLã®åŸºæœ¬ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ HTML5 Boilerplateã®ä½¿ã„æ–¹ HTML5 Boilerplateã®ç‰¹å¾´ HTML5 Boilerplateã¯ã€Webã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®HTMLã®åŸºæœ¬ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ã€‚ å®Ÿè·µçš„ãªåŸºæœ¬ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ 200äººã‚’è¶…ãˆã‚‹è²¢çŒ®è€…ã«ã‚ˆã‚‹åˆ†æžãƒ»ç ”ç©¶ãƒ»å®Ÿé¨“ã‚’ã‚‚ã¨ã«ã—ã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®è¦‹ãˆæ–¹ã‚’æœ€é©åŒ– ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ã‚¨ãƒ³ãƒãƒ³ã‚¹
beth321 2014/07/07
*HTML

CSS3

ã‚³ãƒªã‚¹

html5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

webåˆ¶ä½œ

HTML

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

template

ãŠå½¹ç«‹ã¡
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
beth321 2014/05/29
å¾Œã§èªã‚€

ç„¡æ–™

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

Bootstrap

HTML5

CSS3

webdesign

html

ç´ æ

æµ·å¤–
ãƒªãƒ³ã‚¯
HTML5ã®åŸºæœ¬ã‚’å¦ã¹ã‚‹ã€å„è¦ç´ ã®ã‚³ãƒ¡ãƒ³ãƒˆã§ã®è§£èª¬ãŒå¬‰ã—ã„ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ -HTML5 Bones
ã‚¼ãƒã‹ã‚‰ã‚ãªãŸè‡ªèº«ã®ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹æ™‚ã®ã‚¬ã‚¤ãƒ‰ã¨ã—ã¦åˆ©ç”¨ã•ã‚Œã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã€æœ€å°é™ã®è¦ç´ ã§æ§‹æˆã•ã‚ŒãŸHTML5ã®åŸºæœ¬ã«å¿ å®Ÿã«ä½œæˆã—ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML5 Bones HTML5 Bones -GitHub HTML5 Bonesã®æ§‹æˆ HTML5 Bonesã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€jQuery, Modernizeãªã©ã¯å«ã¾ã‚Œã¦ã„ã¾ã›ã‚“ã€‚å«ã¾ã‚Œã¦ã„ã‚‹å¤–éƒ¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã«Normalize.cssã€IE8ä»¥ä¸‹ç”¨ã«HTML5ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã›ã‚‹ãŸã‚ã®html5shivã ã‘ã§ã™ã€‚ ä½¿ç”¨ã—ã¦ã„ã‚‹è¦ç´ ã‚‚ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æœ€å°é™ã®è¦ç´ ã§æ§‹æˆã•ã‚Œã¦ãŠã‚Šã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’åˆ©ç”¨ã™ã‚‹ã«ã‚ãŸã‚Šå„è¦ç´ ã‚’ã©ã®ã‚ˆã†ã«ä½¿ã†ã¹ãã‹ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§ã‚³ãƒ¡ãƒ³ãƒˆã§ç´°ã‹ãèª¬æ˜Žã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸‹è¨˜ã«ã€ãã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã‚³ãƒ¡ãƒ³ãƒˆã‚’ç¿»è¨³ã—ã¾ã—ãŸã€‚ å¹´æœ«å¹´å§‹ã‚’ã¾ãŸã„ã§åˆ¶ä½œè€…ã®Ianã•ã‚“ã¨ã‚„ã‚Šå–ã‚Šã‚’ã—ã¦ã„ãŸã®ã§ã€å…¬é–‹ã«æ™‚
beth321 2013/10/13
HTML5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

html

webåˆ¶ä½œ

Template

css3

*webåˆ¶ä½œ

css

web

*å‚è€ƒ
ãƒªãƒ³ã‚¯
HTML5+CSS3ç”¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ« -HTML5 Reset
HTML5+CSS3ã®ç’°å¢ƒã§æ±Žç”¨çš„ã«åˆ©ç”¨ã§ãã‚‹HTMLãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ»ã‚¹ã‚¯ãƒªãƒ—ãƒˆãªã©ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸€å¼ã«ã¾ã¨ã‚ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«æ§‹æˆï¼šã‚³ãƒ¡ãƒ³ãƒˆç„¡ã—ç‰ˆ å„ãƒ•ã‚¡ã‚¤ãƒ«ã®èª¬æ˜Ž index.html HTML5ã®è¦ç´ ã‚’é…ç½®ã—ãŸæ±Žç”¨çš„ã«åˆ©ç”¨ã§ãã‚‹HTMLãƒ•ã‚¡ã‚¤ãƒ«ã€‚å„ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚‚åŸ‹ã‚è¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ css/main.css @importç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ css/reset.css Eric Meyerã®ã€ŒReset CSSã€ã§ã™ã€‚ css/core.css ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ css/_patches å„ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ css/_print ãƒ—ãƒªãƒ³ãƒˆç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ js ModernizrãŒã‚»ãƒƒãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚
beth321 2013/08/04
css

HTML5

CSS3

css

HTML

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

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

Webåˆ¶ä½œ

Template

ç´ æ
ãƒªãƒ³ã‚¯
ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ç”¨ã®HTML5+CSS3+jQueryã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ -HTML5 Boilerplate
ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«å‘ãã«é–‹ç™ºã•ã‚ŒãŸã€HTML5+CSS3+jQueryãªã©ç›´æŽ¥å®Ÿè£…ã«é–¢ã‚ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã€robots.txt, .htaccessãªã©ã‚µãƒ¼ãƒãƒ¼é–¢é€£ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ä¸€å¼ã«ã¾ã¨ã¾ã£ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML5 Boilerplate æ˜¨æ—¥ã€å½“ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã—ãŸã€ŒHTML5 Resetã€ã‚‚HTML5+CSS3ã‚’ãƒ™ãƒ¼ã‚¹ã«é–‹ç™ºã•ã‚ŒãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚»ãƒƒãƒˆã§ã™ãŒã€ã“ã¡ã‚‰ã¯ã‚ˆã‚Šãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«å‘ã‘ã«é–‹ç™ºã•ã‚ŒãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä¸‹è¨˜ã«ãã®ç‰¹å¾´ã‚’ã€‚ HTML5 Boilerplateã®ä¸»ãªç‰¹é•· ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œï¼ˆIE6ã‚‚ï¼‰ HTML5å¯¾å¿œ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æœ€é©åŒ–ã¨åœ§ç¸®ã§Grade-Aã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®æœ€é©åŒ– ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ãŸã‚ã«IEã§ã¯ç‰¹å®šã®classã‚’ç”¨æ„ ãƒ—ãƒªãƒ³ãƒˆç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æœ€é©åŒ– HTML5ã§ã‚ˆã‚Šæ—©ã„ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰ã«ã™ã‚‹ã€Œ.htac
beth321 2013/07/06
html5

css3

jquery

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

css

html

Webãƒ‡ã‚¶ã‚¤ãƒ³

template

webåˆ¶ä½œ

ã‚³ãƒªã‚¹
ãƒªãƒ³ã‚¯
Responsive Web Designç”¨ã®HTML5+CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ
iPhone, Androidã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®å°ã•ã„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‹ã‚‰ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®å¤§ãã„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã¾ã§ã€ãã‚Œãžã‚Œã®è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹HTML5+CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µã‚¤ã‚ºå¤‰æ›´æ™‚ã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä¸€éƒ¨ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç§»å‹•ã—ã€é¢ç™½ã„ä»•æŽ›ã‘ã«ã‚‚åˆ©ç”¨ã§ããã†ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º [ad#ad-2] HTMLã®æ§‹é€ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯ãƒ–ãƒã‚°ã‚’æƒ³å®šã—ã¦ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ç‰¹é›†è¨˜äº‹ã€æœ€è¿‘ã®è¨˜äº‹ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã€ãƒ•ãƒƒã‚¿ã€ã¨ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã§ã™ã€‚ HTML: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Onextrapixel - Responsive Web Design Template</title>
beth321 2013/01/21
html5

CSS3

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

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

CSS

Template

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

HTML

WebDesign

responsive
ãƒªãƒ³ã‚¯
HTML5+CSS3ã§ä½œã£ãŸç„¡æ–™ãƒ–ãƒã‚°ç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€SimpleBlackã€‘
è‡ªåˆ†ã®çŸ¥è˜ã®ç¢ºèªã®æ„å‘³ã‚’è¾¼ã‚ã¦ã€åŽ»å¹´ã®11æœˆã«HTML5ç”¨ã®ç°¡å˜ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œæˆã—ã¾ã—ãŸ(ã‚‚ã¨ã‚‚ã¨ã¯CSS Animationã®ç¢ºèªã®ãŸã‚ã«ä½œã£ãŸç‰©ã§ã™)ã€‚ ã‚‚ã—æ°—ã«å…¥ã£ã¦ã„ãŸã ã‘ãŸã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã£ã¦ã„ãŸã ã‘ãŸã‚‰å¹¸ã„ã§ã™ã€‚ç‰¹ã«å¤‰ã‚ã£ãŸä»•æ§˜ã‚‚ç„¡ãã€ã‚·ãƒ³ãƒ—ãƒ«ã§å˜ç´”ãªã‚‚ã®ã ã£ãŸã®ã§ã€å¤šå°‘ã§ã‚‚è¦‹æ „ãˆã‚’è‰¯ãã—ã‚ˆã†ã¨ã€å…ˆæ—¥ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ãŠãã¾ã—ãŸã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¨ã„ã£ã¦ã‚‚ã€jQueryã‚„ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ç”»åƒãƒ»å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã—ãŸã ã‘ãªã®ã§ã€ãã‚“ãªã«æœŸå¾…ã—ãªã„ã§ãï¼ã¡ãªã¿ã«ãƒ–ãƒã‚°ç”¨ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ã‚ã‚Šã¾ã™ã€‚ ã‚ã¨ã“ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®åå‰ã¯ã€SimpleBlackã€‘ã§ã™(åå‰ãªã‚“ã¦ã©ã†ã§ã‚‚ã„ã„ã§ã™ã‚ˆã)ï¼ ä»Šå›žåˆ©ç”¨ã—ãŸjQueryãªã© jQuery Slider2 ã™ã”ãã‚·ãƒ³ãƒ—ãƒ«ã§ã€è»½é‡ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚ã‚ã¾ã‚Šã«ã‚·ãƒ³ãƒ—ãƒ«ã ã£ãŸã®ã§ã€æœ¬å½“ã«å‹•ãã®ã‹å¿ƒé…ã ã£ãŸã‚“ã§ã™ãŒã€ãã¡ã‚“ã¨å‹•ã„ã¦ãã‚Œã¾ã—ãŸï¼ã“ã®ãƒ†
beth321 2012/05/30
html5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

CSS3

jquery

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

webåˆ¶ä½œ

css

HTML

ãƒ–ãƒã‚°

ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º
ãƒªãƒ³ã‚¯
å¹ãå‡ºã—é¢¨CSSãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§Â·CSS Arrow Please MOONGIFT
CSS Arrow Pleaseã¯CSSã ã‘ã§ä½œæˆã™ã‚‹å¹ãå‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ä¸Šã§è¡Œãˆã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ Twitterã‚’ã¯ã˜ã‚ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒåŸºæœ¬ã®ã‚µãƒ¼ãƒ“ã‚¹ã§æ¬²ã—ããªã‚‹ã®ãŒå¹ãå‡ºã—é¢¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ãã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ç°¡å˜ã«ä½œæˆã§ãã‚‹ã®ãŒCSS Arrow Pleaseã§ã™ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã§ã™ã€‚å·¦ã«æã‹ã‚Œã¦ã„ã‚‹å¹ãå‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå³å´ã®CSSã§ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ å¹ãå‡ºã—ã®ä½ç½®ã¯ä¸Šä¸‹å·¦å³ã‹ã‚‰é¸ã¹ã¾ã™ã€‚ è‰²ã¯ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã‚’ä½¿ã£ã¦è‡ªç”±ã«é¸æŠžã§ãã¾ã™ã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ CSS Arrow Pleaseã§ã¯å¹ãå‡ºã—ã®é…ç½®ã‚„è‰²ã€ç·šã®å¤ªã•ãªã©ã‚’è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚å¾Œã¯å‡ºæ¥ä¸ŠãŒã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã«çµ„ã¿è¾¼ã‚€ã ã‘ã§ã™ã€‚ CSS Arrow Pleaseã¯HTML/CSSè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆMIT Licenseï¼‰ã§ã™ã€‚ MOONGIFT
beth321 2012/04/29
css

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

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

CSS3

webåˆ¶ä½œ

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹

å¹ãå‡ºã—

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

Twitter

-css3
ãƒªãƒ³ã‚¯
HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ å€‹äººçš„ã«ä»•äº‹ã®å¤§åŠã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ãªã®ã§ã€ æœ€è¿‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã»ã¨ã‚“ã©å…¨ã¦HTML5+CSS3ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€PCå‘ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã¾ã ã¾ã HTML4.01ã€XHTML1.0ã€CSS2.1ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€ä»Šå›žã¯HTML5+CSS3ã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦ã€å½¹ç«‹ã¤ã¨æ€ã†7ã¤ã®è¨å®šã«ã¤ã„ã¦ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼‘ï¼ŽHTML5ã®åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ¡ˆ <!DOCTYPEÂ html> <html> <head> <metaÂ charset=utf-8Â /> <title>HTML5Â åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ</title>  <linkÂ rel="stylesheet"Â media="screen"Â href="reset.css"Â />  <metaÂ nam
beth321 2012/04/20
*webåˆ¶ä½œ

html5

CSS3

css

webåˆ¶ä½œ

html

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

javascript

è¨å®š
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2010/06/html5-template.html
beth321 2012/04/13
css

css3

app

iPhone

html5

css3

HTML

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5ã®åŸºæœ¬çš„ãªã‚·ãƒ³ãƒ—ãƒ«ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒHTML5 Resetã€
ãƒ–ãƒ©ã‚¦ã‚¶ãªã©ã®åˆ¶ç´„ã«ã‚ˆã£ã¦ã¾ã ã¾ã å…¨ã¦ã®ç¾å ´ã§åˆ©ç”¨ã§ãã‚‹ã¨ã¯è¨€ã„ãŒãŸã„çŠ¶æ³ã§ã¯ã‚ã‚Šã¾ã™ãŒã€å›½å†…ã§ã‚‚å¾ã€…ã«åˆ©ç”¨ã•ã‚Œã¦ãã¦ã„ã‚‹HTML5ã€‚ãã‚ãã‚æ‰‹ã‚’ã¤ã‘ã‚ˆã†ã¨æ€ã£ã¦ã„ã‚‹WEBã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®çš†æ§˜ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ãã“ã§ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯HTML5+CSS3ã‚’åˆ©ç”¨ã—ãŸæ±Žç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒHTML5 Resetã€ã€‚ ã“ã¡ã‚‰ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯åŸºæœ¬çš„ãªCSSã€ãƒªã‚»ãƒƒãƒˆCSSãªã©éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ã„æ§‹æˆã§çµ„ã¿è¾¼ã¾ã‚Œã¦ãŠã‚Šã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦åˆ©ç”¨ã—ãŸã‚Šã€æ§‹é€ ã‚’å¦ã‚“ã ã‚Šã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ã“ã¡ã‚‰ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯2010å¹´ã‹ã‚‰å…¬é–‹ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ãŒç¶šã‘ã‚‰ã‚Œã‚Œã€ç¾åœ¨ã¯V2ã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ æœ¬ã‚’èªã¿è§£ã„ã¦è¦šãˆã‚‹ã®ã¯ç¢ºå®Ÿã§ã™ãŒã€æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã—ã€HTMLã®åŸºç¤ŽãŒã§ãã¦ã„ã‚‹æ–¹ã§ã‚ã‚Œã°ã€ç¿’ã†ã‚ˆã‚Šæ…£ã‚Œã‚ã§ã€ã“ã†è¡Œã£ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’è§¦ã£ã¦ã„ã£ãŸã»ã†ãŒã€é¥ã‹ã«å¦ç¿’åŠ¹çŽ‡ãŒã‚ˆã•ã
beth321 2012/01/29
css

archive

css3

ã‚ã¨ã§èªã‚€

html5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

webåˆ¶ä½œ

HTML

Webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ»IT
ãƒªãƒ³ã‚¯
HTML5&CSS3ã‚’åˆ©ç”¨ã—ãŸç¾Žã—ã„ï¼”ï¼ã®ãƒ•ãƒªãƒ¼ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†:phpspoté–‹ç™ºæ—¥èªŒ
40 Beautiful Free HTML5 & CSS3 Templates HTML5&CSS3ã‚’åˆ©ç”¨ã—ãŸç¾Žã—ã„ï¼”ï¼ã®ãƒ•ãƒªãƒ¼ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ HTML5ã¨ã‹CSS3ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãŸã„æ–¹ã¯å‚è€ƒã«ã§ããã†ã§ã™ã€‚ HTML5ã¨ã‹CSS3ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ„Ÿè¦šã‚’ã¤ã‹ã‚“ã§ã€ãã†ã—ãŸã‚µã‚¤ãƒˆåˆ¶ä½œã®éš›ã«å‚è€ƒã«ã§ãã¾ã™ã ã“ã‚Œã‚‰ãŒãƒ•ãƒªãƒ¼ã¨ã¯ã™ã°ã‚‰ã—ã„ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ï¼‹CSS3ãƒ™ãƒ¼ã‚¹ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†ï¼‘ï¼’ HTML5ã¨CSS3ã‚’ä½¿ã£ãŸãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼“ï¼ HTML5ï¼‹CSS3ã§ã‚¯ãƒ¼ãƒ«ãªã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã€ŒZENã€
beth321 2011/12/05
css3

html5

css

HTML

webåˆ¶ä½œ

*webåˆ¶ä½œ

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

ç´ æ

Web

Template
ãƒªãƒ³ã‚¯
1