[B! WebDesign] higeorangeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

higeorange id:higeorange

WebDesignã«é–¢ã™ã‚‹higeorangeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (490)

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

æ–°ã—ã„ã‚¹ãƒžãƒ›ç‰ˆGoogleã«ã¿ã‚‹ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®æœªæ¥ Â« H2O Blog.
å¤§ã’ã•ãªã‚¿ã‚¤ãƒˆãƒ«ã‚’ã¤ã‘ã¦ã¿ã¾ã—ãŸãŒã€å…ˆæ—¥GoogleãŒæœ¬å®¶ã®ã‚¹ãƒžãƒ›ç‰ˆã‚µã‚¤ãƒˆã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ä¸»ã«ã€ŒGoogle+ã€ã®è¿½åŠ ãŒä¸»ã§ã™ãŒã€é¢ç™½ã„ãƒã‚¸ãƒƒã‚¯ãŒä»•è¾¼ã¾ã‚Œã¦ã„ã¦ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®æœªæ¥ã‚’åž£é–“è¦‹ã‚‹æ°—ãŒã—ã¾ã™ã€‚ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã—ã‚‡ã†ã€‚ å›ºå®šãƒ„ãƒ¼ãƒ«ãƒãƒ¼ ã“ã‚Œã¾ã§ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®æ§‹ç¯‰ã§ã¯ã€Œè¦ç´ ã‚’å›ºå®šã§ããªã„ã€ã¨ã„ã†ã®ãŒå¸¸è˜ã§ã—ãŸã€‚ CSSã®ã€Œposition:fixedã€ãŒåŠ¹ã‹ãªã„ä¸Šã«ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä¸ã¯ä¸€åˆ‡ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆæ“ä½œã‚„ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã§ã™ã‚‰ã‚‚ã‚¹ãƒˆãƒƒãƒ—ã—ã¦ã—ã¾ã†ãŸã‚ã€è¦ç´ ã‚’å›ºå®šã—ãŸã‚Šã™ã‚‹ã“ã¨ã¯ã§ããªã‹ã£ãŸã®ã§ã™ã€‚ ãã“ã§ã€ã“ã‚Œã¾ã§ã¯å›ºå®šã—ãŸã„è¦ç´ ã¯ã€Œã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é–‹å§‹ç›´å¾Œã«ã„ã£ãŸã‚“æ¶ˆãˆã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«çµ‚äº†å¾Œã«å†åº¦è¡¨ç¤ºã•ã‚Œã‚‹ã€ã¨ã„ã†ã®ãŒä¸€èˆ¬çš„ã§ã—ãŸã€‚jQuery Mobileã® fixed toolbarãŒãã®ã¤ãã‚Šã§ã™ã€‚ ã—ã‹ã—ã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸGmailã§ã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä¸ã‚‚å›ºå®šã—ãŸãƒ„ãƒ¼ãƒ«
higeorange 2011/07/07
webdesign
ãƒªãƒ³ã‚¯
tumblrã§ç”»åƒåŽé›†ã™ã‚‹ã®ã«å‘ã„ã¦ãã†ãªã€ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãƒ»51å€‹ã¾ã¨ã‚ï¼ˆã¨ã€å°‘ã—ã ã‘ç‰¹å¾´ã‚’ãƒ¡ãƒ¢ - ã‹ã¡ã³ã¨.net
tumblrã§ç”»åƒåŽé›†ã™ã‚‹ã®ã¯å‰²ã¨å½“ãŸã‚Šå‰ ã§ã™ãŒã€å¾Œã§è¦‹è¿”ã™ã¨ãã«è¦‹ã«ãã„ãƒ†ãƒ¼ãƒž ã ã¨è¦‹ã‚‹æ°—ãŒã—ãªã„ã®ã§ã„ã‚ã„ã‚è©¦ã—ã¦ ã„ã¾ã—ãŸãŒã€ã›ã£ã‹ãè©¦ã—ãŸã®ã§ã¤ã„ã§ã« ç”»åƒåŽé›†ã«å‘ã„ã¦ãã†ãªtumblrã®ãƒ•ãƒªãƒ¼ ã®ãƒ†ãƒ¼ãƒžã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã„ã†ã‹å¤‰ãˆãŸã„æ™‚ã«æŽ¢ã—ã¦ã‚‹ã‚“ã§ã™ã‘ã©ã€ã„ã¡ã„ã¡é¢å€’ãªã®ã§ãƒ¡ãƒ¢ã—ãŸã„ã‚“ã§ã™ãŒã€ã›ã£ã‹ããªã®ã§ã“ã“ã«ãƒªãƒ³ã‚¯é›†ä½œã£ã¦ã‚·ã‚§ã‚¢ã—ã‚ˆã†ã‹ãªã¨æ€ã£ãŸæ¬¡ç¬¬ã§ã™ã€‚ ç°¡å˜ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ç‰¹å¾´ã‚’ãƒ¡ãƒ¢æ›¸ãã—ã¦ã„ã¾ã™ã€‚LightboxãŒä»˜ã„ã¦ã‚‹ã¨ã‹ã€è‡ªå‹•ã§æ¬¡ã®ãƒšãƒ¼ã‚¸ã‚’èªã¿è¾¼ã‚€ã¨ã‹ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‹ã€‚ å…¨ã¦ã‚’ã¡ã‚ƒã‚“ã¨ç¢ºèªã—ãŸã‚ã‘ã§ã¯ãªã„ã®ã§ã€å‚è€ƒç¨‹åº¦ã«ã€‚é †ä¸åŒã€å…¨éƒ¨ã§51å€‹ã‚ã‚Šã¾ã—ãŸã€‚ ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ãƒ†ã‚¹ãƒˆç”¨ã§ä½œã£ãŸã‚‚ã®ã§ã™ å…¨éƒ¨ç„¡æ–™ã§ã™ ç’°å¢ƒæ¬¡ç¬¬ã§ã‚«ãƒ©ãƒ æ•°ãŒå¤‰ã‚ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ é•·ããªã£ã¦ã—ã¾ã£ã¦è¦‹ã‚‹æ°—ãŒã—ãªã„ã®ã§1ã‚«ãƒ©ãƒ ã¯çœã„ã¦ã„ã¾ã™ã€‚ Themanati 3ã‚«ãƒ©ãƒ ã®ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢
higeorange 2011/06/17
webdesign
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã§Google Web Fontsã‚’è©¦ã™ - tikeda's blog
Google Web Fonts!! ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã¯ã€ä»Šã®ã¨ã“ã‚å¤šãã®Web Fontã‚µãƒ¼ãƒ“ã‚¹ãŒä½¿ãˆãªã„ã®ã§ã™ãŒã€Google Web Fontsã¯ã€ç„¡ç†ã‚„ã‚Šä½¿ã†äº‹ãŒã§ãã¾ã—ãŸã€‚ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ä¸€éƒ¨ä½¿ã£ã¦ã¿ã¦ã„ã¾ã™ã€‚ ä½¿ã„æ–¹ Google Web Fontsã‹ã‚‰ä½¿ã„ãŸã„ãƒ•ã‚©ãƒ³ãƒˆã‚’é¸æŠž ãƒšãƒ¼ã‚¸ä¸ã®ã€ŒUse this fontã€ã‚’é¸æŠž ãƒšãƒ¼ã‚¸å†…ã®CSSãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘ã‚¹ã‚’ã‚³ãƒ”ãƒ¼ ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®ç®¡ç†ãƒšãƒ¼ã‚¸â†’ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã€â†’ã€Œè©³ç´°ãƒ‡ã‚¶ã‚¤ãƒ³ã€â†’ã€Œã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€æ¬„ã§ä»¥ä¸‹ã®ã‚ˆã†ã«CSSã‚’@importã§æŒ‡å®š @import "http://fonts.google apis.com/css?family=Lobster"; ä¸Šã®@importæŒ‡å®šã‚’ã—ãŸã€ä¸‹ã®è¡Œã‚ãŸã‚Šã«ã€ãƒ•ã‚©ãƒ³ãƒˆã‚’å¤‰ãˆãŸã„éƒ¨åˆ†ã«font-familyã‚’æŒ‡å®š @import "http://fonts.google apis.com/css?
higeorange 2011/05/30
webfonts

font

webdesign
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ãƒã‚§ãƒƒã‚¯ãŒåŠ¹çŽ‡ã‚ˆãã§ãã‚‹ãƒ„ãƒ¼ãƒ« : LINE Corporation ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ã€Žãƒ—ãƒãƒšãƒƒãƒˆã€ã‚’æ‹…å½“ã—ã¦ã„ã‚‹å‰æ²¢ã§ã™ã€‚ æœ€è¿‘ã®ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã¯ã‚ãƒ£ãƒªã‚¢é–“ã‚„æ©Ÿç¨®ã«ä¾å˜ã™ã‚‹å•é¡ŒãŒå°‘ãªããªã‚Šã€è¡¨ç¾ã®åˆ¶ç´„ã‚‚å°‘ãªããªã£ã¦ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã«é…ã›ã‚‹ã“ã¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸãã€‚ ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã«é…ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸåˆ†ã€HTMLã‚½ãƒ¼ã‚¹ã‚‚è¤‡é›‘ã«ãªã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒžãƒƒã‚¯ã‚¢ãƒƒãƒ‘ãƒ¼ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ä¾é ¼ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ çŠ¶æ³ã¯ä¼šç¤¾ã«ã‚ˆã£ã¦æ§˜ã€…ã ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ã€åŠ¹çŽ‡ã‚ˆããƒ‡ãƒãƒƒã‚¯ã‚’è¡Œã£ã¦å®Œæˆåº¦ã‚’é«˜ã‚ãŸã„ã€ã¡ã‚‡ã£ã¨ã—ãŸä½œæ¥ã¯ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼å´ã§è¡Œã„ãŸã„ã¨ã„ã†ã¨ãã«ã€PCã‚µã‚¤ãƒˆã®ä½œæˆã§ã‚‚ãŠãªã˜ã¿ã®ãƒ„ãƒ¼ãƒ«ã‚’å«ã‚ãŸã€ãƒ¢ãƒã‚¤ãƒ«ãªã‚‰ã§ã¯ã®ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€ï¼‘ã€‘FireMobileSimulator PCã§ãƒ¢ãƒã‚¤ãƒ«ã®ç”»é¢ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€é›»æ³¢çŠ¶æ³ã‚„é€šä¿¡é€Ÿåº¦ã‚’æ°—ã«ã—ãªãã¦ã‚‚ã‚ˆãã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒã‚§ãƒƒã‚¯ã‹ã‚‰ã€æ©Ÿèƒ½é¢ã®ãƒ‡ãƒãƒƒã‚¯ã‚’ã‚¹ãƒ”ãƒ¼ãƒ‡ã‚£ã«è¡Œ
higeorange 2009/07/16
webdesign

firefox

extension

mobile
ãƒªãƒ³ã‚¯
Going strong | Swizec Teller
higeorange 2009/02/18
jquery

webdesign
ãƒªãƒ³ã‚¯
SeamlessTextures.net
higeorange 2009/02/16
æ•·ãè©°ã‚ç”»åƒ

image

webdesign
ãƒªãƒ³ã‚¯
spoonfeddesign.com
This domain may be for sale!
higeorange 2009/02/14
jquery

javascript

mootools

webdesign
ãƒªãƒ³ã‚¯
ã“ã ã‚ã‚Šã®ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ« scrollsmoothly.js
ã€Œãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ã§ã‚°ã‚°ã‚Œã°ã„ãã‚‰ã§ã‚‚å‡ºã¦ãã‚‹ã‚·ãƒãƒ¢ãƒŽã ã‘ã©ã€è‡ªåˆ†ã®è¦æœ›ã‚’ã™ã¹ã¦æº€ãŸã™ã‚‚ã®ãŒç„¡ã‹ã£ãŸã®ã§ä½œã£ã¦ã¿ãŸã€‚ ã“ã ã‚ã‚Šã®ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ« scrollsmoothly.js å‹•ä½œã‚µãƒ³ãƒ—ãƒ« ä»¥ä¸‹ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«headå†…ã§èªã¿è¾¼ã‚€ã ã‘ã§OKã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰(Javascript) scrollsmoothly.js èªã¿è¾¼ã¿ä¾‹ <script type="text/javascript" src="scrollsmoothly.js"></script> ç‰¹å¾´ ç¸¦æ¨ªæ–œã‚ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¯èƒ½ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä¸ã«ã‚‚ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ åˆ¥ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã®ãƒªãƒ³ã‚¯ã§ã‚‚æŒ‡å®šã®å ´æ‰€ã¾ã§ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ MIT License å‹•ä½œç¢ºèªãƒ–ãƒ©ã‚¦ã‚¶ IE6, IE7 Firefox 2,3 Opera 9.27 Safari 3.1 é–¢é€£ã‚¨ãƒ³ãƒˆãƒª
higeorange 2009/02/12
ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã«ä½¿ãˆã‚‹ï¼Ÿã™ã‚‹äºˆå®šãªã„ã‘ã©â€¦

javascript

webdesign
ãƒªãƒ³ã‚¯
webå±‹ãŒä¸»å¼µã™ã‚‹ã€Œãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã«é¨™ã•ã‚Œãªã„ãŸã‚ã« - éµã£åãƒ–ãƒã‚°
éµã£åãƒ–ãƒã‚°(Key Blog)ï¼šKeyãŒå¤§å¥½ããªéµã£åã«ã‚ˆã‚‹Keyã®ãƒ•ã‚¡ãƒ³ã‚µã‚¤ãƒˆã€‚Keyã«é–¢ã™ã‚‹æƒ…å ±ãƒ»ã‚³ãƒ©ãƒ ãƒ»è€ƒå¯Ÿãƒ»ãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒä¸å¿ƒ ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ˜¯éžã«ã¤ã„ã¦ webå±‹ã‚’è‡ªç§°ã™ã‚‹äººã®ä¸»å¼µãŒä½™ã‚Šã«ã‚‚é…·ã„ã€‚ ã€Œãã®ä½™ç™½ã€ã‚‚ã£ãŸã„ãªããªã„ï¼Ÿã€ã£ã¦ã„ã†è‡ªç„¶ãªæ„Ÿè¦šã¨ãã‚Œã‚’ãªã‚“ã¨ã‹ã—ã‚ˆã†ã¨ã™ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³é‚ã‚’çœ¼å‰ã«ã™ã‚‹ã¨ã€ã€Œæ¨ªå¹…ã¯ã‚„ã¯ã‚Š800pxåŸºæº–ã§ã—ã‚‡ã€ã¨ã‹ã€Œã„ã‚„ãã‚ãã‚1024pxåŸºæº–ã§ã‚‚ã„ã„ã‹ã‚‚ã€ã¨ã‹ã„ã†è°è«–è‡ªä½“ãŒãªã‚“ã ã‹ã‚€ãªã—ã„ã¨æ„Ÿã˜ãŸã ã‘ã ã€‚ ãã®ä½™ç™½ãŒã‚‚ã£ãŸã„ãªã„ã¨æ€ã†æ„Ÿè¦šã¨ã©ã†ã«ã‹ã—ã‚ˆã†ã¨ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³é‚ - Webå±‹ã®ãƒã‚¿å¸³ ã¤ã¾ã‚Šwebå±‹ã®ãƒã‚¿å¸³æ°ã®ä¸»å¼µã¯ã€Œãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®è§£åƒåº¦ã«åˆã‚ã›ã¦å‹•çš„ã«è¡¨ç¤ºã‚’å¤‰ãˆã‚‹Amazonã™ã’ãƒ¼ã€‚ãã‚Œã«æ¯”ã¹ã¦æ¥½å¤©ã¯å·¦å³ã«ä½™ç™½ãŒå‡ºæ¥ã¦ãã®ã‚¹ãƒšãƒ¼ã‚¹ãŒã‚‚ã£ãŸã„ãªã„ã€ã‚‰ã—ã„ã€‚ ãŸã—ã‹ã«ãã®ä¸»å¼µã¯ä¸€ç†ã‚ã‚‹ãŒã€ã§ã¯webå±‹ã®ãƒã‚¿å¸³æ°ã®ã‚µã‚¤ãƒˆã¯ã©ã†ã‹ã€‚ ã‚¹ãƒšãƒ¼
higeorange 2009/01/22
webdesign
ãƒªãƒ³ã‚¯
â€˜webå±‹ãŒä¸»å¼µã™ã‚‹ã€Œãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã«é¨™ã•ã‚Œãªã„ãŸã‚ã«â€™ã«é¨™ã•ã‚Œãªã„ãŸã‚ã«ï¼šekken
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹è©±ã§ã€å›ºå®šå¹…æ´¾ã¨å¯å¤‰å¹…æ´¾ã®æ„è¦‹å¯¾ç«‹ã¯çã—ãã‚‚ç„¡ã„ã®ã ã‘ã©ã€ã“ã‚Œã¯ã¡ã‚‡ã£ã¨é…·ã‹ã£ãŸãªãƒ¼ã€‚ webå±‹ãŒä¸»å¼µã™ã‚‹ã€Œãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã«é¨™ã•ã‚Œãªã„ãŸã‚ã« ç§è‡ªèº«ã¯ä»Šç¾åœ¨ã€æœ€å°ãƒ»æœ€å¤§å¹…è¨å®šã®å¯å¤‰å¹…ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚ã‘ãªã‚“ã ã‘ã©ã€åˆ¥ã«ã€Œå›ºå®šå¹…æ†Žã—ãƒƒï¼ã€€ã‚»ãƒ¼ãƒã‚¤ã—ã¦ãã‚Œã‚‹ãƒƒï¼ã€ã¨ã‹æ€ã£ã¦ã„ã‚‹ã‚ã‘ã˜ã‚ƒãªãã¦ã€ã¾ãèªã¿ã‚„ã™ã‘ã‚Œã°è‰¯ã„ã‚“ã˜ã‚ƒãªã„ã®ã‚ˆã€ãªã©ã¨è¨€ã„ãªãŒã‚‰ãƒãƒŠã‚¯ã‚½ã‚’ãƒ›ã‚¸ãƒ›ã‚¸ã—ã¦ã„ã‚‹ã€Œã©ã£ã¡ã§ã‚‚ã‚ˆã‹ã‚“ã¹æ´¾ã€ ãã®ã©ã£ã¡ã§ã‚‚ã‚ˆã‹ã‚“ã¹ã®ç§ãŒå¯å¤‰å¹…ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã®ã¯ã€è‡ªåˆ†ãŒèªã¿ã«ãã„ã¨æ€ã†ä»–äººã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹éš›ã«ã€æ–‡å—ã‚µã‚¤ã‚ºã‚„è¡¨ç¤ºé ˜åŸŸã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ãŒå¤šã„ã‹ã‚‰ã€‚ è¡¨ç¤ºé ˜åŸŸã‚’å¤‰æ›´ã—ã¦ã„ã‚‹ãã›ã«ã€ãã®æœ€å¤§ãƒ»æœ€å°å¹…ã‚’é™å®šã—ã¦ã„ã‚‹ã®ã¯ã€ãã®ã‚µã‚¤ã‚ºã‚ˆã‚Šå¤§ãã„ãƒ»å°ã•ã„ã¨ã€ãªã¾ã‚‰èªã¿ã«ãã„ã¹ã‚„ã€ãªã©ã¨æ€ã£ã¦ã„ã‚‹ã‹ã‚‰ãªã®ã§ã™ã€‚ã‚ã€ä»Šã¡ã‚‡ã£ã¨ã ã‘åŒ—æµ·é“å¼ãŒå‡ºã¦ããŸã‘ã©æ°—ã«ã™ã‚“ãªã€‚ ã§ã€å®‰çœ
higeorange 2009/01/22
webdesign
ãƒªãƒ³ã‚¯
jQuery Tutorials for Designers
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you donâ€™t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, Iâ€™m not going to get into the detai
higeorange 2008/12/18
jquery

webdesign
ãƒªãƒ³ã‚¯
http://www.s-cut.net/memo/archives/web/070523_fontSizeTable/
higeorange 2007/06/22
css

font

webdesign
ãƒªãƒ³ã‚¯
Access denied - Opera Developer Community
LoginUser name: Password: Lost password? rem ember Sign upSign up now to post in the forums, comment on articles, submit your own articles and more.
higeorange 2007/06/01
opera

webdesign

wii
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã‚ãã‚‹å†’é™º: CSSå®Ÿé¨“å®¤: clearfixã®æ±ºå®šç‰ˆã‚’ä½œã‚‹ â€•ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ç·¨â€•
floatã«èµ·å› ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆããšã‚Œã®å¤šãã¯ã€floatã‚’ã—ã‹ã‚‹ã¹ãå ´æ‰€ã§ã‚¯ãƒªã‚¢ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦è§£æ±ºã™ã‚‹ã€‚ã“ã®ã“ã¨ã‚’ç™ºè¦‹ã—ã¦ä»¥æ¥ã€ã‚‚ã£ã±ã‚‰ç©ºãƒœãƒƒã‚¯ã‚¹ã«clearã‚’æŒ‡å®šã™ã‚‹ã¨ã„ã†æ–¹æ³•ï¼ˆ<div style="clear: both"></div>ï¼‰ã‚’å¤šç”¨ã—ã¦ããŸãŒã€HTMLã«ã‚ã‚‹ç¨®ã®ä¸ç´”ç‰©ãŒæ··ã˜ã‚‹ã“ã¨ã«å±…å¿ƒåœ°ã®æ‚ªã•ã¯ãšã£ã¨æ„Ÿã˜ã¦ã„ãŸï¼ˆã€Œfloatã‚’ç¹°ã‚Šè¿”ã™ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒããšã‚Œã‚‹ã€å‚ç…§ï¼‰ã€‚ã“ã®æ°—æŒã¡æ‚ªã•ã‚’è§£æ¶ˆã—ã¦ãã‚Œã‚‹ã®ãŒã€clearfixã¨ã„ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã€‚ åŸºæœ¬çš„ãªç™ºæƒ³ã¯ä¸Šè¨˜ã®ç©ºãƒœãƒƒã‚¯ã‚¹ã«ã‚ˆã‚‹ã‚¯ãƒªã‚¢ã¨åŒã˜ã ãŒã€ãã‚Œã‚’HTMLã«ã¯ä¸€åˆ‡æ‰‹ã‚’åŠ ãˆãšã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã ã‘ã§å®Ÿç¾ã—ã¦ã„ã‚‹ã¨ã“ã‚ã«å¤§ããªç‰¹å¾´ãŒã‚ã‚‹ã€‚ã—ã‹ã—ã€ã²ã¨ãã¡ã«clearfixã¨ã„ã£ã¦ã‚‚æ§˜ã€…ãªãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã€ãã®è¨˜è¿°ã®ã—ã‹ãŸã¯å¾®å¦™ã«ç•°ãªã‚‹ã€‚ ä¾‹ãˆã°ã€clearfixã®æå”±è€…ã§ã¯ãªã„ã‹ã¨é¡žæŽ¨ã•ã‚Œã‚‹Position Is Ever
higeorange 2007/05/27
css

webdesign
ãƒªãƒ³ã‚¯
clearfixã¯ã¡ã‚ƒã‚“ã¨è€ƒãˆã‚‰ã‚Œã¦ã„ãŸ - 3ping.org
clearfixã®æ±ºå®šç‰ˆã‚’ä½œã‚‹ã«ã¤ã„ã¦ã‚³ãƒ¡ãƒ³ãƒˆã—ãŸã®ã§ã™ãŒã€ãªãœã‹åƒ•ã®TypeKeyãŒèªè¨¼å¤±æ•—ã«ãªã£ã¦ã—ã¾ã„ã€ãŒã‚“ã°ã£ã¦æ›¸ã„ãŸæ–‡ç« ãŒãŠä¼ãˆã§ããšã€æ¶ˆã™ã®ã‚‚ã‚‚ã£ãŸã„ãªã„ã‹ã‚‰ã“ã£ã¡ã«æ›¸ãã¾ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚ åƒ•ã‚‚ä»¥å‰ã€clearfixã®è¨˜è¿°ã«ã¤ã„ã¦ã€ãªãœã‚ã‚“ãªã«è¤‡é›‘ãªã®ã‹ç–‘å•ã«æ€ã„ã¾ã—ãŸã€‚CASE10ã®è¨˜è¿°ãŒfloatã®clearã«å¿…è¦ãªæœ€ä½Žé™ã®è¨˜è¿°ã¨ã—ã€ãƒ”ãƒªã‚ªãƒ‰ã‚„visibility,heightã¯å¿…è¦ç„¡ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã•ã¾ã–ã¾ãªãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§æ¤œè¨¼ã—ãŸã®ã§ã™ãŒã€contentã§ä½•ã‹ã‚’è¨˜è¿°ã—ãªã„ã¨ãƒœãƒƒã‚¯ã‚¹ãŒç”Ÿæˆã•ã‚Œãšã«æ£å¸¸ã«ã‚¯ãƒªã‚¢ã§ããªã„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãŒã‚ã‚Šã¾ã—ãŸã€‚ãã—ã¦ã€ç”Ÿæˆã—ãŸãƒœãƒƒã‚¯ã‚¹ã‚’æ¶ˆã™ãŸã‚ã«ã€visibilityã‚„height:0ãŒå¿…è¦ã«ãªã‚Šã¾ã—ãŸã€‚ ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®ä¸ã§ã‚‚ç‰¹ã«ãƒ¢ãƒ€ãƒ³ï¼ˆç¬‘ï¼‰ãªã‚‚ã®ã«é™ã‚Œã°CASE10ã ã‘ã§å¤§ä¸ˆå¤«ã®ã‚ˆã†ã§ã™ã€‚ãŸã ã‚„ã¯ã‚Šã“ã†ã„ã£ãŸã‚‚ã®ã¯å‡ºæ¥ã‚‹ã ã‘å¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã§
higeorange 2007/05/27
css

webdesign
ãƒªãƒ³ã‚¯
ä¿—ã«è¨€ã† clearfix ã¨è¨€ã‚ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³è‰²ã€… - lucky bag
clearfix ãƒã‚¿ã«ä¹—ã£ã‹ã£ã¦ã¿ã‚‹ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã‚ãã‚‹å†’é™º: CSSå®Ÿé¨“å®¤: clearfixã®æ±ºå®šç‰ˆã‚’ä½œã‚‹ ï¼ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ç·¨ï¼ clearfixã¯ã¡ã‚ƒã‚“ã¨è€ƒãˆã‚‰ã‚Œã¦ãŸ .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clearfix { _height: 1px; min-height: 1px; /*ï¿¥*//*/ height: auto; overflow: hidden; /**/ } ãƒ›ãƒƒãƒ—æœ¬ã§ã‚‚ã†ãƒ¼ãŸã‚“ãŒè§£èª¬ã—ã¦ã‚‹ã‚“ã ã‘ã©ã€æ§‹é€ ã«æ‰‹ã‚’åŠ ãˆãšã« float ã‚’ clear ã•ã›ã‚‹ãŸã‚ã®ã„ã‚ã‚†ã‚‹ clearfix ã£ã¦ã‚„ã¤ã€‚çµæ§‹è‰²ã€…ãªã‚µã‚¤ãƒˆã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã®ã‚’ç›®ã«ã™ã‚‹ã¨æ€ã†ã‘ã©ã€æœ€åˆã® content ç”Ÿæˆã—ã¦ clear ã•ã›ã‚‹
higeorange 2007/05/27
css

webdesign
ãƒªãƒ³ã‚¯
bkhvalid - BK class
higeorange 2007/05/24
css

html

software

validator

webdesign

windows
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãƒãƒ£ãƒ³ãƒãƒ«å‘ã‘ã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚ŠãŸã„ã®ã§ã™ãŒâ€¦ã€‚ : ï¼±ï¼†ï¼¡ - ï¼·ï½‰ï½‰
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãƒãƒ£ãƒ³ãƒãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã¯ã€æ¬¡ã®ã¨ãŠã‚Šã§ã™ã€‚ ï¼ˆãŠå®¢æ§˜ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸæ™‚æœŸã«ã‚ˆã‚Šç•°ãªã‚Šã¾ã™ã€‚ï¼‰ â—æ—¥æœ¬ Opera/9.10 (Nintendo Wii; U; ; 1621; ja) â—è‹±èªž Opera/9.10 (Nintendo Wii; U; ; 1621; en) â—ãƒ‰ã‚¤ãƒ„èªž Opera/9.10 (Nintendo Wii; U; ; 1621; de) â—ã‚¹ãƒšã‚¤ãƒ³èªž Opera/9.10 (Nintendo Wii; U; ; 1621; es-ES) â—ãƒ•ãƒ©ãƒ³ã‚¹èªž Opera/9.10 (Nintendo Wii; U; ; 1621; fr) â—ã‚¤ã‚¿ãƒªã‚¢èªž Opera/9.10 (Nintendo Wii; U; ; 1621; it) â—ã‚ªãƒ©ãƒ³ãƒ€èªž Opera/9.10 (Nintendo Wii; U; ; 162
higeorange 2007/05/23
javascript

webdesign

wii
ãƒªãƒ³ã‚¯
ã‚¦ãƒŽã‚¦ãƒ©ãƒœ Unoh Labs: è‰²é¸ã³ã®ã‚³ãƒ„
ã“ã‚“ã«ã¡ã¯ï¼ yamazakiã§ã™ã€‚ é«˜åº¦ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è©±ã ã‚‰ã‘ã®ã“ã®ãƒ–ãƒã‚°ã«ã¯å…¨ãé¦´æŸ“ã¾ãªã„è©±é¡Œã§ã‚¢ãƒ¬ã§ã™ãŒã€ä»Šå›žã¯ã€Œè‰²ã€ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ã‚‹ã¨ãã€ã¡ã‚‡ã£ã¨ã—ãŸæ›¸é¡žã‚’ä½œã‚‹ã¨ãã€ã€Œã©ã‚“ãªè‰²ã‚’ä½¿ãŠã†ã‹ãªãã€ã¨ã„ã†ã®ã¯æ¯Žåº¦çµæ§‹è¿·ã†ã¨ã“ã‚ã§ã™ã€‚ä»Šå›žã¯ãã‚“ãªã¨ãã«ã‚‚ã—ã‹ã—ãŸã‚‰å°‘ã—ã¯å½¹ã«ç«‹ã¤ã‹ã‚‚ã—ã‚Œãªã„ã€è‰²é¸ã³ã®Tipsã§ã™ã€‚ è‰²ã®ã€Œãƒˆãƒ¼ãƒ³ã€ã‚’æ„è˜ã—ã¦ã¿ã‚ˆã† è‰²ã®åŸºæœ¬ã€ã¨ã„ã†ã¨å¤§æŠµã©ã‚“ãªæœ¬ã‚’è¦‹ã¦ã‚‚ã€Œè‰²ç›¸ã€ã€Œå½©åº¦ã€ã€Œæ˜Žåº¦ã€ã¨ã„ã†ä¸‰ã¤ã®ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãŒã¾ãšå‡ºã¦ãã¾ã™ã€‚ã€Œè‰²ç›¸ã€ã€Œå½©åº¦ã€ã€Œæ˜Žåº¦ã€ã¨ã„ã†ã®ã¯ è‰²ç›¸â€¦ãã®è‰²ãŒã€Œèµ¤ã€ãªã®ã‹ã€Œé’ã€ãªã®ã‹ã€Œç·‘ã€ãªã®ã‹ã€ãã®è‰²ã®ã€Œè‰²å‘³ã€ å½©åº¦â€¦è‰²ã®ã€Œã‚ã–ã‚„ã‹ã•ã€ã€‚ æ˜Žåº¦â€¦è‰²ã®ã€Œæ˜Žã‚‹ã•ã€ã€‚é»’ãŒã‚‚ã£ã¨ã‚‚æš—ãï¼ˆæ˜Žåº¦ãŒä½Žãï¼‰ã€ç™½ãŒã‚‚ã£ã¨ã‚‚æ˜Žã‚‹ã„ï¼ˆæ˜Žåº¦ãŒé«˜ã„ï¼‰ã€‚ ãªã®ã§ã™ãŒã€ã“ã®ä¸‰ã¤ã®ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’ã‚‚ã¨ã«è‰²ã‚’è€ƒãˆã¦ã„ã¦ã‚‚ã€ã„ã¾ã„ã¡ã€Œã©ã®è‰²ã«
higeorange 2007/05/18
colour

webdesign
ãƒªãƒ³ã‚¯
è¦šãˆã¦ãŠããŸã„é…è‰²ã®ãƒ¯ã‚¶ã¨ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ« :: Love & Design ::
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚„é…è‰²ã«å½¹ç«‹ã¤ï¼ˆã‹ã‚‚ã—ã‚Œãªã„ï¼‰ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ /*ç„¡é§„ã«ã‚¨ãƒã„ã®ã¯ä»•æ§˜ã§ã™*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc è‰²ã®3ã¤ã®è¦ç´ é…è‰²ã‚’è¡Œã†å‰ã«ã€è‰²ã«é–¢ã™ã‚‹åŸºç¤ŽçŸ¥è˜ã‚’ãŠã•ã‚‰ã„ã€‚è‰²ã¯ã€Œè‰²ç›¸ãƒ»å½©åº¦ãƒ»æ˜Žåº¦ã€ã®3ã¤ã®è¦ç´ ã«ã‚ˆã£ã¦æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚æ˜Žåº¦ã ã‘ã®æ€§è³ªã‚’æŒã¤ç„¡å½©è‰²ã«å¯¾ã—ã€æœ‰å½©è‰²ã¯è‰²ç›¸ã€å½©åº¦ã€æ˜Žåº¦ã®3ã¤ã®æ€§è³ªã‚’æŒã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚’ã€Œè‰²ã®3å±žæ€§ã€ã¨å‘¼ã³ã¾ã™ã€‚ è‰²ç›¸ï¼ˆã—ããã†ï¼šHueï¼‰ è‰²ç›¸ã¨ã¯ã€èµ¤ãƒ»æ©™ãƒ»é»„ãƒ»ç·‘ãƒ»é’ãƒ»ç´«ãªã©ã®è‰²ã¿ã®ã“ã¨ã€‚ ï¼ˆè‰²ç›¸ã¯ã¤ãªãŒã‚Šã‚ã£ã¦è‰²ç›¸ç’°ã¨ã„ã†è¼ªã«ãªã‚Šã¾ã™ã€‚ï¼‰ å½©åº¦ï¼ˆã•ã„ã©ï¼šSaturationï¼šChromaï¼‰ è‰²ã®é®®ã‚„ã‹ã•ã€å¼·å¼±ã®åº¦åˆã„ã®ã“ã¨ã€‚ å½©åº¦ãŒé«˜ã„ï¼ˆé®®ã‚„ã‹ï¼‰â‡”å½©åº¦ãŒä½Žã„ï¼ˆéˆã„ï¼‰ æ˜Žåº¦ï¼ˆã‚ã„ã©ï¼šValueï¼šBrightnessï¼‰ è‰²ã®æ˜Žã‚‹ã•ã®åº¦åˆã„ã®ã“
higeorange 2007/05/18
colour

webdesign
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸