[B! background] crealiveã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

crealive id:crealive

backgroundã«é–¢ã™ã‚‹crealiveã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (19)

${{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ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«æŒ‘æˆ¦ï¼è‰²ãŒç§»ã‚Šå¤‰ã‚ã‚‹èƒŒæ™¯ã‚’å®Ÿè£…ã—ã‚ˆã† | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«æŒ‘æˆ¦ï¼è‰²ãŒç§»ã‚Šå¤‰ã‚ã‚‹èƒŒæ™¯ã‚’å®Ÿè£…ã—ã‚ˆã†ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã£ã¦ã‹ã‚‰ã¯ã€èƒŒæ™¯ã‚’ä¸€è‰²ã§å¡—ã‚Šã¤ã¶ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆãŒå¤šããªã‚Šã¾ã—ãŸã€‚ã—ã‹ã—ãã‚Œã ã‘ã§ã¯ãªã‚“ã ã‹å‘³æ°—ãªã„ï¼ã¨ã„ã†äº‹ã§ã€CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ã€å¾ã€…ã«è‰²ã‚’å¤‰åŒ–ã•ã›ã¦ã¿ã¾ã—ã‚‡ã†ï¼è‰²ã®çµ„ã¿åˆã‚ã›ã‚„é †ç•ªã‚’èª¿æ•´ã—ã¦ã€ãƒ‘ãƒƒã¨ç›®ã‚’å¼•ããƒ‡ã‚¶ã‚¤ãƒ³ã«ï¼ Themifyã§ã¯ãƒ›ãƒ¼ãƒ ã®ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã§ãƒ“ãƒ“ãƒƒãƒ‰ãªè‰²ã‚’å°‘ã—ãšã¤å¤‰ãˆãªãŒã‚‰è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ä»Šå›žç›®æŒ‡ã™ã®ã¯ã“ã‚“ãªæ„Ÿã˜ã®èƒŒæ™¯ã§ã™ã€‚ã“ã®ã‚µã‚¤ãƒˆã§ã¯ JavaScript ã«ã‚ˆã‚Šè‰²ã®ç§»ã‚Šå¤‰ã‚ã‚Šã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ãŒã€CSS3 ã®ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã ã‘ã§ã‚‚è¡¨ç¾ã§ãã¾ã™ï¼ CSS3 ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºæœ¬ã¾ãšã¯è¦ç´ ã‚’å¾ã€…ã«å¤‰åŒ–ã•ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦è¦šãˆã¦ã„ãã¾ã—ã‚‡ã†ï¼CSS3 ã® animation ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã¯ã€ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’è¨å®šã—ã¦ç´°ã‹ã„å‹•ãã‚’æç”»
crealive 2014/08/11
CSS3

background
ãƒªãƒ³ã‚¯
[CSS]èƒŒæ™¯ã‚’å›ºå®šã•ã›ã€ã‚«ãƒ¼ãƒ†ãƒ³ã‚’ã‚ã’ã‚‹ã‚ˆã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¬¡ã€…ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®é«˜ã•ã„ã£ã±ã„ã«è¡¨ç¤ºã—ãŸå†™çœŸç”»åƒã¨ãƒ™ã‚¿å¡—ã‚ŠèƒŒæ™¯ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’äº¤äº’ã«é…ç½®ã—ãŸç¸¦é•·ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸéš›ã€å†™çœŸç”»åƒã®èƒŒæ™¯ã‚’å›ºå®šè¡¨ç¤ºã•ã›ã€ã‚«ãƒ¼ãƒ†ãƒ³ã‚’ã‚ã’ã‚‹ã‚ˆã†ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆç„¡ã—ãªã®ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚‚ã£ã•ã‚Šæ„ŸãŒãªãã€éžå¸¸ã«ã•ãã•ãå‹•ä½œã—ã¾ã™ã€‚ Alternate Fixed & Scroll Backgrounds ãƒ‡ãƒ¢ å®Ÿè£… ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯Chrome, Safari, Firefox, Operaãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã€IEã¯9+ã§ã”è¦§ãã ã•ã„ã€‚ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ç”¨ã—ã¦ã„ãªã„ã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚å¿«é©ã§ã™ï¼ å°‘ã—ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã¨ã“ã‚ å†™çœŸç”»åƒã®èƒŒæ™¯ã¯å›ºå®šè¡¨ç¤ºã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãƒ™ã‚¿å¡—ã‚Šã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ã€‚ å®Ÿè£… HTML HTMLã¯ã‚·ãƒ³ãƒ—ãƒ«ã§ã€mainè¦ç´ ã‚’ãƒ©ãƒƒãƒ‘ãƒ¼ã«ã€divè¦ç´ ã§å†™çœŸç”»åƒã¨
crealive 2014/07/21
background

html

jQuery

CSS3

scroll
ãƒªãƒ³ã‚¯
[JS]æŒ‡å®šã—ãŸè¦ç´ å†…ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’æœ€é©ã«é…ç½®ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Wallpaper
å¹…480pxã§è¡¨ç¤º Wallpaperã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="js/jquery.bp.wallpaper.js"> Step 2: HTML HTMLã¯é€šå¸¸é€šã‚Šã§ã€èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹è¦ç´ ã¯æŒ‡å®šã§ãã‚‹ã‚ˆã†idãªã©ã‚’åŠ ãˆã¾ã™ã€‚ <header id="element"> ãƒ˜ãƒƒãƒ€ </header> è¤‡æ•°ç®‡æ‰€ã‚’é©ç”¨ã™ã‚‹æ™‚ã¯ã€classã®æ–¹ãŒä¾¿åˆ©ã§ã™ã€‚ Step 3: JavaScript jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§è¦ç´ ã‚’æŒ‡å®šã—ã€sourceã«ç”»åƒã‚’æŒ‡å®šã—ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ $("#element").w
crealive 2014/02/11
æŒ‡å®šã—ãŸè¦ç´ ã®ã¿ã«èƒŒæ™¯ç”»åƒã‚’å…¥ã‚Œã‚‰ã‚Œã‚‹ã£ã¦è¨€ã†ã¨ã“ã‚ãŒå‡„ã„ä½¿ãˆã‚‹ï¼ï¼

jQuery

javascript

background

fullscreen
ãƒªãƒ³ã‚¯
èƒŒæ™¯å›ºå®šã§ç¾Žã—ã„ãƒ–ãƒ©ãƒ¼ãŒã‹ã‹ã£ãŸåŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§èƒŒæ™¯ç”»åƒã¯å›ºå®šè¡¨ç¤ºã€ç¾Žã—ã„ãƒ–ãƒ©ãƒ¼ãŒã‹ã‹ã£ãŸåŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€ä½Žé™ã®è¦ç´ ã«ã—ãŸãƒ‡ãƒ¢ å®Ÿè£…ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ HTML ãƒ‘ãƒãƒ«ã¯articleè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ä¸èº«ã¯ãƒ†ã‚ã‚¹ãƒˆã§ã‚‚ç”»åƒã§ã‚‚ãƒ•ã‚©ãƒ¼ãƒ ã§ã‚‚ä½•ã§ã‚‚OKã€‚ <body> <article> <h1>åŠé€æ˜Žã®ç¾Žã—ã„ãƒ‘ãƒãƒ«</h1> <p>æ´‹é…’ã¨ã„ãˆã°ã€èª°ã§ã‚‚æœ€åˆã«æ€ã„æµ®ã‹ã¹ã‚‹ã®ãŒã‚¦ã‚¤ã‚¹ã‚ãƒ¼ã€‚ã„ã‚ã°æ´‹é…’ã®ã‚·ãƒ³ãƒœãƒ«çš„ãªå˜åœ¨ãªã®ã ãŒã€è‹±èªžè¡¨è¨˜ãŒï¼»ä¸€èˆ¬ã«ã€”ç±³ã€•ã§ã¯ Whiskey,ã€”è‹±ã€•ã§ã¯ Whisky.ï¼½ã§ã‚ã‚‹ã“ã¨ã¯ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã€‚ç±³è‹±ä¸¡å›½ã§ã¯ã€ã“ã®ã‚¹ãƒšãƒ«ã®å·®ã§è‡ªå›½ç”£ã¨è¼¸å…¥å“ã‚’åŒºåˆ¥ã—ã¦ã„ã‚‹ã¨ã„ã†ã€‚ã‚ãŒå’Œè£½ã‚¦ã‚¤ã‚¹ã‚ãƒ¼ã®â€œWhiskyâ€ã¨ã„ã†è‹±å›½å¼è¡¨ç¤ºã¯ã€æ‰‹æœ¬ã«ã—ãŸã‚¹ã‚³ãƒƒãƒã®ãƒ•ã‚©ãƒ«ãƒ ã«å€£ã£ãŸã‚‚ã®ã§ã‚ã‚Šã€ãã‚Œä»¥ä¸Šã®æ„å‘³ã¯ãªã„ã‚ˆã†ã ã€‚ã‚«ãƒŠè¡¨è¨˜ã«ã—ã¦ã‚‚ã€ã”
crealive 2013/11/18
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§èƒŒæ™¯ç”»åƒã¯å›ºå®šè¡¨ç¤ºã€ç¾Žã—ã„ãƒ–ãƒ©ãƒ¼ãŒã‹ã‹ã£ãŸåŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã ã‘ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚

background

css

HTML5
ãƒªãƒ³ã‚¯
èƒŒæ™¯ã«å‹•ç”»ã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¡¨ç¤ºã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
tubular, a YouTube Backg... / BigVideo.js - The jQuery... / jQueryã§èƒŒæ™¯ã«å‹•ç”»ã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¡¨ç¤ºã™...ä»–...å…¨3ä»¶
crealive 2012/08/22
jQuery

background

youtube
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ä»£ç¯€ç´„â˜…ahamo/LINEMO/povoã§ç”Ÿæ´»è²»ã‚’æŠ‘ãˆã‚ˆã† â€“ wifimobile
crealive 2012/08/15
ä½œä¾‹ã®æ±å¤§é˜ªã®ç—…é™¢ã®æ–¹æ³•ãŒã€ã¨ã¦ã‚‚ä½¿ãˆãã†ã€‚å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„æ¯Žã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒç‰¹ã«ç„¡ã„å ´åˆã«ã€‚

jquery

background
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªèƒŒæ™¯ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿç¾ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒbgStretcherã€:phpspoté–‹ç™ºæ—¥èªŒ
bgStretcher jQuery Plugin Allows to Add Background Image to Page and Proportionally Resize it to Fill Entire Window Area. ? ajaxBlender.com ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªèƒŒæ™¯ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿç¾ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒbgStretcherã€ ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã‚’ã‹ã‘ã¤ã¤ã€ã‚¯ãƒ¼ãƒ«ã«å‹•ãèƒŒæ™¯ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªä»•çµ„ã¿ã‚’å–ã‚Šå…¥ã‚ŒãŸæ©Ÿèƒ½ã‚’å®Ÿç¾ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼å®Ÿè£…ãŒç°¡å˜ã«å‡ºæ¥ã¾ã™ èƒŒæ™¯ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã™ã‚‹ã¨ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆã¯å¤§ãã„ã®ã§ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚µã‚¤ãƒˆãªã©ã«ä½¿ãˆãã†ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è‰²ã‚’ãƒ™ãƒ¼ã‚¹ã«ãƒ•ãƒªãƒ¼ã®èƒŒæ™¯ç”»åƒã‚„è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒæ¤œç´¢ã§ãã‚‹ã€ŒColRDã€ èƒŒæ™¯ç”»åƒã‚’ä½¿ã‚ãšå‹•çš„ã«èƒŒæ™¯æ¨¡æ§˜ã‚’æç”»ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒNoiseGenã€ èƒŒæ™¯ç”»åƒç‰ã«ä½¿
crealive 2012/07/04
jQuery

phpspot

slide show

background
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒç½®æ›ã€Œ-9999pxã€ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã—ãŸæ–°ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ†ã‚ã‚¹ãƒˆã§å®Ÿè£…ã—ãŸè¦‹å‡ºã—ãªã©ã‚’ç”»åƒã«ç½®æ›ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€Œ-9999pxã€ãŒæœ‰åã§ã™ãŒã€ãã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Replacing the -9999px hack (new image replacement) [ad#ad-2] ç”»åƒç½®æ›ï¼š-9999px æ”¹å–„ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ç”»åƒç½®æ›ï¼š-9999px -9999pxã‚’ä½¿ã£ãŸç”»åƒç½®æ›ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTMLã¯è¦‹å‡ºã—è¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ HTML <h3 id="sample06">è¦‹å‡ºã—ã®ãƒ†ã‚ã‚¹ãƒˆ</h3> ã€Œtext-indent:-9999px;ã€ã§ãƒ†ã‚ã‚¹ãƒˆã‚’è¦‹ãˆãªã„ä½ç½®ã«ã—ã€è¦‹å‡ºã—ã¨ãªã‚‹ç”»åƒã‚’èƒŒæ™¯ç”»åƒã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
crealive 2012/04/17
background

css

tips
ãƒªãƒ³ã‚¯
[JS]é«˜æ€§èƒ½ã§è¨ç½®ã‚‚ç°¡å˜ã€ãƒ–ãƒ©ã‚¦ã‚¶æž ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -bgStretcher
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šSuper Slider ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ç‰ˆã§ã€æ–œã‚æ–¹å‘ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ bgStretcherã®ä¸»ãªç‰¹å¾´ ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã¯ã‚·ãƒ³ãƒ—ãƒ« å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆ ç”»åƒã¯ä¸€æžšã ã‘ã§ãªãã€è¤‡æ•°æžšã«ã‚‚å¯¾å¿œ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherã®ä½¿ã„æ–¹ Step 1: ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã‚µã‚¤ãƒˆã®ã€ŒDownloadã€ã‚ˆã‚Šãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ä¸€å¼ã«ã¯å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«å…¨ã¦ï¼ˆjqeury.jsã‚‚ï¼‰ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ Step 2: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«<head>ï½ž</head>ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="../jquery-1.5.2.mi
crealive 2012/02/14
js

jQuery

background
ãƒªãƒ³ã‚¯
jQueryã§å¥¥è¡Œãã®ã‚ã‚‹èƒŒæ™¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ä½œã£ã¦ã¿ã‚‹
jQueryã§å¥¥è¡Œãã®ã‚ã‚‹èƒŒæ™¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ä½œã£ã¦ã¿ã‚‹ æ™®é€šã«èƒŒæ™¯ç”»åƒã‚’æŒ‡å®šã™ã‚‹ã ã‘ã ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«è¿½å¾“ã—ã¦ç”»åƒã‚‚ç§»å‹•ã—ã¾ã™ãŒã€jQueryã§èƒŒæ™¯ä½ç½®ã‚’èª¿ç¯€ã™ã‚‹ã“ã¨ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é€Ÿåº¦ã‚’ãšã‚‰ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã“ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã—ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨å¥¥è¡Œãã®æ„Ÿã˜ã‚‰ã‚Œã‚‹å‹•ä½œã‚’ä½œã£ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2011å¹´05æœˆ13æ—¥ æ›´æ–°æ—¥2011å¹´05æœˆ13æ—¥ ç”»åƒã‚’æ‰‹å‰ã¯æ—©ãã€å¥¥ã¯é…ãç§»å‹• ãƒ‡ãƒ¢ã‚’è¦‹ã¦é ‚ã‘ã‚Œã°ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚„ã£ã¦ã‚‹ã“ã¨ã¯æ‰‹å‰ã®èƒŒæ™¯ç”»åƒã‚’æ—©ãå‹•ã‹ã—ã€å¥¥ã®ç”»åƒã‚’é…ãå‹•ã‹ã—ã¦ã„ã‚‹ã ã‘ã§ã™ã€‚ html + css ç”»åƒã¯å½“ç„¶ã§ã™ãŒ2æžšä»¥ä¸Šç”¨æ„ã—ã¾ã—ã‚‡ã†ã€‚ ã“ã“ã§ã¯3æžšç”»åƒã®ç”»åƒã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ãªã®ã§divã‚’3ã¤ç”¨æ„ã—ã€ãã‚Œãžã‚Œã«èƒŒæ™¯ç”»åƒã‚’æŒ‡å®šã—ã¾ã™ã€‚ html <div id="bg03"> <div id="bg02"> <div id="bg01"> <!-- /#bg01 --
crealive 2011/10/01
background

css

javascript

3d

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

HTML5

canvas

background

good design web
ãƒªãƒ³ã‚¯
manufacturedessai.it
This domain may be for sale!
crealive 2011/05/29
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒãƒƒã‚¯ç”»åƒãŒå¤šå±¤ã«å‹•ãã‚„ã¤ã€‚

background

design

javascript

typography

fashion

webdesign

good design web

good js
ãƒªãƒ³ã‚¯
This is Goodbye
This is Goodbye As we close our doors at Teehan+Lax, we want to thank everyone who has poured their creative energy into this company over the years, and especially recognize an amazing group of people who helped us finish strong.
crealive 2011/05/21
æµ·å¤–ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³äº‹å‹™æ‰€ã®ã‚µã‚¤ãƒˆã€‚html5ã§æ˜ åƒã‚’ãƒ¡ã‚¤ãƒ³ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ä½¿ç”¨

background

design

html5

movie

WebDesign

good design web

oversea
ãƒªãƒ³ã‚¯
[JS]ã“ã‚ŒFlashã˜ã‚ƒãªã„ã®ï¼Ÿã£ã¦ãªã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
è»½å¿«ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¿ƒåœ°ã‚ˆã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¿ã‚¤ãƒˆãƒ«ã«ã‚ã‚‹é€šã‚Šã€Flashã¯ä½¿ã‚ãªã„ã§å®Ÿè£…ã•ã‚Œã¦ã¾ã™ã€‚ Animated Content Menu with jQuery ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ã¾ãšã¯ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’å ªèƒ½ãã ã•ã„ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®å„ãƒ©ãƒ™ãƒ«ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦é–‹ãã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å®Ÿè£… HTMLã®æ§‹é€ ã¯ã€èƒŒæ™¯ç”»åƒã€ã‚°ãƒªãƒƒãƒ‰ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®4ã¤ã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ HTMLï¼šèƒŒæ™¯ èƒŒæ™¯ã¯ã€èƒŒæ™¯ç”»åƒã¨ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
crealive 2011/03/28
ãƒšãƒ¼ã‚¸å…¨ä½“ãƒãƒƒã‚¯ã«ç”»åƒã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã€ã™ã”ãã‹ã£ã“ã„ã„JS.

background

javascript

jquery

navigation

good js

good design web
ãƒªãƒ³ã‚¯
Through Me | ã„ãã‚‹ãŒã€ã²ã‚ãŒã‚‹
ãƒ“ã‚¸ãƒ§ãƒ³ã‚‚ç¾Žå‘³ã—ã•ã‚‚ã€è¿½æ±‚ã¯çµ‚ã‚ã‚‰ãªã„ã€‚è¥¿ç²Ÿå€‰æ‘ã ã‹ã‚‰ã“ãå±Šã‘ã‚‰ã‚Œã‚‹ã€Œæ£®ã®ã†ãªãŽã€ã«è¾¼ã‚ã‚‰ã‚ŒãŸæƒ³ã„ã¨å‘³ã‚ã„ã€‚ Date : 2019.12.20
crealive 2011/01/27
é›»ãƒŽã‚³ã§ãã‚Šã£ã±ã®ç„¡åž¢æã‚’å¤©æ¿ã«ä½¿ã£ãŸã€æœ¨ã®é¦™ã‚ŠãŒã™ã‚‹ã‚ªãƒ•ã‚£ã‚¹å®¶å…·ã€‚ã‚°ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãƒˆãƒƒãƒ—ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒç”»é¢åˆã‚ã›ã«ãªã£ã¦ã„ã¦ã‹ã£ã“ã„ã„ã€‚

furniture

good products

product

good design web

good js

background
ãƒªãƒ³ã‚¯
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
crealive 2010/12/10
WindowsVistaã®èƒŒæ™¯ç”»åƒã«ãã£ãã‚Šãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ã¤ãã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚

background

photoshop

tutorial
ãƒªãƒ³ã‚¯
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹CSSã‚„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºï¼‰ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€æœ€è¿‘è¦‹ã¤ã‘ãŸ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã€ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ãŸã‚Šã—ãŸã®ã§ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ èƒŒæ™¯ã«ç”»åƒã‚’ä½¿ã£ãŸ Webã‚µã‚¤ãƒˆã£ã¦ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã‚ˆãã€‚å¤§ããã¦ã‚ãƒ¬ã‚¤ãªç”»åƒã¯ã€è¦‹ãŸç›®ã«ã‚‚ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒã‚ã£ã¦ã¨ã¦ã‚‚å°è±¡çš„ã§ã™ã€‚ã§ã‚‚ Webã‚µã‚¤ãƒˆã‚’é–²è¦§ã—ã¦ã„ã‚‹äººã®ç’°å¢ƒã¯æ§˜ã€…ã§ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºãŒé•ã£ãŸã‚Šã™ã‚‹ã‚‚ã®ã€‚ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ã®ã‚µã‚¤ã‚ºã«ã‚ã‚ã›ã¦ã€ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ã‚’ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§ã”ç´¹ä»‹ã—ã¾ã™ï¼ ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ ç›®æ¬¡ CSSã®ã¿ã§ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ fullscreenr ã‚’ä½¿ã£ã¦ã¿ãŸ Full Size Background Image jQuery Plugin ã‚’ä½¿ã£ã¦ã¿ãŸ jQuery max
crealive 2010/11/28
[JavaScriptjQuery maxImage Scaling PluginãŒãŠã™ã™ã‚ã§ã™

css

jQuery

background

plugin
ãƒªãƒ³ã‚¯
CSS3ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
èƒŒæ™¯ background-clip â€¦â€¦ èƒŒæ™¯ã®é©ç”¨ç¯„å›²ã‚’æŒ‡å®šã™ã‚‹ background-origin â€¦â€¦ èƒŒæ™¯ã®åŸºæº–ä½ç½®ã‚’æŒ‡å®šã™ã‚‹ background-size â€¦â€¦ èƒŒæ™¯ç”»åƒã®ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹ è§’ä¸¸ border-radius â€¦â€¦ è§’ä¸¸ã‚’ã¾ã¨ã‚ã¦æŒ‡å®šã™ã‚‹ border-top-left-radius â€¦â€¦ å·¦ä¸Šã®è§’ä¸¸ã‚’æŒ‡å®šã™ã‚‹ border-top-right-radius â€¦â€¦ å³ä¸Šã®è§’ä¸¸ã‚’æŒ‡å®šã™ã‚‹ border-bottom-left-radius â€¦â€¦ å·¦ä¸‹ã®è§’ä¸¸ã‚’æŒ‡å®šã™ã‚‹ border-bottom-right-radius â€¦â€¦ å³ä¸‹ã®è§’ä¸¸ã‚’æŒ‡å®šã™ã‚‹ ç”»åƒãƒœãƒ¼ãƒ€ãƒ¼ border-image â€¦â€¦ ç”»åƒãƒœãƒ¼ãƒ€ãƒ¼ã‚’æŒ‡å®šã™ã‚‹ border-image-source â€¦â€¦ ç”»åƒãƒœãƒ¼ãƒ€ãƒ¼ã«ä½¿ç”¨ã™ã‚‹ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®šã™ã‚‹ border-image-slice â€¦â€¦ ãƒœãƒ¼ãƒ€ãƒ¼ç”»åƒã®
crealive 2010/11/27
CSS3ã®æ—©è¦‹è¡¨ã€‚

CSS3

css

reference

HTML

webåˆ¶ä½œ

background

image
ãƒªãƒ³ã‚¯
èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®è€ƒå¯Ÿ
æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸€ã¤ã§ã‚‚ã‚ã‚‹èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹å®Ÿè£…æ–¹æ³•ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ãã®ä¸ã‹ã‚‰ã€ç†ã«ã‹ãªã£ãŸæœ€æ–°ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ã€ã‚ˆã‚Šå¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Perfect Full Page Background Image [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ å„ãƒ‡ãƒ¢ã¯ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã®Download Filesã€ã§ã€ã¾ã¨ã‚ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã¯ CSS3ã‚’ä½¿ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ CSSã ã‘ã§å®Ÿè£…ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šãã®1 CSSã ã‘ã§å®Ÿè£…ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šãã®2 jQueryã‚’ä½¿ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ èƒŒæ™¯ç”»åƒã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®æž ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã¯ å‰æã¨ã—ã¦ã€ä¸‹è¨˜ã®ãƒã‚¤ãƒ³ãƒˆãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ç”»åƒã§ãƒšãƒ¼ã‚¸ã‚’ã„ã£ã±ã„ã«ã—ã¾ã™ã€‚ ç©ºãã¯ç„¡ã„ã‚ˆã†ã«ã—ã¾ã™ã€‚ ç”»åƒã®ã‚µã‚¤ã‚ºã¯å¿…è¦ãŒã‚ã‚Œã°èª¿æ•´ã—ã¾
crealive 2010/11/26
css

CSS3

jQuery

tips

tutorial

background
ãƒªãƒ³ã‚¯
1