[B! css][HTML] yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yife id:yife

cssã¨HTMLã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (47)

${{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]ãƒ†ã‚ã‚¹ãƒˆã®å·¦å³ã«æ°´å¹³ãƒ©ã‚¤ãƒ³ã‚’ã™ã…ãƒ¼ãƒ¼ãƒ¼ã£ã¨å¼•ãã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
hn, pãªã©ã®è¦ç´ ã‚’ä½¿ã£ãŸãƒ†ã‚ã‚¹ãƒˆã®å·¦å³ã«ã€æ°´å¹³ãƒ©ã‚¤ãƒ³ã‚’å¤©åœ°ä¸å¤®ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã€ã‚«ãƒ©ãƒ¼ã‚„ã‚µã‚¤ã‚ºã®èª¿æ•´ã‚‚ç°¡å˜ã€èƒŒæ™¯ç”»åƒã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ã€‚ å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã¯5ã¤ã€‚ ç”»åƒã¯ä½¿ç”¨ã—ãªã„ã€‚ spanãªã©ã€ä½™åˆ†ãªHTMLã¯ä½¿ç”¨ã—ãªã„ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã‚’å¤§ããã—ã¦ã‚‚è‡ªå‹•ã§èª¿æ•´ã•ã‚Œã‚‹ã€‚ å¯å¤‰ã€‚ èƒŒæ™¯ãŒç”»åƒã§ã‚‚æ°´å¹³ãƒ©ã‚¤ãƒ³ãŒç¶ºéº—ã«æã‹ã‚Œã‚‹ã€‚ å®Ÿéš›ã®å‹•ä½œã¯ã€ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã§ç¢ºèªã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã€IE9+ã§ã”è¦§ãã ã•ã„ã€‚ Heading Side Lines HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€hnã‚„pè¦ç´ ã®ã¿ã§å®Ÿè£…ã§ãã¾ã™ã€‚ classã‚’ä½¿ç”¨ã™ã‚Œã°æ°´å¹³ãƒ©ã‚¤ãƒ³æœ‰ã‚Šãƒ»ç„¡ã—ã®å…±å˜ã‚‚å¯èƒ½ã§ã™ã€‚ <body> <h2>ãƒ†ã‚ã‚¹ãƒˆã®å·¦å³ã«</h2> <h3 class="lines-on-sides">æ°´å¹³ã®ãƒ©ã‚¤ãƒ³ã‚’æã</h3> </bo
yife 2014/05/12
css

CSS3

border

color

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

html

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒªãƒ³ã‚¯
HTMLã§ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ï¼æ‰‹è»½ã«æ–‡å—è©°ã‚ã§ãã‚‹ã€ŒFLAutoKerning.jsã€ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€æœºã«ç½®ã„ãŸãŠã‚‚ã¡ã‚ƒã®æ—¥ç„¼ã‘ãŒæ°—ã«ãªã‚‹ã‚‚ã‚ŠãŸã§ã™ã€‚ ä»Šå›žã¯ã€å‰ã‹ã‚‰ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ã¦ã„ãŸã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ³ãƒˆã‚’ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã§ãã‚‹JSã€ŒHTMLã§æ–‡å—è©°ã‚ã™ã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ç”¨JSã€ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ http://fladdict.net/blog/2011/02/auto-kerning.html â€»ç¾åœ¨ã¯ã‚¢ã‚¯ã‚»ã‚¹ã§ããªããªã£ã¦ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®ã¨ãŠã‚Šã€jsã‚’ä½¿ã‚ãªãã¦ã‚‚letter-spacingã‚’ä½¿ã£ã¦cssã ã‘ã§è¨å®šã—ã‚ˆã†ã¨æ€ãˆã°ã§ãã‚‹ã‚“ã§ã™ãŒã€ã²ã¨æ–‡å—ãšã¤ã®è¨å®šã¨ãªã‚‹ã¨htmlã‚‚cssã‚‚ã™ã£ãã‚Šã—ãªããªã‚‹ä¸Šã«ã‚ã‚“ã©ãã•ã„ï¼ ã“ã†ãƒ‘ãƒƒã¨ã‚¬ãƒƒã¨ã‚¹ãƒƒã¨è¨å®šã—ãŸã„ï¼ ãã‚“ãªå¸Œæœ›ã‚’å¶ãˆã¦ãã‚Œã‚‹ã®ãŒã€ŒFLAutoKerning.jsã€ã§ã™ï¼ ãƒã‚¤ãƒ³ãƒˆ1ï¼šå°Žå…¥ãŒæ¥½ã§ã™ æ‰‹é †ã¯ç°¡å˜ã€ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒãƒ¼ãƒ‰ã—ã¦jqeryã¨ä¸€ç·’ã«èªã¿è¾¼ã¾ã›ã¦<head>å†…ã«è¨å®šã‚’æ›¸ãã ã‘ã€‚ å…¥ã‚Œã¦ã¿ãŸãƒ‡ãƒ¢
yife 2013/10/09
webåˆ¶ä½œ

Gist

html

css

font

javascript

jQuery

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

ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°
ãƒªãƒ³ã‚¯
HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸæ¬¡ä¸–ä»£è¡¨ç¾ã‚’å¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«
ã‚ãšã‹280è¡Œç¨‹åº¦ã®JavaScriptã§ä½œã‚‰ã‚Œ... / JavaScriptã§ä½œã‚‹ã„ã‚ã„ã‚ãªç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬... / JavaScriptã«ã‚ˆã‚‹æ³¢ã®ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§...ä»–...å…¨14ä»¶
yife 2013/05/07
cloth

javascript

CSS

html

html5

css3

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
dresscording.com
dresscording.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
yife 2013/04/04
javascript

css

html

firefox

chrome

ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
å††ï¼ˆã‚µãƒ¼ã‚¯ãƒ«ï¼‰ã‚’ä½¿ã£ãŸCSSã®æ¬¡ä¸–ä»£è¡¨ç¾ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Circle Hover Effects wit... / 3D Flipping Circle with ... / Border-width animation f...ä»–...å…¨4ä»¶
yife 2012/08/16
css

design

*html5

html

css3

HTML5

web

webdesign

enumeration

circle
ãƒªãƒ³ã‚¯
dlè¦ç´ ã‚’ç¾Žã—ããƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
å®Ÿç”¨çš„ãªã‚‚ã®ã‹ã‚‰ã¡ã‚‡ã£ã¨ãƒˆãƒªãƒƒã‚ãƒ¼ãªã‚‚ã®ã¾ã§ã€dlè¦ç´ ã‚’ä½¿ã£ãŸç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ In Defence of the Definition List HTML <dl class="wrapper1"> <dt>News It em 1</dt> <dd><div class="div1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum orci eu purus viverra imperdiet. Cras scelerisque commodo dictum. Mauris sed libero non justo adipiscing tempor tincidunt eget eros. Praesent eu cursus enim. Donec d
yife 2012/08/02
dd

CSS

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

dl

web

HTML

ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
iPhoneã®ON/OFFã‚¹ã‚¤ãƒƒãƒã‚’HTML5/CSS3ã®å½¢å¼ã§ã‚¸ã‚§ãƒãƒ¬ãƒ¼ãƒˆ:phpspoté–‹ç™ºæ—¥èªŒ
On/Off Flipswitch HTML5/CSS3 Generator - Proto.io iPhoneã®ON/OFFã‚¹ã‚¤ãƒƒãƒã‚’HTML5/CSS3ã®å½¢å¼ã§ã‚¸ã‚§ãƒãƒ¬ãƒ¼ãƒˆå‡ºæ¥ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ãŒã‚ã‚‹ã¿ãŸã„ ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã€è‰²ã€ã‚µã‚¤ã‚ºç‰ã‚’WEBä¸Šã§è¨å®šã—ã€ãã®ã¾ã¾HTML5/CSS3ã®ã‚³ãƒ¼ãƒ‰ã‚’å‡ºåŠ›å¯èƒ½ã§ã™ ã‚³ãƒ¼ãƒ‰ã‚’å‡ºåŠ› é¢å€’ãªäº‹ã‚’çž¬æ™‚ã«ã‚¸ã‚§ãƒãƒ¬ãƒ¼ãƒˆã§ãã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯ã‚„ã£ã±ã‚Šä¾¿åˆ©ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã‚„CSS3ãŒä½¿ãˆã‚‹ã‹ç‰ã€ã‹ãªã‚Šè©³ç´°ã¾ã§ãƒ–ãƒ©ã‚¦ã‚¶åˆ†æžã§ãã‚‹PHPãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒDetectorã€ HTML5ã¨CSS3ã‚’ä½¿ã£ãŸãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼“ï¼
yife 2012/08/02
css3

html5

html

css

iphone

generator

HTML5

iPhone
ãƒªãƒ³ã‚¯
å…¥åŠ›ç®‡æ‰€ã‚‚æ‰‹æ›¸ãé¢¨ã«ã—ãŸã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒ¡ãƒ¢çŠ¶ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ•ã‚©ãƒ¼ãƒ ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå…¥åŠ›ã—ãŸç®‡æ‰€ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‹ã‚‰å¤‰æ›´ã—ã€æ‰‹æ›¸ãé¢¨ã«ã—ãŸã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šæ—¥æœ¬èªžã¯è¨å®šã•ã‚Œã¦ãªã„ãŸã‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ•ã‚©ãƒ³ãƒˆ å®Ÿè£… ãƒ•ã‚©ãƒ¼ãƒ ã®åˆ¶ä½œã¯HTML+CSSã ã‘ã§ãªãã€ãƒ¡ãƒ¢çŠ¶ã®UIã‚’ä½œã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚‚æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã“ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³éƒ¨åˆ†ã¯çœç•¥ã—ã¦ã€ä»¥ä¸‹ãƒ•ã‚©ãƒ¼ãƒ ã®å®Ÿè£…ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML: åŸºæœ¬æ§‹é€ ã¾ãšã¯ã€HTML5ã‚’ä½¿ã£ã¦ãƒ•ã‚©ãƒ¼ãƒ ã‚’é…ç½®ã™ã‚‹å‰ã®åŸºæœ¬æ§‹é€ ã‹ã‚‰ã€‚ <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Pen & Paper Form</title> <link href="style.css" rel="stylesheet" /> </head>
yife 2012/06/28
html

form

css

*webåˆ¶ä½œ

ãƒ•ã‚©ãƒ¼ãƒ

HTML

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

Form

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
çµ¶å¯¾ã«ã‚³ãƒ”ãƒšã§ããªã„æ–‡ç« ã‚’ä½œã£ãŸã£ãŸwwww - ã¦ã£ãç…®ãƒ–ãƒã‚°
html5ä¸€è¦‹ã€ã‚³ãƒ”ãƒ¼ã§ãã‚‹ã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€ãƒšãƒ¼ã‚¹ãƒˆã—ã¦ã¿ã‚‹ã¨ãƒ»ãƒ»ãƒ»ã€‚ãƒ„ã‚¤ãƒ¼ãƒˆã™ã‚‹
yife 2012/04/20
ãŠãƒ¼ï¼Ÿ

html5

html

css

font

web

ãƒã‚¿

ã‚ã‚‰ä¸æ€è°

javascript
ãƒªãƒ³ã‚¯
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
yife 2011/10/21
+css3

script

*webåˆ¶ä½œ

css3

html5

link

media

javascript

css

html
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«ã€‚é¢ç™½ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå¤šæ•°æƒã£ãŸUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·Ninja UI MOONGIFT
Ninja UIã¯HTMLã‚’ä½¿ã‚ãšã«JavaScriptã§ç”»é¢ã‚’æç”»ã—ã¦ã„ãUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€‚ Ninja UIã¯jQuery/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚æ€ã†ã«Webã‚µã‚¤ãƒˆã¨ã„ã†ã®ã¯è¡¨ç¾åŠ›ãŒé«˜ãã€ã‹ã¤è‡ªç”±åº¦ãŒé«˜ã™ãŽã‚‹ã®ã ã€‚ãã®ãŸã‚è¦‹æ „ãˆã«ã“ã‚Šã ã™ã¨åŽé›†ãŒã¤ã‹ãªããªã‚‹ã€‚ã¾ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãŒãªã„ã¨æ ¼å¥½ã„ã„ã‚µã‚¤ãƒˆãŒä½œã‚Œãªã„ã€‚ ãƒœã‚¿ãƒ³ã‚„ã‚¢ã‚¤ã‚³ãƒ³ ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãŒã©ã‚Œã ã‘è‰¯ãã€æŠ€è¡“åŠ›ãŒã‚ã£ã¦ã‚‚è¦‹æ „ãˆãŒã±ã£ã¨ã—ãªã„ã‚µã‚¤ãƒˆã¯å—ã‘å…¥ã‚Œã‚‰ã‚Œãªã„ã€‚ã‚‚ã†HTMLã¯æ›¸ã‹ãšã€JavaScriptã§çµ„ã‚“ã§ã—ã¾ã†ã®ã¯ã©ã†ã ã‚ã†ã€‚ãã‚Œã‚’å¯èƒ½ã«ã™ã‚‹ã®ãŒNinja UIã ã€‚ Ninja UIã¯jQuery Webjutsuï¼ˆWebè¡“ï¼Ÿï¼‰ã‚’æŽ²ã’ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€æž çµ„ã¿ã ã‘HTML5ã§çµ„ã¿ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é…ç½®ã¯å…¨ã¦JavaScriptã ã‘ã§è¨˜è¿°ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ãƒœã‚¿ãƒ³ã‚„ãƒ‰ãƒãƒ¯ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒãƒƒãƒ—ã‚¢ãƒƒ
yife 2011/06/05
ui

webdesign

html

jquery

web

JavaScript

HTML

CSS

GR

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML+CSSä¸»ä½“ã®JavaScriptã‚¨ãƒ•ã‚§ã‚¯ãƒˆï¼ ç°¡å˜ã§ã€Œä½¿ãˆã‚‹ã€jQueryãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆè§£èª¬ã¤ãï¼‰
4æœˆã‹ã‚‰å…¥ç¤¾ã—ãŸ2011å¹´åº¦æ–°å’ç¤¾å“¡ã§ã™ã€‚ ãƒãƒã“ã‚“ã«ã‚ƒã‚“ã‚»ãƒ¨ ãŒãœã‚“ã‚¦ã‚§ãƒ–ã‚¦ã‚§ãƒ–ã—ã¦ã„ã‚‹ã»ã‚“ã ã§ã™ã€‚ ä»Šå¹´4æœˆã‚ˆã‚Šã€æ„åŒ éƒ¨ã®MEèª²ï¼ˆã‚ã‹ï¼‰ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒã„ã¦ã„ã‚‹ã»ã‚“ã ã§ã™ã€‚ å…¥ç¤¾ã—ãŸã¦ã®æ–°å’ç¤¾å“¡ã§ã™ãŒã€PCã‚µã‚¤ãƒˆã®HTML+CSSã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„ã€MovableTypeï¼ˆãƒ–ãƒã‚°æ§‹ç¯‰ãƒ„ãƒ¼ãƒ«ï¼‰ã§ã®çµ„ã¿è¾¼ã¿ãªã©ã€è‰²ã€…ãªä»•äº‹ã‚’ã•ã›ã¦ã‚‚ã‚‰ã£ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒªã‚¢å……ã§ã™ã€‚ ãã‚“ãªä¸ã§ã‚‚æœ€è¿‘å¤šã„æ¥å‹™ã¯jQueryã‚’ä½¿ã£ãŸãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«é¢ã§ã®ã¡ã‚‡ã£ã¨ã—ãŸJavaScriptï¼ˆä»¥ä¸‹ JSï¼‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã™ã€‚ jQueryã£ã¦ã¨ã£ã¦ã‚‚ä¾¿åˆ©ã§ã™ãªãã€‚HTML+CSSã®çŸ¥è˜ã‚’æŒã£ã¦ã„ã‚‹äººãªã‚‰ã€ç°¡å˜ã«ã€Œä½¿ãˆã‚‹ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ãã‚Œã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯åƒ•ãŒå…¥ç¤¾ã—ã¦2ãƒ¶æœˆé–“ã«å¦ã‚“ã ã€ç°¡å˜ã§ã€Œä½¿ãˆã‚‹ã€jQueryãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQueryã£ã¦ãªã‚“ãžã£ã¦ã¨ã“ã¨ã€ä½¿ã†å‰ã®æº–å‚™ã‚’ã–ã£ãã‚Šè§£èª¬ jQuer
yife 2011/05/31
js

jsdo.it

jquery

jQueryã®åŸºæœ¬

html

javascript

css

IT

HTML
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ãƒžãƒ•ã‚©å¯¾å¿œã‚µã‚¤ãƒˆã®ãŸã‚ã«Media Queriesã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
iPhoneãªã©ã®å°ã•ã„ã‚µã‚¤ã‚ºã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚’ã¯ã˜ã‚ã€2560pxã®å¤§ãã„ã‚µã‚¤ã‚ºã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ãªã©ã€ãã‚Œãžã‚Œã®å¹…ã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªå‹•çš„ã«é©ç”¨ã™ã‚‹Media Queriesã‚’ã—ã£ã‹ã‚Šã¨èº«ã«ã¤ã‘ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®ç¢ºèª HTML CSS Media Queries å®Œæˆã—ãŸãƒ‡ãƒ¢ã®ç¢ºèª ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®ç¢ºèª ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®å‰ã«ã¾ãšã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã“ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯HTML5+CSS3 Media Queriesã§ä½œæˆã•ã‚Œã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ç”¨ã—ã¦ã„ã‚‹ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«è‡ªå‹•èª¿æ•´ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å·¦ã‹ã‚‰ã€ãƒŽãƒ¼ãƒžãƒ«ã€ãƒŠãƒã‚¦ã€ã‚¹
yife 2011/05/30
footer

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

html

media

CSS3

webåˆ¶ä½œ

html5

iphone

CSS
ãƒªãƒ³ã‚¯
[CSS]é †åºä»˜ããƒªã‚¹ãƒˆolè¦ç´ ã‚’è¦–è¦šçš„ã«ç¾Žã—ãã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒ—ãƒ¬ãƒ¼ãƒ³ãªçŠ¶æ…‹ã§å‰²ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã•ã‚Œã‚‹olè¦ç´ ã‚’è¦–è¦šçš„ã«ç¾Žã—ãã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Firefox4ã§ã®ã‚ãƒ£ãƒ—ãƒãƒ£ é †åºä»˜ããƒªã‚¹ãƒˆã‚’ç¾Žã—ãã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªolè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <ol> <li>List it em one</li> <li>The second it em on the list</li> <li>Number three is a bit longer, with some lorem ipsum for good measure. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
yife 2011/05/27
item

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

Lorem Ipsum

ipsum

list

tips

html

css

*css

*tips
ãƒªãƒ³ã‚¯
ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã‚‚ã†å¤ã„ï¼ HTML5ï¼‹CSS3æ™‚ä»£ã®ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆ
IE 9ãŒç™»å ´ï¼ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§ç’°å¢ƒãŒã¾ã™ã¾ã™å¤šæ§˜åŒ–ï¼ 4æœˆ26æ—¥ã€ã¤ã„ã«æ—¥æœ¬ã§ã‚‚Internet Explorerï¼ˆä»¥ä¸‹ã€IEï¼‰ 9ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã¾ãŸã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯æ—©ãã‚‚IE 10ã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç‰ˆã‚’å…¬é–‹ã—ã¦ãŠã‚Šã€CSS3ã‚„JavaScriptå‘¨ã‚ŠãŒã€ã•ã‚‰ã«å¼·åŒ–ã•ã‚Œã‚‹ãªã©ãƒªãƒƒãƒãªWebè¡¨ç¾ãŒåŠ é€Ÿã—ã¦ãã¦ã„ã¾ã™ã€‚ IEã®ã¿ãªã‚‰ãšã€Firefoxã€Safariã€Google Chromeï¼ˆä»¥ä¸‹ã€Chromeï¼‰ãªã©ä»–ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã‚‚ã™ã•ã¾ã˜ã„å‹¢ã„ã§é€²åŒ–ã—ã¦ãã¦ãŠã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆPCãªã©ã®ãƒ‡ãƒã‚¤ã‚¹ã‚‚ç¶šã€…ã¨é–‹ç™ºã•ã‚Œã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§ç’°å¢ƒãŒã¾ã™ã¾ã™å¤šæ§˜åŒ–ã—ã¦ãã¦ã„ã¾ã™ã€‚ ãã†ã—ãŸæµã‚Œã®ä¸ã§ã€å¿…ç„¶çš„ã«æ¬ ã‹ã™ã“ã¨ãŒã§ããªããªã‚‹çŸ¥è˜ãŒã€ã“ã®ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã€ã¨ã„ã†æ¦‚å¿µã§ã™ã€‚ ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã£ã¦ä½•ï¼Ÿ Webãƒ–ãƒ©ã‚¦ã‚¶ã‚„ç«¯æœ«ãªã©ã®é–²è¦§ç’°å¢ƒãŒå¤šæ§˜åŒ–ã—ã¦ãã¦ã„ã¾
yife 2011/05/25
css3

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

ie

html5

WEB

css

chrome

html

HTML5

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Mac OSX Lion Like Scrollbar DEMO
::-webkit-scrollbarã€‚æ–°æ™‚ä»£ã®å¹•é–‹ã‘ã€‚ Webkitã‚’æè¼‰ã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSafari, Google Chromeãªã©ï¼‰ãªã‚‰ã°ã¾ã‚‹ã§æ–°ã—ã„OSã‚’å…ˆå–ã‚Šã—ãŸã‹ã®ã‚ˆã†ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’è¡¨ç¤ºã§ãã¾ã™ã€‚æ–¹æ³•ã¯ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã€‚CSSã«ãŸã£ãŸåæ•°è¡Œã®ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã€‚ã‚‚ã†æ¥å¹´ã®å¤ã¾ã§å¾…ã¤å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ HTML5ã€‚Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ãŸã‚ã®æœ€é«˜ã€æœ€è‰¯ã®é¸æŠžè‚¢ã€‚ HTMLã®æœ€æ–°è¦æ ¼ã§ã‚ã‚‹HTML5ã¯ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãŒã‚ˆã‚Šå¼·åŠ›ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ã®ã«æœ€é©ã§ã™ã€‚WebStorageã‚’ä½¿ã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’ãƒãƒ¼ã‚«ãƒ«ã«ä¿å˜ã—ã¦ã‚ªãƒ•ãƒ©ã‚¤ãƒ³Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ã“ã¨ã‚‚ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ãã®ã§ä»–ãƒ‡ãƒã‚¤ã‚¹ã¸ã®ç§»æ¤ã‚‚ç°¡å˜ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ã“ã®é–‹ç™ºç’°å¢ƒã¯å…¨ã¦ç„¡æ–™ã§ãã‚ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ CSS3ã€‚ã‚ˆã‚Šç°¡å˜ã«ã€ã‚ˆã‚Šç¾Žã—ãã€‚ CSS3ã¯Webãƒšãƒ¼ã‚¸ã«ã‚ˆã‚Šã“ã‚Œã¾ã§ã‚ˆã‚Šå¤šå½©ãªè¡¨ç¤ºã‚’ã™ã‚‹ã“ã¨
yife 2011/05/24
css

ios

chrome

apple

html

html5

Google

google chrome

css3

osx
ãƒªãƒ³ã‚¯
[CSS]ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§å®Ÿè£…ã™ã‚‹ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
<ul> <li><span>Fruit</span> <ul> <li><span>Apples</span></li> <li><span>Oranges</span></li> <li><span>Watermelons</span></li> </ul> </li> <li><span>Vegetables</span> <ul> <li><span>Leaf Vegetables <a href="linktothisit em">#</a></span> <ul> <li><span>Arugula</span></li> <li><span>Cabbage</span></li> <li><span>Lettuce</span></li> <li><span>Spinach</span></li> </ul> </li><!-- Leaf Veget
yife 2011/05/12
javascript

ul

web

html

css3

CSS

ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—

é–‹ç™º
ãƒªãƒ³ã‚¯
floatè§£é™¤ã®æ±ºå®šç‰ˆã€‚clearfixã‚’è€ƒãˆãŸã‚‰ã€é€²åŒ–ã—ãŸã€‚
ç¾åœ¨ã“ã®ä¸ã§clearfixã§ã‚ˆãä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ display:inline-block; height:1%(min-height:1%) zoom:1; ã§ã‚‚è‰¯ãè€ƒãˆãŸã‚‰ã€å…¨ã¦å¾®å¦™ã§ã™ã€‚ zoom:1ã¯IEã®ç‹¬è‡ªä»•æ§˜ã§ã™ã—ã€heightã‚’ä½¿ç”¨ã™ã‚‹å ´åˆã¯ã€IE6,7ã«å¯¾å¿œã•ã›ã‚‹ãŸã‚ã«2ã¤ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå¿…è¦ã§ã™ã€‚ display:inline-blockã‚‚ãƒœãƒƒã‚¯ã‚¹ã®è¦ç´ ã‚’å¤‰å½¢ã•ã›ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ hasLayoutã®ã‚¹ã‚¤ãƒƒãƒã‚’è¦‹ãŸæ™‚ã«ã€ä¸€ç•ªç†ã«é©ã£ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯widthã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ åè¦ç´ ã‚’å›²ã‚€è¦ç´ ã¨ã—ã¦ã€divã‚„ulãªã©ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆCSSãŒdisplay:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã‚‚ã®ãŒå¤šãã€display:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å ´åˆã€width:100%ã§å•é¡Œãªã„ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚ ç¾åœ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶çŠ¶æ³ã«é©ã—ãŸclearfix ä¸Šè¨˜ã‚’è¸ã¾ãˆè¦‹ç›´ã—ãŸclearfixãŒ
yife 2011/04/07
After

display

float

css

tips

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

webåˆ¶ä½œ

html

css3

clearfix
ãƒªãƒ³ã‚¯
HTML5Rocks - A resource for open web HTML5 developers
Web Platform Dive into the web platform, at your pace.
yife 2011/03/28
html5

Google

html

CSS

web

è³‡æ–™

webåˆ¶ä½œ

tutorial
ãƒªãƒ³ã‚¯
[CSS]ã‚ãšã‹12å€‹ã®classåã§å¤šå½©ãªã‚°ãƒªãƒƒãƒ‰ã‚’çµ„ã¿ç«‹ã¦ã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -StackLayout
IE6ã‚’ã¯ã˜ã‚ã€iPhone, iPadã«ã‚‚å¯¾å¿œã—ãŸã€å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚å›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚‚åˆ©ç”¨ã§ãã‚‹å®Ÿç”¨çš„ã§å¤šå½©ãªã‚°ãƒªãƒƒãƒ‰ã‚’çµ„ã¿ç«‹ã¦ã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ StackLayout ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šBasic Mockup [ad#ad-2] StackLayoutã®ä¸»ãªç‰¹å¾´ StackLayoutã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ‡ãƒã‚¤ã‚¹ StackLayoutã§ä½¿ç”¨ã™ã‚‹12å€‹ã®classå StackLayoutã®ãƒ‡ãƒ¢ StackLayoutã®ä½¿ã„æ–¹ StackLayoutã®ä¸»ãªç‰¹å¾´ ã‚ãšã‹12å€‹ã®classåã§ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç®¡ç† classåã¯ã€ç°¡å˜ã«ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªã‚‚ã®ã«å¤‰æ›´å¯èƒ½ ãƒã‚¹ãƒˆã®åˆ¶é™ã¯ç„¡ã— floatã®ã‚¯ãƒªã‚¢ç„¡ã—ã§ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æ¨ªåˆ—ã«ç°¡å˜ã«ä¸¦ã¹ã‚‹ã“ã¨ãŒå¯èƒ½ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨ã§ã€å›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚‚å¯¾å¿œ å„ã‚«ãƒ©ãƒ ã®æºã®è¨å®šã¯ç°¡å˜ã§ã€px, %ã®ä¸¡æ–¹ã«å¯¾å¿œ StackLa
yife 2011/03/28
ie

css

webåˆ¶ä½œ

html

ie6

firefox

design

iPad

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸