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

locked_dog id:locked_dog

css3ã¨CSSã«é–¢ã™ã‚‹locked_dogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

${{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ãƒœã‚¿ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ20 CSS3 Tutorials and Techiques for Creating Buttonsã€
TOPÂ Â >Â Â WebDesignÂ Â >Â Â CSS3ãƒœã‚¿ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ20 CSS3 Tutorials and Techiques for Creating Buttonsã€ WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¬¡ä¸–ä»£è¦æ ¼ã¨ã—ã¦æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹CSS3ã€‚å¾ã€…ã«æŠ€è¡“ç³»ã®WEBã‚µã‚¤ãƒˆã§ã‚‚å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã€WEBãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œå†…ã§ã¯è©±ãŒã§ã‚‹æ©Ÿä¼šã‚‚å¢—ãˆã¦ããŸã¨æ€ã„ã¾ã™ãŒã€ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯CSS3ã‚’ä½¿ã£ã¦ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ20 CSS3 Tutorials and Techiques for Creating Buttonsã€ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Pretty CSS3 Buttons ã‚°ãƒ©ãƒ¼ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚ªãƒ¼ãƒãƒ©ãƒƒãƒ—ã€ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ãªã©ãªã©ã€ã„ã¾ã¾ã§ç”»åƒã§ã—ã‹è¡¨ç¾ãŒå›°é›£ã ã£ãŸãƒœã‚¿ãƒ³è¡¨ç¾ãŒå¤šæ•°é›†ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹æ°—ã«ãªã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ â– Cool O
locked_dog 2012/04/25
webãƒ‡ã‚¶ã‚¤ãƒ³

tips

ãƒœã‚¿ãƒ³

css3

CSS

Webåˆ¶ä½œ

Button

web
ãƒªãƒ³ã‚¯
CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ç‰‡æ‰‹æ“ä½œãƒ¡ãƒ‹ãƒ¥ãƒ¼
ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ ï¼ˆã‚¿ãƒƒãƒ—ï¼‰ ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã ã¨ç‰‡æ‰‹ã ã‘ã§æ“ä½œã—ã‚„ã™ã„ã¿ãŸã„ãª UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript ï¼ˆjQuery ä½¿ç”¨ï¼‰ ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚ ä¹…ã€…ã«ã“ã®æ‰‹ã®ãƒã‚¿æ›¸ã„ãŸæ°—ãŒã—ã¾ã™ã‘ã©ã‚‚â€¦ ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ ï¼ˆã‚¿ãƒƒãƒ—ï¼‰ ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã ã¨ç‰‡æ‰‹ã ã‘ã§æ“ä½œã—ã‚„ã™ã„ã¿ãŸã„ãª UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript ï¼ˆjQuery ä½¿ç”¨ï¼‰ ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚å¤šåˆ†è¨€è‘‰ã§è¨€ã£ã¦ã‚‚ä¼ã‚ã‚Šã«ãã„ã¨æ€ã„ã¾ã™ã®ã§å®Ÿéš›ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã¾ãšã¯è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ç‰‡æ‰‹æ“ä½œãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚µãƒ³ãƒ—ãƒ« ç¾åœ¨æœ€æ–°ç‰ˆã® Firefox
locked_dog 2012/03/05
CSS

ID

HTML

UI

smartphone

css3

webdesign

jQuery

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
locked_dog 2012/02/16
CSS

iphone

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

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

smartphone

HTML5

WEBåˆ¶ä½œ

css

CSS3

android
ãƒªãƒ³ã‚¯
Imageless iPhone 4 by Vasyl Zubach
Imageless iPhone made with CSS by Vasyl Zubach. No images, base64, SVG, or canvas, just a lot of CSS and a little bit of JavaScript
locked_dog 2012/01/31
ã¬ã‚‹ã¬ã‚‹å‹•ãâ€¦ã™ã”ã„ï¼

CSS

css3

iPhone

IT

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

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

CSS3

WebDesign

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
[CSS]ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§è§’ä¸¸ã®ã‚¿ãƒ–ã‚’ã‚ˆã‚Šç¾Žã—ãå®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ç”»åƒã‚’ä½¿ç”¨ã›ãšã«ã€ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§è§’ä¸¸ã®ã‚¿ãƒ–ã‚’ã‚ˆã‚Šç¾Žã—ãå®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ (Better) Tabs with Round Out Borders [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯Chrome, Safari, Firefox, Operaã§ã”è¦§ãã ã•ã„ã€‚ IEã¯ãŸã¶ã‚“IE10ã§å¯¾å¿œã™ã‚‹ã¯ãšã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å®Ÿè£… ã¾ãšã¯ã€HTMLã‹ã‚‰ã€‚ HTML ã‚¿ãƒ–ã‚’ã‚·ãƒ³ãƒ—ãƒ«ãªãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <ul class="tabrow"> <li>Lorem</li> <li>Ipsum</li> <li class="selected">Sit amet</li> <li>Consectetur adipisicing</li> </ul> [ad#ad-2] CSS CSSã®å®Ÿè£…ã¯ã€å°‘ã—ãšã¤ã‚ãƒ£ãƒ—ãƒãƒ£ã¨
locked_dog 2012/01/17
HTML

Webåˆ¶ä½œ

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

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

css3

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

css

html

è§’ä¸¸

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
2130703450443574201?keyword=HTML5
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
locked_dog 2011/12/21
HTML

ã¾ã¨ã‚

CSS

HTML5

css3

web

webåˆ¶ä½œ

ã¾ã¨ã‚

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

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ç´” CSS ç¹ªè£½ K-ON! ç§‹å±±æ¾ª (Beta3)
ç´” CSS ç¹ªè£½ã€Œè¼•éŸ³å°‘å¥³ã€ç§‹å±±æ¾ª Pure CSS Design 'K-ON!' Akiyama Mio ç”»åƒã‚’ä¸€åˆ‡ä½¿ã‚ãšCSSã§æã‹ã‚ŒãŸã€Œã‘ã„ãŠã‚“!ã€ã®ç§‹å±± æ¾ª 2011/11/24 [beta1] åˆç‰ˆç´”éœæ…‹ç„¡å‹•ç•« 2011/11/25 [beta2] æ›´æ–°äº†è¥¯è¡«éŒ¯ä½ã€æ–°å¢žé é«®èˆ‡çœ¼ç›çš„å‹•ç•«åŠŸèƒ½ 2014/05/08 [beta3] ä¿®æ£éƒ¨åˆ† Chrome 23 ä¹‹å¾Œã€åœ¨ keyframe ä¸ä¸‹ skew é€ æˆçš„å€å¡ŠéŒ¯ä½ [æ³¨æ„!!] å› ç‚ºæˆ‘ç„¡æ„é–“ç™¼ç¾ï¼Œæœ‰äººæŠŠé€™ä½œå“æ‹¿ä¾†ç•¶ç€è¦½å™¨çš„æ”¯æ´åˆ¤å®šï¼Œç‚ºäº†é¿å…è‡ªå·±æˆç‚ºç¬¬äºŒå€‹å“†å•¦Aå¤¢ï¼Œæ‰€ä»¥è¦ç‰¹åˆ¥æ¾„æ¸…ä¸€ä¸‹ã€‚ é€™ä½œå“ä¸€é–‹å§‹å®Œæˆæ™‚ï¼Œå° Rei å®Œå…¨ä¸èªç‚º IE ç³»åˆ—èƒ½æ£å¸¸å‹•ä½œï¼Œæ‰€ä»¥å®Œå…¨æ²’æœ‰åŠ ä¸Š IE å» å•†å°ˆç”¨çš„èªžæ³•(å°±æ˜¯ Firefox çš„ -moz-ã€Chrome/Safari çš„ -webkit-ã€Opera çš„ -o-ï¼ŒIE ç•¶ç„¶ä¹Ÿæœ‰ -ms-)ã€‚å°±
locked_dog 2011/12/20
firefox

CSS

css3

Chrome

Google

google+

ã“ã‚Œã¯ã™ã”ã„

neta

ã‚¢ãƒ‹ãƒ¡

css
ãƒªãƒ³ã‚¯
é›»è©±å ã„ã§ä½¿ã‚ã‚Œã‚‹å è¡“ã‚’ã”ç´¹ä»‹ | å½“ãŸã‚‹é›»è©±å ã„ãŠã™ã™ã‚ãƒ©ãƒ³ã‚ãƒ³ã‚°ï½žå£ã‚³ãƒŸã§è©•åˆ¤ã®å½“ãŸã‚‹é›»è©±å ã„ã‚µã‚¤ãƒˆç´¹ä»‹ï½ž
å°ã•ã„ã“ã‚ã‹ã‚‰å ã„ã«èˆˆå‘³ãŒã‚ã£ã¦ã€è‰²ã€…ã¨å‹‰å¼·ã—ã¦ã„ã‚‹ã†ã¡ã«ã©ã‚“ã©ã‚“å¥½ãã«ãªã‚Šã€çš†ã•ã‚“ã«ã‚‚å ã„ã®è‰¯ã•ã‚’çŸ¥ã£ã¦ã»ã—ãã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚ çŸ¥ã‚Šåˆã„ã«å ã„å¸«ã‚„éœŠèƒ½åŠ›è€…ã€ãŠå¯ºã®ä½è·ãŒãŸãã•ã‚“ã„ã‚‹ã®ã§ã€ãã®æ–¹ãŸã¡ã«ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã—ã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚
locked_dog 2011/12/13
FF

ã‚µãƒ³ãƒ—ãƒ«

color

font

css3

CSS

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

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

design

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
2011å¹´ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æŒ¯ã‚Šè¿”ã‚‹
2011å¹´ã®ã‚¦ã‚§ãƒ–åˆ¶ä½œã®è©±é¡Œã®ä¸å¿ƒã¯HTML5ã¨CSS3ã§ã—ã‚‡ã†ã€‚ ã“ã“ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³é¢ã‚’ä¸å¿ƒã«ã€2011å¹´ã«äººæ°—ãŒé«˜ã‹ã£ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Popular Web Design Trends in 2011: Over 50 Inspiring Examples [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Responsive Web Design ç‚¹ç·š ã‚µãƒ¼ã‚¯ãƒ« ãƒ¬ãƒˆãƒã‚¹ã‚¿ã‚¤ãƒ« ãƒªãƒœãƒ³ ãƒžã‚¸ãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼ã€Ž3ã€ å°‘ã—ã‚ãã‚Œã¦ã‚‹ãƒšãƒ¼ãƒ‘ãƒ¼ ãƒœãƒ¼ãƒ€ãƒ¼ãƒ¬ã‚¹ ã‚°ãƒªãƒƒãƒ‰ å¯¾è§’ç·š Responsive Web Design Responsive Web Designã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã™ã‚‹ç’°å¢ƒï¼ˆã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãªã©ï¼‰ã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãªãã€iPhoneãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€iPadãªã©ã€ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©ãª
locked_dog 2011/12/12
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

design

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

web

ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—

ãƒ–ãƒ©ã‚¦ã‚¶

ã‚¦ã‚§ãƒ–

CSS

css3

è©±é¡Œ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ç©æ¥µçš„ã«ä½¿ã„ãŸã„4ã¤ã®CSS3ï½œã‚¯ãƒãƒŽãƒ‰ãƒ©ã‚¤ãƒ–
CSS3ã¯é€šå¸¸ã®Webã‚µã‚¤ãƒˆã§ã¯ã€IE6ï½ž8ãŒé«˜ã„ã‚·ã‚§ã‚¢ã‚’æŒã£ã¦ã„ã‚‹ãŸã‚ç¾çŠ¶ã§ã¯ã‚ã¾ã‚Šä½¿ã‚ã‚Œã¾ã›ã‚“ã€‚ ã—ã‹ã—ã€iPhoneã¨Androidã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯webkitã¨ã„ã†åŒã˜HTMLãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ãŸã‚ã€å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ°—ã«ã›ãšCSS3(*1)ã‚’ä½¿ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ï¼ˆIEã‚’æ°—ã«ã›ãšã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‡ºæ¥ã‚‹ãªã‚“ã¦ã¡ã‚‡ã£ã¨ã†ã‚Œã—ã„ã§ã™ãï¼ï¼‰ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ç©æ¥µçš„ã«ä½¿ã£ã¦ã„ããŸã„CSS3ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ *1â€¦ã™ã¹ã¦ã®CSS3ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒä½¿ãˆã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒœãƒ¼ãƒ€ãƒ¼ã®è§’ä¸¸ã‚’æŒ‡å®šã™ã‚‹ border-radiusãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã†ã“ã¨ã§ç°¡å˜ã«è§’ä¸¸ã‚’ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ 4ã¤è§’ã®åŠå¾„ã‚’ä¸€åº¦ã«æŒ‡å®šã™ã‚‹ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰
locked_dog 2011/11/30
ã‚µãƒ³ãƒ—ãƒ«

CSS

css3

web

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

ãƒ¢ãƒã‚¤ãƒ«

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

css

è§’ä¸¸

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
HTML5ã¨CSS3ã‚’ä½¿ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã€€ï¼ iPhoneç‰ˆYahoo!JAPANãƒˆãƒƒãƒ—ã®é–‹ç™ºäº‹ä¾‹ç´¹ä»‹
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
locked_dog 2011/11/30
iPhone

CSS

Japan

yahoo

Yahoo!

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

css3

webåˆ¶ä½œ

HTML5

HTML
ãƒªãƒ³ã‚¯
[CSS]hrè¦ç´ ã‚’ãŠã—ã‚ƒã‚Œã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹8ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ CSS3ã‚’ä½¿ã£ãŸ8ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®8ã¤ã®å®Ÿè£…æ–¹æ³•ã‚’å€‹åˆ¥ã«è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ HTML HTMLã¯å…¨ãƒ‡ãƒ¢å…±é€šã§ã€hrè¦ç´ ã«classåã‚’ä»˜ä¸Žã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªå®Ÿè£…ã§ã™ã€‚ <hr class="style-one"> [ad#ad-2] CSS ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯å„ãƒ‡ãƒ¢ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã¨ã¨ã‚‚ã«ã”ç´¹ä»‹ã€‚ ç¹Šç´°ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr
locked_dog 2011/11/24
ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

CSS

+++CSS3ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°-w

HTML

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

css3

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

css

hr

html
ãƒªãƒ³ã‚¯
1