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

mingos id:mingos

css3ã«é–¢ã™ã‚‹mingosã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (53)

${{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ã§ä½¿ã†å˜ä½ã¯px, em, remã®ã©ã‚ŒãŒé©ã—ã¦ã„ã‚‹ã‹æ¤œè¨¼ -pxæŒ‡å®šã¯æ³¨æ„ãŒå¿…è¦
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã®Media Queriesã‚’ä½¿ã†æ™‚ã«ã€Œ@media (min-width: 400px) {}ã€ã®ã‚ˆã†ã«ã€Œpxã€ã‚’å˜ä½ã«ä½¿ç”¨ã—ã¦ã„ã‚‹äººã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€pxæŒ‡å®šã«ã¯æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚ Webãƒšãƒ¼ã‚¸ã§ã‚ˆãä½¿ç”¨ã•ã‚Œã‚‹æ¡ä»¶ã§æ¤œè¨¼ã‚’è¡Œã„ã€Media Queriesã§ãªãœpxã‚’ä½¿ã£ã¦ã¯ã„ã‘ãªã„ã®ã‹ã€ãã—ã¦ä½•ãŒé©ã—ã¦ã„ã‚‹ã®ã‹ãŒåˆ†ã‹ã‚‹æ¤œè¨¼è¨˜äº‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ PX, EM or REM Media Queries? ä»¥ä¸‹ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« pxã¨emã¨remã®æ¤œè¨¼æ–¹æ³• æ¤œè¨¼1. htmlè¦ç´ ã§font-sizeã‚’æŒ‡å®š æ¤œè¨¼2. ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚ºãƒ¼ãƒ ãŒå¯èƒ½ æ¤œè¨¼3. ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒ•ã‚©ãƒ³ãƒˆè¨å®šãŒå¤‰æ›´å¯èƒ½ æ¤œè¨¼ã®çµæžœ ã¯ã˜ã‚ã« ã‚ãªãŸã¯Media Queriesã§ä½¿ã†å˜ä½ã«px, em, remã®ã©ã‚ŒãŒä¸€ç•ª
mingos 2016/03/29
MediaQueryã¯emã§ã‚„ã‚‹ã€‚ã¡ãªã¿ã«ã€htmlè¦ç´ ã§font-sizeã‚’æŒ‡å®šã—ãªã„ã‹ã€100%ã‚’æŒ‡å®šã™ã‚‹ã¨1em=16pxã¨ã„ã†ä»•æ§˜

é–‹ç™º

css3
ãƒªãƒ³ã‚¯
ideahacker.netÂ -Â ideahacker ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
mingos 2013/11/28
CSSã§å¹ãå‡ºã—ã‚’ä½œã‚‹æ™‚ã®ã€è¶³ã®éƒ¨åˆ†ã®åŽŸç†

é–‹ç™º

html5

css3
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ç°¡å˜ã«å¹ãå‡ºã—ã‚’ä½œæˆã™ã‚‹æ–¹æ³•4ã¤ï¼
ã“ã‚“ã«ã¡ã¯ã€æ©‹æœ¬ã§ã™ã€‚ ä»Šæ—¥ã¯CSSã ã‘ã§ãŠæ‰‹è»½ã«å¹ãå‡ºã—ã‚’ä½œã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¯4ã¤ ä¸€èˆ¬çš„ãªä¸‰è§’ã®å¹ãå‡ºã— ä¸€èˆ¬çš„ãªä¸‰è§’ã®å¹ãå‡ºã—ï¼ˆãƒœãƒ¼ãƒ€ãƒ¼ä»˜ãï¼‰ ã½ã‚ã‚ãƒ¼ã‚“ã¨ã—ãŸå¹ãå‡ºã— ä¸¸ã„ï¼ˆæ›²ç·šã®ï¼‰å¹ãå‡ºã— 4ã¤ã®ã‚µãƒ³ãƒ—ãƒ«ã®å®Ÿè¡Œçµæžœã¯ã€ã“ã“ã§ç¢ºèªã§ãã¾ã™ã€‚ IE9ä»¥ä¸Šã¨IEä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚ã‚Œã°ã¡ã‚ƒã‚“ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ IE8ä»¥ä¸‹ã¯border-radiusãŒä½¿ç”¨å‡ºæ¥ãªã„ãŸã‚ã€ã‚µãƒ³ãƒ—ãƒ«3ã¨ã‚µãƒ³ãƒ—ãƒ«4ãŒã¡ã‚ƒã‚“ã¨è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ãã‚Œã§ã¯1ã¤1ã¤è¦‹ã¦è¡Œãã¾ã—ã‚‡ã†ã€‚ 1.ä¸€èˆ¬çš„ãªä¸‰è§’ã®å¹ãå‡ºã— ã¾ãšã¯ã‚½ãƒ¼ã‚¹ã‹ã‚‰ã€‚ <!DOCTYPEÂ HTML> <htmlÂ lang="ja"> <head> <metaÂ charset="UTF-8"> <styleÂ type="text/css"> *Â { box-sizing:Â border-box; } .wrapp
mingos 2013/11/28
CSSã§å¹ãå‡ºã—

é–‹ç™º

html5

css3
ãƒªãƒ³ã‚¯
Android 4 ã«å˜åœ¨ã™ã‚‹ device-width/height ã®ãƒã‚° - ãƒ¡ãƒ¢ç”¨ç´™
Android 4 ã§ã¯ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã§ç”¨ã„ã‚‰ã‚Œã‚‹ device-width/height ã®å€¤ãŒã€é€šå¸¸ã® CSS ãƒ”ã‚¯ã‚»ãƒ«ã§ã¯ãªãã€ãƒ‡ãƒã‚¤ã‚¹ãƒ”ã‚¯ã‚»ãƒ«ã¨ã—ã¦ä¸Žãˆã‚‰ã‚Œã‚‹ãƒã‚°ãŒã‚ã‚‹ã€‚ãã®ãŸã‚ Xperia Z ãªã©é«˜è§£åƒåº¦ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æŒã¤ç«¯æœ«ã§ã€åºƒã„ç”»é¢ã®ãŸã‚ã«è¨è¨ˆã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒé©ç”¨ã•ã‚Œã‚‹ã¨ã„ã£ãŸå•é¡ŒãŒç™ºç”Ÿã™ã‚‹ã€‚ CSSãƒ”ã‚¯ã‚»ãƒ« é«˜è§£åƒåº¦ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ç™»å ´ã«ã‚ˆã‚Šã€CSS ã§æŒ‡å®šã—ãŸãƒ”ã‚¯ã‚»ãƒ«æ•°ã‚’ãã®ã¾ã¾ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ãƒ”ã‚¯ã‚»ãƒ«ã«å½“ã¦ã¯ã‚ã‚‹ã¨ã€ç‰©ç†çš„ãªã‚µã‚¤ã‚ºãŒå°ã•ããªã‚Šã™ãŽã¦ã—ã¾ã†ã€‚ãŸã¨ãˆã° 72 ppi ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§ã¯ã€16 px ã®æ–‡å—ã¯ 16 pt ã®å¤§ãã•ã¨ã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹ãŒã€264 ppi ã®è§£åƒåº¦ã‚’æŒã¤ iPhone 4/5 ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§ã¯ã‚ãšã‹ 4.36 pt ã¨ã€ãƒ«ãƒ“ç¨‹åº¦ã®å¤§ãã•ã«ãªã£ã¦ã—ã¾ã†ã€‚ ãã“ã§ã€ŒCSS ãƒ”ã‚¯ã‚»ãƒ«ã€ã¨ã„ã†ä»®æƒ³çš„ãªå€¤ãŒè€ƒãˆã‚‰ã‚ŒãŸã€‚å®Ÿéš›ã®ãƒ”ã‚¯
mingos 2013/10/25
é–‹ç™º

android

css3
ãƒªãƒ³ã‚¯
ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç”Ÿã‹ã—ã¦ä½œã‚‹ã€æ±Žç”¨æ€§ã®ã‚ã‚‹ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³
ã•ã¦ä»Šå›žã¯ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®é›†å¤§æˆã¨ã‚‚ã„ãˆã‚‹ã€Œã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã€ã§ã™ã€‚ã“ã‚Œã¾ã§ã®é€£è¼‰ã§å–ã‚Šä¸Šã’ãŸæ•°ã€…ã®ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã€Œã‚ºãƒ«ã„ãƒ†ã‚ã‚¹ãƒˆã‚·ãƒ£ãƒ‰ã‚¦ã€ã€Œã‚ºãƒ«ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€Œã‚ºãƒ«ã„è§’ä¸¸ã€ã€ãã—ã¦å‰å›žè§£èª¬ã—ãŸã€Œã‚ºãƒ«ã„ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚’ç”¨ã„ãŸã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã®ä½œã‚Šæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ ä»Šå›žã®ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã«é–¢ã—ã¦ã¯ã€ä»¥å‰ã«ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç´¹ä»‹ã—ãŸã‚‚ã®ã‹ã‚‰å¤§å¹…ã«æ”¹å®šã‚’åŠ ãˆã¦ã€ã‚ˆã‚Šæ±Žç”¨æ€§ãŒã‚ã‚Šã€ã•ã¾ã–ã¾ãªå ´é¢ã§ä½¿ã„å‹æ‰‹ã®è‰¯ã„ã‚‚ã®ã«åˆ·æ–°ã—ã¾ã—ãŸã€‚ æ”¹è‰¯ã®ãƒã‚¤ãƒ³ãƒˆã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ æ–‡å—ã‚µã‚¤ã‚ºã®å¤‰æ›´ã€ã¾ãŸãã‚Œã«ä½µã›ã¦ãƒœã‚¿ãƒ³ã‚µã‚¤ã‚ºã®å¤‰æ›´ã«å¯¾å¿œã—ã¦ã„ã¾ã™ iã‚¿ã‚°ã‚’ä½¿ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ç”¨ã®Webãƒ•ã‚©ãƒ³ãƒˆã«å¯¾å¿œã—ã¾ã—ãŸã€‚ä»Šå›žã¯font-awesomeã‚’ä½¿ã£ã¦è§£èª¬ã—ã¦ã„ã¾ã™ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®æµè¡Œã«ä¼´ã†ãƒ‡ã‚¶ã‚¤ãƒ³å‚¾å‘ã«åˆã‚ã›ã€ç«‹ä½“æ„Ÿã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚ˆã‚ŠæŽ§ãˆã‚ã«ã€ã‹ã¤paddingã‚’å¤§ãã‚ã«å–ã£ãŸ
mingos 2013/09/13
é–‹ç™º

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

css3

sass

compass
ãƒªãƒ³ã‚¯
Progress Bar CSS: Tips for Stylish Implementation
Progress bars have become ubiquitous elements, gracing numerous interfaces with their presence. These bars serve the purpose of visually conveying the ongoing status of a particular procedure, be it the advancement of a download or the movement of files from one place to another. Regardless of whether your endeavor involves the development of a desktop software or a web-based application, there in
mingos 2013/09/04
é–‹ç™º

css3

javascript

ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼
ãƒªãƒ³ã‚¯
CSSã‚µãƒ³ãƒ—ãƒ«é›†
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transf orm: skew(-25deg) rotate(5deg); -ms-transf orm: skew(-25deg) rotate(5deg); -webkit-transf orm: skew(-25deg) rotate(5deg); transf orm: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
mingos 2013/09/03
é–‹ç™º

css3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ä½œã‚‹amazoné¢¨ãªç¸¦åž‹ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼
å…ˆæ—¥ã€ã€ŒCSSã ã‘ã§ä½œã‚‹å‹•ãã®ã‚ã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã¨ã„ã†è¨˜äº‹ã®ã‚³ãƒ¡ãƒ³ãƒˆå†…ã§ã€amazonã®ã‚ˆã†ãªãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’CSSã ã‘ã§ä½œã‚Œãªã„ã®ã‹ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆã„ãŸã ãã¾ã—ãŸã®ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ CSSã ã‘ã§ã™ã®ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ç¾ã‚Œæ–¹ãªã©è‹¥å¹²é•ã„ã¾ã™ã€‚box-shadowã¨border-radiusã¯IE8ä»¥ä¸‹ã§ã€çŸ¢å°ã‚’ä½œã‚‹ãŸã‚ã®æ“¬ä¼¼è¦ç´ ã¯IE7ä»¥ä¸‹ã§éžå¯¾å¿œã§ã™ãŒã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã—ã¦ã®æ©Ÿèƒ½ã¯æžœãŸã›ã¾ã™ã€‚ ã§ã¯è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ HTML ã¾ãšã¯HTMLã‹ã‚‰èª¬æ˜Žã—ã¾ã™ã€‚é•·ã„ã®ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼1ã¤åˆ†ã®ã¿è¼‰ã›ã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰å…¨ä½“ã¯ã‚µãƒ³ãƒ—ãƒ«ã®ä¸‹ã«è¼‰ã›ã¦ã„ã¾ã™ã®ã§ã”è¦§ãã ã•ã„ã€‚ <div id="menu-tittle">ãƒ¡ãƒ‹ãƒ¥ãƒ¼</div> <ul id="sample"> <li> <a href="#">ãƒ¡ã‚¤ãƒ³ã‚«ãƒ†ã‚´ãƒªãƒ¼1</a> <ul> <h3>ãƒ¡ã‚¤ãƒ³ã‚«ãƒ†ã‚´ãƒªãƒ¼1</h3> <li><a href="#">ã‚µãƒ–
mingos 2013/09/02
é–‹ç™º

css3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ä½œã‚‹å‹•ãã®ã‚ã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼
ã§ã¯ã€HTMLã‹ã‚‰è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ HTML <ul id="dropmenu"> <li><a href="#">ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a> <ul> <li><a href="#">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <li><a href="#">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <li><a href="#">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <li><a href="#">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> </ul> </li> <li><a href="#">ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a> <ul> <li><a href="#">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <li><a href="#">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <li><a href="#">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> <li><a href="#">ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼</a></li> </ul> </li> <li><a href="#">ãƒ¡
mingos 2013/09/02
é–‹ç™º

css3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ4ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ iPhoneã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã€Webãƒšãƒ¼ã‚¸ã®åˆ¶ä½œãƒ•ãƒãƒ¼ã«ã‚‚å¤§ããªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã—ãŸã€‚Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã ã‚ã†ã‹ã€‚ ã¯ã˜ã‚ã« 2010å¹´6æœˆã«ç™»å ´ã—ãŸã‚¢ãƒƒãƒ—ãƒ«ã®iPhone 4ã«ã¯ã€ŒRetinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€ã¨å‘¼ã°ã‚Œã‚‹ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’è¦†ã—ãŸé«˜ç²¾ç´°ãªãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãŒæè¼‰ã•ã‚Œã¾ã—ãŸã€‚ãã‚Œä»¥é™ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã¨ã„ã£ãŸãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã‚ˆã‚Šè§£åƒåº¦ã®é«˜ã„ã‚‚ã®ã¸ã¨é€²åŒ–ã—ã¦ã„ãã€2013å¹´ã®åˆã‚ã«ã¯ã‚µãƒ ã‚¹ãƒ³é›»åã®GALAXY S4ã‚„ã‚½ãƒ‹ãƒ¼ãƒ¢ãƒã‚¤ãƒ«ã®Xperia Zãªã©ã€ãƒ•ãƒ«HDç”»è³ªå¯¾å¿œï¼ˆ1920Ã—1080ãƒ”ã‚¯ã‚»ãƒ«ï¼‰ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æè¼‰ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒç™»å ´ã™ã‚‹ã¾ã§ã«ãªã‚Šã¾ã—ãŸã€‚ é«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ç™»å ´
mingos 2013/08/30
é–‹ç™º

html5

css3

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã‚’ä½¿ç”¨ã›ãšã«ã€èƒŒæ™¯ã‚’ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã‚„ãƒã‚§ãƒƒã‚¯æŸ„ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
Checkerboard, striped & other background patterns with CSS3 gradients [ad#ad-2] å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯Firefox 3.6+, Chrome, Safariã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ã¯ç”»åƒã‚’ä½¿ç”¨ã›ãšã«ã€ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ãªã©è¨ˆ6ç¨®é¡žã®èƒŒæ™¯ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ CSSï¼šã‚¹ãƒˆãƒ©ã‚¤ãƒ— å…¨ã¦ã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹æŒ‡å®šã§ã™ã€‚ L.8-10ã§ã€ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã—ã¾ã™ã€‚ .stripes { height: 250px; width: 375px; float: left; margin: 10px; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-siz
mingos 2013/08/29
é–‹ç™º

css3
ãƒªãƒ³ã‚¯
cmmntr.com
This domain may be for sale!
mingos 2013/08/28
é–‹ç™º

css3

ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼
ãƒªãƒ³ã‚¯
Googleã‹ã‚‰å¦ã¶ ãƒŒãƒ«ãƒŒãƒ«ã‚µã‚¯ã‚µã‚¯ãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Qiita
##ã‚¹ãƒžãƒ•ã‚©webãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚¢ãƒ—ãƒªã§ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ãŒã€webãƒšãƒ¼ã‚¸ã§ã¯ãªã‹ãªã‹ä½¿ã„å¿ƒåœ°ã®ã‚ˆã„ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯è¦‹ã‹ã‘ã¾ã›ã‚“ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯javascriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã©ã†ã—ã¦ã‚‚ã‚¬ã‚¿ã‚¬ã‚¿ã«ãªã£ã¦ã—ã¾ã†ã—ã€ã¡ã‚‰ã¤ãã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«åˆ¶å¾¡ã®ã‚ã‚“ã©ãã•ã•ã‹ã‚‰ã‚‚ã†webãƒšãƒ¼ã‚¸ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªä¸¦ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãªã‚“ã¦ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ Facebookã®webãƒšãƒ¼ã‚¸ã§ã™ã‚‰ãƒœã‚¿ãƒ³ã®åå¿œã¯æ‚ªã„ã—ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å‹•ã‹ãªã„ã—æœ€æ‚ªã§ã™ã€‚ ##ä¸€æ–¹Googleå…ˆç”Ÿã¯ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ã¦ã„ãŸ ã•ã™ãŒGoogleå…ˆç”Ÿï¼ ä¿ºé”ã«å‡ºæ¥ãªã„ã“ã¨ã‚’( Googleã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥ä¸‹ã®ç‚¹ã§ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆã§ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚æ»‘ã‚‰ã‹ãƒ»ã¡ã‚‰ã¤ã‹ãªã„ ãƒœã‚¿ãƒ³ã®åå¿œã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãª
mingos 2013/08/28
é–‹ç™º

css3

javascript

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
text-shadowã‚’ä½¿ã£ã¦ãƒ†ã‚ã‚¹ãƒˆã«ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä¸Žãˆã‚‹å…¨23ç¨®é¡žã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
Text Shadow Compilation ãƒ‡ãƒ¢ã¯å…¨éƒ¨ã§23ç¨®é¡žã€ã‹ã£ã“ã„ã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã¯ã˜ã‚ã€ä½¿ã„æ–¹ãŒé™å®šã•ã‚ŒãŸã‚¢ãƒ¬ãªã‚‚ã®ã¾ã§ã€ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ åŸºæœ¬ã®HTML HTMLã®åŸºæœ¬ã¯classã‚’ä»˜ä¸Žã—ãŸh1è¦ç´ ã®ã¿ã§ã™ã€‚ classã‚’å¤‰æ›´ã—ã¦ã€åˆ©ç”¨ã—ã¦ãã ã•ã„ã€‚ <h1 class="basic">Basic</h1> ä»¥ä¸‹ã€å„ãƒ‡ãƒ¢ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚
mingos 2013/08/26
é–‹ç™º

css3
ãƒªãƒ³ã‚¯
åˆ¶ä½œæ¡ˆä»¶ã«ä½¿ãˆã°æ³¨ç›®åº¦ã‚¢ãƒƒãƒ—ï¼CSS3ã‚’ä½¿ã£ãŸé©šãã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¾
ä¸€èˆ¬çš„ãªã‚µã‚¤ãƒˆåˆ¶ä½œæ¡ˆä»¶ã§ã¯ã€éŽåº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³... / CSS3ã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¾ / Simple Icon Hover Effect...ä»–...å…¨10ä»¶ ä¸€èˆ¬çš„ãªã‚µã‚¤ãƒˆåˆ¶ä½œæ¡ˆä»¶ã§ã¯ã€éŽåº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹ã“ã¨ã¯å°‘ãªã„ã§ã™ãŒã€ä¸Šæ‰‹ã«å–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã§åˆ©ç”¨è€…ã®å¿ƒã‚’ã‚°ãƒƒã¨ã¤ã‹ã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚ã©ã†ã›ä½œã‚‹ãªã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å°è±¡ã«æ®‹ã‚Šã€ã‹ã¤ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ç›®çš„ã‚’é”æˆã§ãã‚‹ã‚µã‚¤ãƒˆã«ä»•ä¸Šã’ãŸã„ã‚‚ã®ã§ã™ã€‚ ãã‚“ãªã€ã“ã‚Œã‹ã‚‰ã®åˆ¶ä½œæ¡ˆä»¶ã«ã‚‚æŽ¡ç”¨ã§ããã†ãªã€ã¡ã‚‡ã£ã¨ç›®ã‚’å¼•ãè¡¨ç¾æ–¹æ³•ã‚’é›†ã‚ã¾ã—ãŸã€‚
mingos 2013/07/13
é–‹ç™º

css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
CSS3ã§å®Ÿç¾ã™ã‚‹ã‚¢ãƒãƒ¼ã‚¢ã‚¤ã‚³ãƒ³
CSS3ã§å®Ÿç¾ã™ã‚‹ã‚¢ãƒãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§ãƒªãƒ³ã‚¯é ˜åŸŸã‚’ç¤ºã™ã“ã¨ãªã©ã§ä½¿ã‚ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã‚¢ãƒãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã€‚ã“ã‚Œã‚’CSS3ã‚’ä½¿ã£ã¦è¡¨ç¾ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã‚¢ãƒãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã¨ã¯ã“ã‚“ãªã‹ã‚“ã˜ã®ãƒªã‚¹ãƒˆã®å³ã«ã‚ã‚‹çŸ¢å°ã€‚(ã‚¢ãƒãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã®æ£å¼åç§°ã¨ã‹ã‚ã‚‹ã®ã‹ã—ã‚‰) ã¾ãšã€HTMLã¯æ¬¡ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ä»Šå›žã¯ä¾¿å®œçš„ã«ã‚¢ãƒãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä»˜ã‘ã‚‹aè¦ç´ ã«classå±žæ€§ã€Œarrowã€ã‚’ä»˜åŠ ã—ã¦ã„ã¾ã™ã€‚ <ul> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#">link</a></li> <ul> .arrowã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªCSSã‚’æŒ‡å®šã—ã¾ã™ã€‚ li a
mingos 2013/06/26
ç”»åƒã‚’ä½¿ã‚ãªã„ã§ã‚¢ãƒãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ä»˜ãã®ãƒªã‚¹ãƒˆã‚’ä½œã‚‹æ–¹æ³•

é–‹ç™º

css3

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ„çš„ãªã‚¢ãƒ¬ - ç´è±†ã«ã¯åµã‚’å…¥ã‚Œã‚‹æ´¾ã§ã™ã€‚
P4Dã§æ•™ãˆã¦ã„ãŸã ã„ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã«èžã‹ã‚ŒãŸã®ã§ã€ãªã‚“ã‹æ•´ç†ã—ãã‚Œã¦ãªãã¦ã–ã£ãã‚Šãªã‚“ã§ã™ãŒã€å–ã‚Šæ€¥ãŽã€ãªã‚“ã‹ãã‚Œã£ã½ããªã‚‹ã‚³ãƒ„ã¿ãŸã„ãªã®ã‚’ç‹¬æ–ã¨åè¦‹ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 3è‰²ã€œ5è‰²ãã‚‰ã„ã®è‰²ã‚’ç”»é¢ã®ä¸ã§å‡ç‰ã«ä½¿ã†ã®ãŠã™ã™ã‚ ä½œã‚ŠãŸã„ã‚µãƒ¼ãƒ“ã‚¹ãŒä½•ã§è‰²åˆ†ã‘ã§ãã‚‹ã‹è€ƒãˆã¾ã™ã€‚ã¡ã‚‡ã†ã©ã‚ˆã3ã€œ5ç¨®é¡žãã‚‰ã„ã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚„ã‚«ãƒ†ã‚´ãƒªãªã©ãŒã‚ã£ãŸã‚‰ã€ãã‚Œã«å¿œã˜ã¦è‰²ãŒå¤‰ã‚ã‚‹ã¨ã‹ã™ã‚‹ã¨ã†ã¾ããƒãƒžã‚‹ã€‚ã‹ã‚‚ã€‚ Flat UI Colorã§è‰²é¸ã³ http://flatuicolors.com/ ã¨ã„ã†ä¾¿åˆ©ãªã‚µã‚¤ãƒˆãŒã‚ã£ã¦ã€ã“ã“ã‹ã‚‰3ã€œ5è‰²ãã‚‰ã„é¸ã¶ã¨ã‚ˆã„ã§ã™ã€‚ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒã‚³ãƒ”ãƒ¼ã•ã‚Œã¾ã™ã€‚ã‚ã‚‰ä¾¿åˆ©ã€‚èµ¤ã¯ä»–ã®è‰²ã¨ä»²è‰¯ãã™ã‚‹ã®ãŒé›£ã—ã‚ã€‚ Sassã§å½©åº¦ã‚’æŠ‘ãˆã‚‹ã¨è½ã¡ç€ã„ãŸè‰²èª¿ã«ãªã£ã¦ã€ä½¿ã„ã“ãªã—ã®é›£æ˜“åº¦ãŒä½Žããªã‚Šã¾ã™ ä¸Šã®ã‚µã‚¤ãƒˆã‚‚ãã†ãªã‚“ã§ã™ãŒã€Flat UIã«ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹è‰²ã¯ã€é®®ã‚„ã‹ãªãŒå¤šã
mingos 2013/06/20
é–‹ç™º

css3

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

ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†ã¨ãã«hsl()ãŒä¾¿åˆ©ã™ãŽã‚‹ã€‚ï¼ˆCSS ãŠã‚ŒãŠã‚Œ Advent Calendar 2012 â€“ 19æ—¥ç›®ï¼‰ | Ginpen.com
CSS ãŠã‚ŒãŠã‚Œ Advent Calendar 2012 â€“ 19æ—¥ç›® CSS 3ã§ã¯è‰²ã®æŒ‡å®šã«hsl()ã‚’ä½¿ã†äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ã™ãªã‚ã¡è‰²ç›¸ (Hue; 0-359)ã€å½©åº¦ (Saturation; 0%-100%)ã€è¼åº¦ (Lightness; 0%-100%) ã«ã‚ˆã‚‹è‰²ã®æŒ‡å®šã§ã™ã€‚ã•ã‚‰ã«ä¸é€æ˜Žåº¦ã‚’åŠ ãˆãŸhsla()ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’linear-gradient()ã§å®Ÿç¾ã™ã‚‹ã¨ãã€ã“ã®hsl()ã‚’ä½¿ã†ã¨ç¶ºéº—ã«è¨˜è¿°ã™ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ å®Ÿä¾‹ ã“ã‚“ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã—ã¾ã™ã€‚ #rrggbbã‚’ä½¿ã£ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¾‹ ã¾ãšã¯#rrggbbã§æ›¸ã„ãŸä¾‹ã§ã™ã€‚ background-image: linear-gradient( top, #ffffff 0%, #a3daf5 50%, #75c7f0 51%, #19a1e6 100% );
mingos 2013/06/03
é–‹ç™º

css3
ãƒªãƒ³ã‚¯
HTML5 ã§ä½œã‚‹ iPhone ãƒãƒ¼ã‚«ãƒ« Web ã‚¢ãƒ—ãƒªå…¥é–€
ã•ã¦ã€ã¾ãšã€Œãƒãƒ¼ã‚«ãƒ« Web ã‚¢ãƒ—ãƒªã€ã£ã¦ãªã‚“ãžã£ã¦ã„ã†è©±ã§ã™ãŒã€Web ãƒ™ãƒ¼ã‚¹ã®æŠ€è¡“ã§ä½œã‚‰ã‚Œãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã‚µãƒ¼ãƒã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦åˆ©ç”¨ã™ã‚‹ã‚‚ã®ã®ã€ã„ã£ãŸã‚“ãƒãƒ¼ãƒ‰ãŒå®Œäº†ã—ãŸã‚‰ã€ãã‚Œä»¥é™ã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯æŽ¥ç¶šä¸è¦ã§å‹•ä½œã™ã‚‹ Web ã‚¢ãƒ—ãƒªã€ã¨ã„ã£ãŸæ¦‚å¿µã‚’è¡¨ã—ãŸé€ èªžã§ã™ã€‚ iPhone ã® App Store ã‚’çµŒç”±ã™ã‚‹ã“ã¨ãªãé…å¸ƒãŒå¯èƒ½ãªã®ã§ã€ã‚¢ãƒ—ãƒªã®å†…å®¹ã«ã¤ã„ã¦ä¸€åˆ‡ã®åˆ¶é™ãŒãªãã€ã¾ãŸã€æœ€è¿‘ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é€²æ©ã‚„ãƒ¢ãƒã‚¤ãƒ«ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å‘ä¸Šã«ã‚ˆã‚Šã€ã‚‚ã®ã«ã‚ˆã£ã¦ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã¨éœè‰²ãªã„ãƒ¬ãƒ™ãƒ«ã®ã‚‚ã®ã‚‚ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ å…ˆæ—¥ã€1 Click Config (é–‰éŽ–æ¸ˆ) (è§£èª¬è¨˜äº‹) ã‚’ä½œã£ã¦å…¬é–‹ã—ã¾ã—ãŸãŒã€ã“ã‚ŒãŒã¾ã•ã«ãƒãƒ¼ã‚«ãƒ« Web ã‚¢ãƒ—ãƒªã¨ã—ã¦å‹•ä½œã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹æŠ€è¡“ã®å„è«–ã«ã¤ã„ã¦ã¯ãã‚Œãžã‚Œè©³ã—ãæ›¸ã„ãŸã‚µã‚¤ãƒˆãŒã‚ã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã‚‰ã®æŠ€è¡“ã‚’ã²ã¨ã¾ã¨ã‚ã«ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆãŒè¦‹å½“ãŸ
mingos 2013/05/16
ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ãƒ£ãƒƒã‚·ãƒ¥ãŒå‚è€ƒã«ãªã‚‹

é–‹ç™º

html5

css3
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³åˆ¶ä½œå‘ã‘ã€‘radioãƒœã‚¿ãƒ³ã‚’CSSã®ã¿ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã«ã¡ã¯ã€GWã¯ç¥žå¥ˆå·çœŒã‹ã‚‰ä¸€æ©ã‚‚å‡ºã¾ã›ã‚“ã§ã—ãŸ ishida ã§ã™ã€‚ ã•ã¦ã•ã¦ã€ä»Šå›žã¯æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã®ã§å®Ÿå‹™ã§ä½¿ãˆãã†ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°Tipsã‚’ã°ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯ã€radioãƒœã‚¿ãƒ³ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã¾ã¾ã ã¨ã‹ãªã‚ŠæŠ¼ã—ã«ãã„ã§ã™ã‚ˆãã€‚ å¯¾è±¡ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚ã‚Œã°ï¼ˆIEã¡ã‚ƒã‚“ã‚’é™¤ã‘ã°OKã‹ã‚‚ï¼‰CSSã ã‘ã§ã€æ„å¤–ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒã§ãã¾ã™ã€‚ HTML HTMLã®ã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ <ul class="list"> <li><input type="radio" name="gender" id="gender1" value="1"><label for="gender1">ç”·æ€§</label></li> <li><input type="radio" name="gender" id="gender2" value="2"><label for="gende
mingos 2013/05/07
é–‹ç™º

css3

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸