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

lordkf id:lordkf

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

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

(K)èƒŒæ™¯è‰²ã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨èƒŒæ™¯ç”»åƒã‚’åŒæ™‚ã«åæ˜ ã•ã›ã‚‹å ´åˆï¼ˆCSSè¦šãˆæ›¸ãï¼‰ | web(K)campus
ä»Šå›žCSS çç™¾æ™¯ Advent Calendar 2014ã«ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸãŒã€ãƒã‚°ã¨ã„ã†ã‚ˆã‚ŠCSSã‚»ãƒ¬ã‚¯ã‚¿ã®å¯¾å‡¦æ³•çš„ãªè¨˜äº‹ã§ã™ã€‚ ä¾‹ãˆã°ã€ãƒœã‚¿ãƒ³ã‚’ä½œæˆã™ã‚‹æ™‚ã€CSSã§èƒŒæ™¯ç”»åƒã‚’æŒ‡å®šã™ã‚‹æ™‚ã¯ãŸã„ã¦ã„ãƒœã‚¿ãƒ³å…¨ã¦ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹äº‹ãŒã‚¶ãƒ©ã§ã—ãŸãŒã€ã‚¹ãƒžãƒ›ã®æ¨ªå¹…å¯å¤‰ã®ãƒœã‚¿ãƒ³ã‚’ä½œæˆã™ã‚‹æ™‚ã¯ã€ã§ãã‚‹ã ã‘CSSã®ã¿ã§ä½œæˆã—ãŸã„ã§ã™ãŒã€ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã§ç”»åƒã‚’ã®ã›ãŸã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªæ™‚ã«èƒŒæ™¯è‰²ã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«èƒŒæ™¯ç”»åƒã‚’é‡ãã‚‹æ™‚ã®æ–¹æ³•ã‚’å‚™å¿˜éŒ²ã¨ã—ã¦ã¾ã¨ã‚ã¾ã™ã€‚ â€»ä»Šå›žã®æ¤œè¨¼ã¯ã€Œfirefoxã€ã¨ã€Œchromeã€ã®ã¿ã§ã™ã€‚ã€Œieã€ã¯ç¢ºèªã—ã¦ã¾ã›ã‚“m(_ _)m èƒŒæ™¯è‰²ã¨èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã•ã›ãŸã„å ´åˆ ä¸€èˆ¬çš„ãªè§’ä¸¸è‰²ä»˜ããƒœã‚¿ãƒ³ã®å³ç«¯ã«çŸ¢å°ã‚’ä»˜ã‘ãŸã„å ´åˆã€‚ ã€å¤±æ•—ä¾‹ã€‘ã¾ãšã€ä½•ã‚‚è€ƒãˆãšã«çµ„ã‚€ã¨ã“ã‚“ãªæ„Ÿã˜ background:url(img/arrow.png) no-repeat; backgrou
lordkf 2017/04/25
CSS

background
ãƒªãƒ³ã‚¯
ã€CSSã€‘background-sizeã§èƒŒæ™¯ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«è¨å®šã™ã‚‹æ–¹æ³•ï½œGimmick log
TOP CSS ã€CSSã€‘background-sizeã§èƒŒæ™¯ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«è¨å®šã™ã‚‹æ–¹æ³• ã€CSSã€‘background-sizeã§èƒŒæ™¯ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«è¨å®šã™ã‚‹æ–¹æ³• å…¬é–‹æ—¥ï¼š2016.11.28 æ›´æ–°æ—¥ï¼š2023.03.19 CSS CSSã® background-size ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€èƒŒæ™¯ç”»åƒã®ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã§ãã¾ã™ã€‚ è¡¨ç¤ºé ˜åŸŸã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦èƒŒæ™¯ç”»åƒãŒæ‹¡å¤§ã€ç¸®å°ã•ã‚Œã‚‹ã®ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚µã‚¤ãƒˆã®åˆ¶ä½œã«å½¹ç«‹ã¡ã¾ã™ã€‚ åŒã˜ç”»åƒã‚’ãã‚Œãžã‚Œã®å€¤ã§è¡¨ç¤ºã—ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œæˆã—ãŸã®ã§ã€ä»¥ä¸‹ã‚’ã”è¦§ãã ã•ã„ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸
lordkf 2017/04/21
background

CSS

WebDesign
ãƒªãƒ³ã‚¯
èƒŒæ™¯ã«ã²ã¨æ‰‹é–“åŠ ãˆãŸã„æ™‚ã«ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ 10+ - NxWorld
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã„ã£ã±ã„ã®èƒŒæ™¯ã«ç”»åƒã‚„å‹•ç”»ã‚’é…ç½®ã—ãŸã‚Šã€ãƒ©ãƒ³ãƒ€ãƒ ãªãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚„ãƒ©ã‚¤ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ãªã©ã€ä¸»ã«èƒŒæ™¯å‘¨ã‚Šã§ä½¿ãˆãã†ã‚‚ã®ã‚„ã€Œã“ã®é ˜åŸŸã«ä½•ã‹ã‚‚ã†ã²ã¨æ‰‹é–“åŠ ãˆãŸã„...ã€ã¨ã„ã†ã¨ãã«ä¾¿åˆ©ãã†ã ã¨æ€ã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¹¾ã¤ã‹ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå¤šã‚ã§ã™ãŒå˜ä½“ã§å‹•ã‹ã™ã“ã¨ãŒã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã€å®Ÿè£…æ–¹æ³•ãªã©ã«é–¢ã—ã¦ã‚‚å®¹æ˜“ã«ã§ãã‚‹ã‚‚ã®ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ èƒŒæ™¯ã«ç”»åƒã‚„å‹•ç”»ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒVegasã€ èƒŒæ™¯ã«ãƒ–ãƒ©ã‚¦ã‚¶ã„ã£ã±ã„ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã€ç”»åƒã ã‘ã§ãªãå‹•ç”»ã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã¾ãŸã€ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã®å‹•ãã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä»˜ã‘ãŸã‚Šã€ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§è¡¨ç¤ºã•ã›ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚
lordkf 2016/01/15
jquery

background

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
CSSãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰ã§ç”»åƒã‚’å½©ã‚ã†
2018å¹´11æœˆ12æ—¥ CSS Photoshopã‚’ã¯ã˜ã‚ã¨ã—ãŸã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ã«æè¼‰ã•ã‚Œã¦ã„ã‚‹ã€Œãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰ï¼ˆæç”»ãƒ¢ãƒ¼ãƒ‰ï¼‰ã€æ©Ÿèƒ½ã€‚è¤‡æ•°ã®ç”»åƒã‚„è‰²ã‚’æ§˜ã€…ãªæ‰‹æ³•ã§é‡ãåˆã‚ã›ã€ç‹¬ç‰¹ã®åŠ¹æžœã‚’ã†ã¿ã ã—ã¾ã™ã€‚ãã‚“ãªãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰ã€å®Ÿã¯CSSã§ã‚‚å®Ÿè£…ã§ãã‚‹ã‚“ã§ã™ï¼ä»Šå›žã¯ãã‚“ãªCSSãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ Can I useâ€¦ã«ã‚ˆã‚‹ã¨ã€IEä»¥å¤–ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰ä¸€è¦§ åŸºæœ¬çš„ãªå®Ÿè£…æ–¹æ³•ã¯ã€background ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§èƒŒæ™¯è‰²ã¨èƒŒæ™¯ç”»åƒã‚’åŒæ™‚ã«æŒ‡å®šã€‚ç¶šã„ã¦ background-blend-mode ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã€ä»¥ä¸‹ã§ç¾…åˆ—ã™ã‚‹ãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰åã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ body { background: #0bd url(beach-footprint.jpg) no-repeat;
lordkf 2015/05/19
Photoshopçš„ãªè¡¨ç¾ã‚’CSSã§å‡ºæ¥ã‚‹ï¼ˆãŸã ã—ã€IEã¯é™¤ãï¼‰

background

CSS3
ãƒªãƒ³ã‚¯
æŒ‡å®šã—ãŸèƒŒæ™¯ç”»åƒã‚’xç§’æ¯Žã«åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ - Rewish
imgè¦ç´ ã§ã¯ãªãèƒŒæ™¯ç”»åƒï¼ˆbackground-imageï¼‰ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ 2013å¹´7æœˆ29æ—¥ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.4.0ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ä¸€ã‹ã‚‰æ›¸ããªãŠã—ã¦ã€åˆ‡ã‚Šæ›¿ãˆæ–¹æ³•ãªã©è‰²ã€…æ”¹å–„ã—ã¦ã„ã‚‹ã®ã§ã€è‰¯ã‘ã‚Œã°ä½¿ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ jquery.bgswitcher.js é–‹ç™ºãƒªãƒã‚¸ãƒˆãƒªã¯rewish/jquery-bgswitcher Â· GitHub ä¾å˜ãƒ©ã‚¤ãƒ–ãƒ©ãƒª jQuery 1.7.xä»¥ä¸ŠãŒå¿…è¦ã§ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ MIT License ä¸»ãªæ©Ÿèƒ½ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆä»˜ãã®èƒŒæ™¯åˆ‡ã‚Šæ›¿ãˆ åˆ‡ã‚Šæ›¿ãˆã®åˆ¶å¾¡ï¼ˆé–‹å§‹/åœæ¢/ãƒªã‚»ãƒƒãƒˆï¼‰ ãƒ•ã‚¡ã‚¤ãƒ«åã®é€£ç•ªè‡ªå‹•èªã¿è¾¼ã¿ ç”»åƒã®ãƒ—ãƒªãƒãƒ¼ãƒ‰ ãƒ‡ãƒ¢ Demo - jQuery.BgSwitcher ä½¿ç”¨æ–¹æ³• <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
lordkf 2014/03/24
jquery

background
ãƒªãƒ³ã‚¯
jQueryã§èƒŒæ™¯ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹
ç”»åƒã®æº–å‚™ ã¨ã‚Šã‚ãˆãšã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ç”»åƒã‚’ç”¨æ„ã—ã¾ã™ã€‚ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã®ã§ç¶™ãŽç›®ã®ãªã„ç”»åƒã‚’ä½œæˆã—ãŸæ–¹ãŒã„ã„ã‹ã‚‚ã§ã™ã€‚ ä½œæˆã—ãŸã‚‰ã€Œbg.pngã€ã¨ã„ã†åå‰ã§ä¿å˜ã—ã¾ã™ã€‚ ä»Šå›žã¯ã“ã‚“ãªç”»åƒã‚’ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã—ã‚‡ã¼ã„ã¨ã‹è¨€ã£ã¦ã¯ã„ã‘ãªã„ï¼ html+cssã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã«ç”»åƒã‚’é…ç½® html+cssã¯ç‰¹åˆ¥ãªã“ã¨ã¯ãªãæ™®é€šã«ä½œã‚Šã¾ã™ã€‚ ç”»åƒã¯bodyã®ã€Œbackgroundã€ã§é…ç½®ã—ã¦ã¿ã¾ã—ãŸã€‚ html <body> <div id="container"> <h1>jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’ç„¡é™ãƒ«ãƒ¼ãƒ—</h1> <p> ã“ã®ãƒšãƒ¼ã‚¸ã¯jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã§ã™ã€‚ </p> </div> </body> css body{ background: #A6E9FF url(bg.png) repeat-x; margin
lordkf 2013/07/24
background

jquery

animation
ãƒªãƒ³ã‚¯
ClippingMagic
Trained on millions and millions of real world images, not artificial lab data, the Clipping Magic Auto-Clip AI background remover handles so much more than just a few cherry-picked foreground categories. And the learning hasn't stopped. As the AI background editor is exposed to more and more photos, its ability to handle yours continues to improve. The only background removal editor in the world
lordkf 2013/06/18
ç”»åƒã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã€èƒŒæ™¯ã‚’é™¤åŽ»ã—ã¦ãã‚Œã‚‹ã€€ï¼žï¼ž

background

webservice
ãƒªãƒ³ã‚¯
èƒŒæ™¯ç”»åƒ300ç¨®é¡žä»¥ä¸Šã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«è©¦ã™ã“ã¨ãŒå‡ºæ¥ã‚‹ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆâ€SubtlePatterns Bookmarkletâ€ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
lordkf 2013/03/11
bookmarklet

background
ãƒªãƒ³ã‚¯
Excellent - the best information for you
lordkf 2012/12/15
jquery

background
ãƒªãƒ³ã‚¯
Make an HTML5 video a background
About This jQuery plugin enables you to very easily use an HTML5 video as a background to a website or any div. For browsers that don't support the HTML5 video tag, it just uses an image. Warning Don't abuse this code... Don't use it too often, too many video instances will slow down the browser. Please bear in mind bandwidth usage for both you, and your visitors
lordkf 2012/12/11
èƒŒæ™¯ã§ãƒ“ãƒ‡ã‚ªã‚’å†ç”Ÿã™ã‚‹jQuery

video

jquery

background
ãƒªãƒ³ã‚¯
http://www.aaronvanderzwan.com/maximage/
lordkf 2012/12/10
èƒŒæ™¯ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã„ã£ã±ã„ã«è¡¨ç¤º

jquery

background
ãƒªãƒ³ã‚¯
jQueryã§èƒŒæ™¯ç”»åƒã‚’å…¨ç”»é¢è¡¨ç¤ºã™ã‚‹
jQueryã§èƒŒæ™¯ç”»åƒã‚’å…¨ç”»é¢è¡¨ç¤ºã™ã‚‹ æœ€è¿‘ã§ã¯javascriptã§ã‚‚è¡¨ç¾ã§ãã‚‹ã“ã¨ãŒé£›èºçš„ã«å¢—ãˆã€Flashã‚µã‚¤ãƒˆã®ã‚ˆã†ãªãƒªãƒƒãƒãªã‚µã‚¤ãƒˆã‚‚å¤šããªã£ã¦ãã¾ã—ãŸãã€‚ ã¨ã„ã†ã“ã¨ã§Flashã‚µã‚¤ãƒˆã¨èžã„ã¦ä¸€ç•ªæœ€åˆã«æ€ã„æµ®ã‹ã¹ãã†ãªèƒŒæ™¯ç”»åƒã®å…¨ç”»é¢è¡¨ç¤ºã¨ã„ã†ã®ã‚’jQueryã§ä½œæˆã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2010å¹´11æœˆ30æ—¥ æ›´æ–°æ—¥2011å¹´04æœˆ26æ—¥ html+cssã®æº–å‚™ èƒŒæ™¯ç”»åƒã‚’å…¨é¢è¡¨ç¤ºã™ã‚‹ã£ã¦ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã™ãŒã€cssã®backgroundã«ã¯ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒãªã„ã®ã§ã€æ°—æŒã¡æ‚ªã„ã‘ã©ç”»åƒã¯æ™®é€šã«é…ç½®ã—ã¾ã™ã€‚ html <img src="101121_2.jpg" width="100%" height="100%" id="bg" /> <div id="contents"> <h1><a href="#">jQueryã§èƒŒæ™¯ç”»åƒã‚’å…¨ç”»é¢è¡¨ç¤ºã™ã‚‹ã€‚</a></h
lordkf 2012/12/10
jquery

background
ãƒªãƒ³ã‚¯
text-indent:-9999pxã§ãƒ†ã‚ã‚¹ãƒˆé£›ã°ã•ãªãã¦ã‚‚ãƒ†ã‚ã‚¹ãƒˆéžè¡¨ç¤ºã«ã—ã¦ç”»åƒã«ç½®æ›ã§ãã‚‹æ–¹æ³• - ãƒ‡ã‚£ãƒ¬ã‚¤ãƒžãƒ‹ã‚¢
é•·ã‚‰ãtext-indent:-9999pxã§ãƒ†ã‚ã‚¹ãƒˆé£›ã°ã—ã¦ç”»åƒã«ç½®æ›ã™ã‚‹æ–¹æ³•ã‚’ä½¿ã„ç¶šã‘ã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—ã“ã®æ‰‹æ³•ã‚’ä½¿ã†ã®ã¯ã‚ã¾ã‚Šã‚ˆã‚ã—ããªã„ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ç”»åƒç½®æ›ã®ã¨ãã«ä½¿ãˆã‚‹ä»£æ›¿æ¡ˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
lordkf 2012/11/06
css

tips

background
ãƒªãƒ³ã‚¯
CSSã®ã¿ç”»åƒä¸è¦ã®ã‚¹ãƒˆãƒ©ã‚¤ãƒ—èƒŒæ™¯ã®ä½œã‚Šæ–¹ã‚’è‹¥å¹²ä¸å¯§ã«è§£èª¬ã—ã¦ã¿ã‚‹
ç¸¦ãƒœãƒ¼ãƒ€ãƒ¼ã®ã‚·ãƒ£ãƒ„ã‚’ç€ã¦ã‚‚ç¸žã®ã‚†ãŒã¿ãªã‚“ã¦å…¨ãæ°—ã«ãªã‚‰ãªã„ã‚¬ãƒªã®ã‚´ãƒãƒ‰ã‚¯ã•ã‚“ã§ã™ã€ã©ã†ã‚‚ã€‚ CSSã§ä½œã‚‹å¹ãå‡ºã—ã®è¨˜äº‹ãŒãªã‹ãªã‹è©•åˆ¤è‰¯ã‹ã£ãŸï¼ˆWEBã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã•ã‚“ã«ãƒ„ã‚¤ã¨FBã§æ‹¡æ•£ã•ã‚Œã¦è¦‹ãŸã“ã¨ã®ãªã„æ™‚é–“PVã«ãªã‚Šã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ãƒžãƒŠã•ã‚“ï¼ï¼‰ã®ã§ç”»åƒä¸è¦ãƒ»CSSã®ã¿ã®å®šç•ªæ¼”å‡ºã‚·ãƒªãƒ¼ã‚ºç¬¬2å¼¾ã¨ã„ã†ã“ã¨ã§ã€Œãƒœãƒ¼ãƒ€ãƒ¼æŸ„ã®èƒŒæ™¯ã€ã®ä½œã‚Šæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãƒ„ãƒ¼ãƒˆãƒ³ã®ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ç¹°ã‚Šè¿”ã™ ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹HTMLã¯ä¾‹ã«ã‚ˆã£ã¦1è¡Œã®ã¿ã§ã™ã€‚ã©ã®ã‚¿ã‚°ã§ã‚‚è‰¯ã„ã‚“ã§ã™ãŒã¨ã‚Šã‚ãˆãšä¸èº«ã®ãªã„divè¦ç´ ã‚’ç”¨æ„ã—ã¦ã“ã‚Œã«é©ç”¨ã™ã‚‹ã“ã¨ã¨ã—ã¾ã™ã€‚ <div class="stripe"></div> CSSã§ã¯ã‚¯ãƒ©ã‚¹ã§ç®¡ç†ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã®ã§é©å½“ã«ã‚¯ãƒ©ã‚¹ã‚’ä»˜ã‘ã¦ãŠã„ã¦ä¸‹ã•ã„ã€‚ åŸºæœ¬ã¨ãªã‚‹CSSã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ .stripe{ display:block; width:425px; height:22
lordkf 2012/10/06
tips

background

css3
ãƒªãƒ³ã‚¯
GitHub - danmillar/jquery-anystretch: Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the wind
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
lordkf 2012/07/31
ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®èƒŒæ™¯ç”»åƒã®ã‚µã‚¤ã‚ºã‚’è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©åŒ–ã—ã¾ã™ã€‚

jquery

background
ãƒªãƒ³ã‚¯
5åˆ†ã§ã‚ã‹ã‚‹CSSã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯
çŸ¥ã£ã¦å¾—ã™ã‚‹ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§åˆ©ç”¨ã§ãã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£æŠ€è¡“ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„3DãŒè¡¨ç¾ã§ãã‚‹ã€ŒCSS3ã€ã‚’ãƒãƒƒã‚¯ã—ã‚ˆã† CSSã§å¤šå½©ãªè¡¨ç¾ãŒå¯èƒ½ã« æœ¬é€£è¼‰ã§ã¯ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§åˆ©ç”¨ã§ãã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£æŠ€è¡“ã‚’ã€èªã¿åˆ‡ã‚Šã®å½¢ã§ã€ãªã‚‹ã¹ãåˆ†ã‹ã‚Šã‚„ã™ãç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ç¬¬1å›žã§ã‚ã‚‹ä»Šå›žã¯Webã®åŸºæœ¬æŠ€è¡“ã®1ã¤ã§ã‚ã‚‹CSSã§å®Ÿç¾ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¡¨ç¾ã‚’å–ã‚Šä¸Šã’ã¾ã™ã€‚ å¾“æ¥ã®CSSã¯Webãƒšãƒ¼ã‚¸ã®ãƒ•ã‚©ãƒ³ãƒˆã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ•´ãˆã‚‹æ©Ÿèƒ½ãŒã»ã¨ã‚“ã©ã§ã€ã€Œã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æŠ€è¡“ã€ã¨ã„ã†ã«ã¯ç‰©è¶³ã‚Šãªã„ã‚‚ã®ã§ã—ãŸã€‚ã—ã‹ã—ã€CSS3ã¨å‘¼ã°ã‚Œã‚‹è¿‘å¹´ã®æ‹¡å¼µã«ã‚ˆã£ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„3Dè¡¨ç¾ã‚’å«ã‚€å¤šå½©ãªç”»é¢åŠ¹æžœãŒå®Ÿç¾ã§ãã‚‹ã‚‚ã®ã«é€²åŒ–ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€ãã†ã—ãŸCSS3ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£æ©Ÿèƒ½ã®åŸºæœ¬çš„ãªä½¿ç”¨æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦å¦ç¿’ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ ãƒ™ãƒ³ãƒ€ãƒ—ãƒ¬ãƒ•ã‚£ã‚¯ã‚¹ã«ã¤ã„ã¦ CSS3ã®å¤šãã®æ©Ÿèƒ½ã¯ã¾ã è¦æ ¼ç–å®šæ®µéšŽã®ã‚‚
lordkf 2012/04/19
css3

background
ãƒªãƒ³ã‚¯
Mega Moolah dan Immortal Romance: Duel Slot Legendaris
Selamat datang dalam dunia slot online yang dipenuhi dengan keajai ban! Dua slot legendaris, Mega Moolah dan Immo rtal Romance, dipandang sebagai favorit pem ain dengan fitur-fitur unik serta pengalaman bermain yang tak terlupakan. Mega Moolah dikenal sebagai slot yang mempunyai jackpot progresif terbesar. Dengan tema safari yang menghibur, pem ain dapat meraih hadiah besar melalui mekanisme jackpot p
lordkf 2012/04/10
ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã§ã€èƒŒæ™¯ç”»åƒã‚¹ãƒˆãƒ¬ãƒƒãƒ

jquery

background
ãƒªãƒ³ã‚¯
jQueryã«ã‚ˆã‚‹èƒŒæ™¯ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’æ‰‹è»½ã«å®Ÿè£…å‡ºæ¥ã‚‹WordPressãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Site Background Slider - ã‹ã¡ã³ã¨.net
Webã‚µã‚¤ãƒˆã®èƒŒæ™¯ã«ç”»åƒã‚’ã„ã£ã±ã„ã« åºƒã’ã¦ã€jQueryã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼åŒ–ã€ ã¨ã„ã†ã®ã‚’æ‰‹è»½ã«å®Ÿè£…å‡ºæ¥ã‚‹WordPress ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚jQueryã¨WPã§ã‚ˆã å›°ã£ã¦ã‚‹æ–¹ã‚’è¦‹ã‹ã‘ã¾ã™ã®ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã«é ¼ã‚‹ã®ã‚‚æ‰‹ã‹ãªã¨æ€ã„ã¾ã™ã€‚ WordPressã§jQueryã‚’ä½¿ã†ã€ã¨ã„ã†æ–¹ã§çµæ§‹å›°ã£ã¦ã„ã‚‹æ–¹ãŒå¤šã„ã®ã§ã€ä»¥å‰å‚¾å‘ã¨å¯¾ç–çš„ãªè¨˜äº‹ã‚’æ›¸ã„ãŸã®ã§ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã˜ã‚ƒãªã„ã‹ã‚‰é›£ã—ã„ã€ã¨ã„ã†æ–¹ã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é ¼ã£ã¦ã¿ã¦ã¯å¦‚ä½•ã§ã—ã‚‡ã†ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ç°¡å˜ã«èƒŒæ™¯ã‚’ç´ æ•µãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ã™ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚èƒŒæ™¯ã¯å¸¸ã«ã„ã£ã±ã„ã«åºƒãŒã£ã¦ãã‚Œã¾ã™ã€‚ã‚ãƒ£ãƒ—ãƒãƒ£ã˜ã‚ƒåˆ†ã‹ã‚Šã¾ã›ã‚“ã‘ã©ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é…å¸ƒå…ˆã§ãƒ‡ãƒ¢ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã”è¦§ä¸‹ã•ã„ã€‚ Demo ãƒ•ãƒ¼ãƒ‰ã‚„ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆãªã©ã€ãƒˆãƒ¬ãƒ³ãƒ‰ã«é–¢ä¿‚ãŒæ·±ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ç›¸æ€§è‰¯ã•ãã†ã§ã™ãã€‚å†™çœŸã§è¨´æ±‚åŠ›ã‚’é«˜ã‚ãŸã„æ™‚ã«æœ‰åŠ¹ãªæ‰‹æ®µã ã¨æ€ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆ
lordkf 2012/03/03
wordpress

background

plugin
ãƒªãƒ³ã‚¯
ã“ã®ä½œã‚Šã“ã¿ã¯ã‚¹ã‚´ã™ãŽã‚‹ã€ã‹ã‚ã„ãã¦ç¾Žã—ã„ãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æ -Missesglass
ãƒ–ãƒã‚°ã‚„Twitterã®ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã®èƒŒæ™¯ã«ä½¿ãˆã‚‹ã€ã‹ã‚ã„ãã¦ç¾Žã—ã„ãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æ -Missesglassã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ [ad#ad-2] ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚µã‚¤ã‚ºã¯ã€å¹…800pxã®å¤§ãã‚ã®ã‚‚ã®ã¨å¹…100pxã®å°ã•ã‚ã®ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãšã¯ã€å¤§ãã„ã‚µã‚¤ã‚ºã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
lordkf 2012/02/10
Material

background

texture
ãƒªãƒ³ã‚¯
CSS+jQueryã§å·¦å³åˆ¥ã€…ã®èƒŒæ™¯ã«ã™ã‚‹
CSS+jQueryã§å·¦å³åˆ¥ã€…ã®èƒŒæ™¯ã«ã™ã‚‹ ã‚»ãƒ³ã‚¿ãƒ¼ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å›ºå®šå¹…ã«ã—ã¦ã€ãã®å·¦å³ã®èƒŒæ™¯ã‚’åˆ¥ã®ç”»åƒã«ã—ãŸã„ã¨ãtableã‚’ä½¿ç”¨ã™ã‚Œã°ç°¡å˜ã§ã™ãŒã€ä»Šã®æ™‚ä»£tableã§å›²ã‚“ã§ã—ã¾ã†ã®ã¯ã‚ã‚Œã§ã™ãã€‚ ãã“ã§css+jQueryã§ãªã‚“ã¨ã‹ã—ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´01æœˆ12æ—¥ æ›´æ–°æ—¥2012å¹´01æœˆ13æ—¥ ä¸å¿ƒã§åˆ†ã‹ã‚ŒãŸèƒŒæ™¯ ã¨ã‚Šã‚ãˆãšä¸ã«é…ç½®ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯è€ƒãˆãªã„ã§å·¦å³ã§åˆ¥ã€…ã®èƒŒæ™¯ç”»åƒã‚’è¨å®šã—ã¦ã¿ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯å·¦å³ã§divã‚’é…ç½®ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä»Šå›žã¯å…¨ä½“ã‚’å›²ã†divã¨åŠåˆ†ã ã‘ã®divã‚’é…ç½®ã—ã¦ã¿ã¾ã™ã€‚ html <div id="wrap"> <div id="left-bg"></div> </div> css html, body, #wrap, #left-bg { height: 100%; } #wrap { background: url(bg
lordkf 2012/01/21
css

tips

background
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸