[B! webãƒ‡ã‚¶ã‚¤ãƒ³] kzhvsonicã®ãƒ

kzhvsonic id:kzhvsonic

webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹kzhvsonicã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

UIè¦ç´ 1200ä»¥ä¸Šï¼HTML/CSSã‚’ç›´æŽ¥ã‚³ãƒ”ãƒšã§ãã‚‹ä¾¿åˆ©ãƒ©ã‚¤ãƒ–ãƒ©ãƒªUIverse
Webã‚µã‚¤ãƒˆã‚’è¨ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã€ã‚‚ã£ã¨ã‚‚é‡è¦è¦–ã™ã‚‹ã®ã¯UIãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç›´æ„Ÿçš„ã«æ“ä½œã§ãã€ä½¿ã„ã‚„ã™ãã€ç¾Žã—ããƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸWebã‚µã‚¤ãƒˆã¯ã€é•·æœŸçš„ãªæˆåŠŸã«ã¤ãªãŒã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ã©ã‚“ãªUIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œæˆã—ãŸã‚‰ã‚ˆã„ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†å£°ã‚‚ã‚ˆãèžãã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ã‚³ãƒ”ãƒšã§åˆ©ç”¨ã§ãã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒª UI verse ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1200ã‚’è¶…ãˆã‚‹UIè¦ç´ ãŒå…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€HTML/CSSã‚’ã‚³ãƒ”ãƒšã™ã‚‹ã ã‘ã§ã€ã ã‚Œã§ã‚‚æ‰‹è»½ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ ã“ã‚Œã‚‰ã‚’æŠ¼ã•ãˆã¦ã€ã‚ãªãŸã®Webã‚µã‚¤ãƒˆã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦é…åŠ›çš„ã§ã€ä½¿ã„ã‚„ã™ãã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ UIè¦ç´ 1200ä»¥ä¸Šï¼HTML/CSSã‚’ç›´æŽ¥ã‚³ãƒ”ãƒšã§ãã‚‹ä¾¿åˆ©ãƒ©ã‚¤ãƒ–ãƒ©ãƒªUI verse UI verseã§ã¯ã‚ã‚‰ã‚†ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å¯¾å¿œã§ãã‚‹ã€HTML/CSSã§ä½œæˆã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®UIè¦ç´ ã‚’ä½œæˆã€å…±æœ‰ã§ãã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã™ã€‚ ã™ã¹ã¦ã®ã‚³ãƒ¼ãƒ‰ã¯M
kzhvsonic 2023/03/30
ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã§ãƒãƒ¼ã‚¿ãƒªãƒ¼ã‚¹ã‚¤ãƒƒãƒå†ç¾ã¯ã™ã”ã„ãªã‚ã€‚ã‚ˆãè€ƒãˆã‚‹ã‚‚ã®ã

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
AIæç”»ã‚½ãƒ•ãƒˆã€ŒStable Diffusionã€ã¯Webåˆ¶ä½œã®å½¹ã«ç«‹ã¤ã‹ï¼Ÿ
æœ€è¿‘AIã«ã‚ˆã‚‹æç”»ã‚½ãƒ•ãƒˆãŒã‹ãªã‚Šç››ã‚Šä¸ŠãŒã£ã¦ãŠã‚Šã€ãã®ä¸ã§ã‚‚ç‰¹ã«ã€ŒStable Diffusionã€ã¯Webåˆ¶ä½œè€…ã«ã¨ã£ã¦ã‚‚ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒå¤§ããã€ä½¿ã„æ–¹ã«ã‚ˆã£ã¦ã¯åˆ¶ä½œã®å½¹ã«ç«‹ã¤ã‹ã‚‚ã—ã‚Œãªã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯Stable Diffusionã§åˆ¶ä½œã—ãŸç”»åƒã‚’ã”è¦§ãã ã•ã„ã€‚ ã“ã‚Œã‚‰ã®ç”»åƒã¯å†™çœŸã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã©ã‚Œã‚‚AIæç”»ã‚½ãƒ•ãƒˆã‹ã‚‰å‡ºåŠ›ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚å‡ºåŠ›å¾Œã«ä¸€åˆ‡è£œæ£ã¯ã—ã¦ã„ã¾ã›ã‚“ã€‚ ã€Œã“ã†ã„ã†ç”»åƒãŒæ¬²ã—ã„ã€ã¨é ã§è€ƒãˆã¦ã‹ã‚‰å‡ºåŠ›ãŒå®Œäº†ã™ã‚‹ã¾ã§ã®æ™‚é–“ã¯ã€ç´„30åˆ†ç¨‹åº¦ã§ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ãªã€è‡ªåˆ†ã§ã¤ãã‚‹ã®ã¯ã¡ã‚‡ã£ã¨é¢å€’ãªã‚¢ã‚¤ã‚½ãƒ¡ãƒˆãƒªãƒƒã‚¯é¢¨ã‚¤ãƒ©ã‚¹ãƒˆã‚„3DCGé¢¨ã®ç”»åƒã‚‚åˆ¶ä½œã§ãã¾ã™ã€‚ å»ºç¯‰ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚ˆã†ãªç”»åƒã‚‚åˆ¶ä½œã§ãã¾ã™ã€‚ è‡ªåˆ†ã§ä½œã‚‹ã®ã¯é¢å€’ãªã€ã‚¿ã‚¤ãƒªãƒ³ã‚°ç”»åƒï¼ˆç¸¦æ¨ªã«ç¹°ã‚Šè¿”ã—è¡¨ç¤ºã§ãã‚‹ç”»åƒï¼‰ã‚‚åˆ¶ä½œã§ãã¾ã™ã€‚ã•ã‚‰ã«åˆã‚ã›æŠ€ã¨ã—ã¦ã€ã€Œã‚¢ã‚¤ã‚½ãƒ¡ãƒˆãƒªãƒƒã‚¯é¢¨ã®ã‚¿ã‚¤ãƒªãƒ³ã‚°ç”»åƒã€ã®åˆ¶ä½œã‚‚ã§ãã¾ã™ã€‚
kzhvsonic 2022/10/18
è¨˜äº‹ã®å†…å®¹ã¨ã¯å…¨ãé–¢ä¿‚ãªã„ã“ã¨ã ãŒã€ã‚µãƒ ãƒç”»åƒè¦‹ã¦Interpotæ€ã„å‡ºã—ãŸã€‚

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚«ãƒ©ãƒ¼ç”Ÿæˆã®ã“ã‚“ãªä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ãŒã‚ã£ãŸã¨ã¯ï¼ ãƒ™ã‚¿å¡—ã‚Šã®ã‚«ãƒ©ãƒ¼ã¨åŒã˜ã«è¦‹ãˆã‚‹åŠé€æ˜Žã®ã‚«ãƒ©ãƒ¼ã‚’ç”Ÿæˆã™ã‚‹ãƒ„ãƒ¼ãƒ« -Alphredo
åŒã˜èƒŒæ™¯è‰²ã«é…ç½®ã—ãŸãƒ™ã‚¿å¡—ã‚Šã®ã‚«ãƒ©ãƒ¼ã¨åŒã˜ã«è¦‹ãˆã‚‹åŠé€æ˜Žã®ã‚«ãƒ©ãƒ¼ã‚’ç”Ÿæˆã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ åŠé€æ˜Žã®ã‚«ãƒ©ãƒ¼ã¯èƒŒæ™¯ã«é‡ãªã‚‹ã¨ã€ãƒ™ã‚¿å¡—ã‚Šã®ã‚«ãƒ©ãƒ¼ã¨åŒã˜ã«ãªã‚Šã¾ã™ã€‚ãŸã¨ãˆã°ã€ã‚·ãƒ£ãƒ‰ã‚¦ã‚„ãƒ€ã‚¤ã‚¢ãƒã‚°ã®èƒŒå¾Œã®èƒŒæ™¯ãªã©åŠé€æ˜Žã§è¤‡æ•°ã®èƒŒæ™¯ã§å‹•ä½œã™ã‚‹UIè¦ç´ ã«æœ€é©ã§ã™ã€‚ä¸é€æ˜Žåº¦ã‚’ä¸‹ã’ãŸãƒ–ãƒ©ãƒƒã‚¯ã‚’ä½¿ç”¨ã™ã‚‹ã®ã§ã¯ãªãã€ãƒ‹ãƒ¥ãƒ¼ãƒˆãƒ©ãƒ«ã‚«ãƒ©ãƒ¼ã®åŠé€æ˜Žã‚«ãƒ©ãƒ¼ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ã‚ˆã‚Šç¾Žã—ã„UIã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã¾ã™ã€‚ ä¸‹è¨˜ã¯ã€ä¸Šã¯ãƒ™ã‚¿å¡—ã‚Šã€ä¸‹ã¯åŠé€æ˜Žã§ã™ã€‚
kzhvsonic 2022/08/22
ä¾¿åˆ©ã ãªã‚ã€‚è‡ªåˆ†ã§ãƒšã‚¤ãƒ³ãƒˆã‚½ãƒ•ãƒˆç«‹ã¡ä¸Šã’ã¦è©¦è¡ŒéŒ¯èª¤ã—ãªãã¦ã„ã„ã‚“ã

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹è¶…è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -skel.js | ã‚³ãƒªã‚¹
ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§å‹•ä½œã™ã‚‹19KBã®è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã§ãã‚‹ã‚°ãƒªãƒƒãƒ‰ã€‚ è¡¨ç¤ºã‚µã‚¤ã‚ºã”ã¨ã®ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã®è¨å®šã‚‚ç°¡å˜ã€‚ resetã‚„box-modelãªã©ã®æœ‰ç”¨ãªCSSã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’ç”¨æ„ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ©Ÿèƒ½ã‚‚å‚™ãˆã¦ã„ã‚‹ã®ã§ã€æ‹¡å¼µã«ã‚‚å¯¾å¿œã€‚ skel.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã®ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚µã‚¤ã‚ºã¨ã—ã¦ã€å¹…1200pxã§è¡¨ç¤ºã—ã¦ã¿ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º skel.jsã®ä½¿ã„æ–¹ jQueryã‚„ä»–ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãªã©ã‚’ç”¨æ„ã›ãšã«ã€ã™ãã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="skel.js"></script> jQueryã‚‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ Step 2: ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»
kzhvsonic 2013/05/23
webãƒ‡ã‚¶ã‚¤ãƒ³

javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã®æœ«å°¾å‡¦ç†ã¯ãŠä»»ã›Â·trunk8 MOONGIFT
trunk8ã¯æ–‡å—åˆ—ã®æœ«å°¾å‡¦ç†ã‚’è¡Œã†jQueryãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«ã¯é•·éŽãŽã‚‹æ–‡å—ã«å¯¾ã—ã¦é©å½“ãªã¨ã“ã‚ã§åŒºåˆ‡ã‚‹å‡¦ç†ãŒã‚ˆãè¡Œã‚ã‚Œã¾ã™ã€‚ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§è¡Œã†æ‰‹ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯trunk8ã¨ã„ã†ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®æ–‡å—åˆ‡ã‚Šãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªä½¿ã„æ–¹ã€‚å˜ã«trunk8ã‚’å‘¼ã³å‡ºã™ã ã‘ã€‚ è¤‡æ•°è¡Œã‚‚å•é¡Œãªã—ã€‚ å¢—ã‚„ã›ã°è‡ªå‹•çš„ã«èª¿æ•´ã•ã‚Œã¾ã™ã€‚ æœ«å°¾æ–‡å—ã¯è‡ªç”±ã«æ±ºã‚ã‚‰ã‚Œã¾ã™ã€‚ å†…å®¹ã‚’æ›´æ–°ã™ã‚Œã°ãã‚Œã«åˆã‚ã›ã¦å¤‰åŒ–ã—ã¾ã™ã€‚ YouTubeé¢¨ã®ãƒˆã‚°ãƒ«ã‚‚ã§ãã¾ã™ã€‚ ç”»é¢å¹…ã«åˆã‚ã›ã¦è‡ªå‹•ãƒªã‚µã‚¤ã‚ºã‚‚å¯èƒ½ã§ã™ã€‚ trunk8ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãªã®ã§ã‚ˆã‚ŠæŸ”è»Ÿãªæ–‡å—ã®ã‚«ãƒƒãƒˆãŒè¡Œãˆã¾ã™ã€‚é¢ç™½ã„ã®ã¯æ–‡å—æ•°ã§ã¯ãªãè©²å½“DOMã®å¹…ã«åˆã‚ã›ã¦å¤‰åŒ–ã™ã‚‹ç‚¹ã§ã—ã‚‡ã†ã€‚è¤‡æ•°è¡Œå¯¾å¿œã€åŒºåˆ‡ã£ãŸå ´åˆã®æœ€å¾Œã®æ–‡å—ã‚’å¤‰æ›´ã—ãŸã‚Šã€æ–‡å—ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¦ã‚‚ã¡ã‚ƒã‚“ã¨è¡¨ç¤ºãŒä¿ã¦ã¾ã™ã€‚YouTubeé¢¨ã«ã‚‚ã£ã¨èªã‚€ï¼ˆå°‘ãªã
kzhvsonic 2012/10/11
MOONGIFT

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

jquery

javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
[CSS]é«˜æ€§èƒ½ã™ãŽã¦ãƒ“ãƒƒã‚¯ãƒªã—ã¾ã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Kube Framework
[CSS]é«˜æ€§èƒ½ã™ãŽã¦ãƒ“ãƒƒã‚¯ãƒªã—ã¾ã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Kube Framework
kzhvsonic 2012/10/11
webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
[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
kzhvsonic 2012/04/17
ãã“ã¾ã§ã—ã¦CSSã ã‘ã§ãƒ†ã‚ã‚¹ãƒˆã‚’ç”»åƒã«ç½®ãæ›ãˆãŸã„ã¨æ€ã†äººãŒãŸãã•ã‚“ã„ã‚‹ã“ã¨ã«é©šã„ãŸã€‚

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
è‘—ä½œæ¨©æ”¾æ£„ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»ingrid
ã‚·ãƒ³ãƒ—ãƒ«ã§è‰¯ã•ãã†ã ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ ãƒ¼ã‚¯ã§ã™ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã—ã€ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ ã‚¢ã‚¦ãƒˆã«ã‚‚åˆ©ç”¨å‡ºæ¥ã‚‹ã®ã§ãªã‹ãªã‹ æ±Žç”¨æ€§ãŒã‚ã‚‹ã®ã§ã¯ç„¡ã„ã‹ãªã¨ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯CC0(ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã‚³ãƒ¢ãƒ³ã‚ºç‰ˆã®ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³)ã§ã€è‘—ä½œæ¨©ã¯æ”¾æ£„ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€æ°—è»½ã«ä½¿ãˆã¾ã™ãã€‚ å‡„ãç‰¹æ®Šãªæ€§èƒ½ã‚’ã‚‚ã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å€‹äººçš„ã«ã¯ä½™è¨ˆãªç‰©ãŒå‚™ã‚ã£ã¦ãªã„æ–¹ãŒã‚ã‚ŠãŒãŸã„ã®ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã‚„ã™ã„ã§ã™ã€‚ ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã€ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ Sample css/* UNITS These divider classes are set on .ingrid container --------------------------------------------------------*/ .in
kzhvsonic 2012/03/27
webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
HTML5ã§ã‚µã‚¤ãƒˆã‚’ã¤ãã‚ã†
è‹¥è€…ã‚’ä¸å¿ƒã«çˆ†ç™ºçš„ãªäººæ°—ã¨ãªã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å¢—ã‚„ã—ç¶šã‘ã¦ã„ã‚‹Instagramã€‚Webé–¢é€£ã®ä»•äº‹ã‚’ã—ã¦ã„ã‚‹ã¨ã€æœ€è¿‘ã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã‚‚ã€ŒInstagramã‚’ä½¿ã„ãŸã„ã€ã¨ã„ã†è¦æœ›ã‚‚èžãã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚InstagramãŒä»Šã©ã†ãªã£ã¦ã„ã‚‹ã®ã‹ï¼Ÿã©ã†æ´»ç”¨ã—ã€ã©ã®ã‚ˆã†ã«è¦‹ã¦ã‚‚ã‚‰ã†ã®ã‹ã€åˆæ©çš„ãªå†…å®¹ã‹ã‚‰å°‘ã—å°‚é–€çš„ãªå†…å®¹ã¾ã§ã€å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆã‚„è¨˜äº‹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚
kzhvsonic 2011/12/15
html5

ã‚ã¨ã§èªã‚€

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IE6ãªã©ã®ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¼·ããªã‚‹ã€22ã®HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºç¤Ž
IE6ãªã©ã®ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¼·ããªã‚‹ã€22ã®HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºç¤Ž 2011-06-04 Twitterãªã©ã‚’è¦‹ã¦ã‚‹ã¨ã€ ã€ŒIE6ãŒãƒ¼ï¼ã€ã¨ã‹ ã€ŒIE6,7,8,9ã€Firefoxã€webkitç³»ã€Operaã§åŒã˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã™ã‚‹ã®å¤§å¤‰ã€ãªã©ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’ãŸã¾ã«è¦‹ã‚‹ã®ã§ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚å·®ãŒå‡ºã«ããã€åŠ¹çŽ‡ã®è‰¯ããªã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºç¤Žã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ°—ã‚’ã¤ã‘ã‚‹HTMLã®è¨˜è¿°æ–¹æ³• HTMLã®è¨˜è¿°æ–¹æ³•ã‚’é–“é•ãˆã¦ã„ã‚‹ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶CSSã®è§£é‡ˆãŒå¤‰ã‚ã£ã¦ãã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ã¯åŸºæœ¬çš„ãªã“ã¨ã§ã™ãŒå¤§åˆ‡ãªäº‹ã§ã™ã€‚ DOCTYPEã‚’æ›¸ãã€‚ HTMLã®å…ˆé ã«DOCTYPEã‚’å…¥ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ä¸‹ã•ã„ã€‚ DOCTYPEãŒãªã„ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶é–“ã§ã®èª¤å·®ãŒèµ·ã“ã‚Šã‚„ã™ã„çŠ¶æ…‹ã«ãªã‚Šã¾ã™ã€‚ DOCTYPE ã‚¹ã‚¤ãƒƒãƒã«ã¤ã„ã¦ã®ã¾ã¨ã‚ã¨ä¸€è¦§è¡¨ (HTML 5 ã‚„ IE 8 Beta 2 ã®ãƒ¢ãƒ¼ãƒ‰ã‚¹ã‚¤ãƒƒãƒãªã©ã®æƒ…å ±ã‚‚å«
kzhvsonic 2011/06/05
ã‚ã¨ã§èªã‚€

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
clearbox 3
Clearbox is a professional image and content viewer overlay window. Images below are speaking for themself, where you can see some examples about using the script: image galleries and many type of contents including Flash, Quicktime, Windows Media formats, HTML, inner content, etc. Using of clearbox for private purpose is free. If you would like to use it on commercial pages, please contact the d
kzhvsonic 2010/05/26
Lightboxã¿ãŸã„ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œã‚Œã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ / ç”»åƒã ã‘ã§ãªãHTMLãªã©ã‚‚è¡¨ç¤ºå¯èƒ½ã€‚ / å¤–éƒ¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ã¦ã„ãªã„ã€‚ / éžå•†ç”¨ãƒšãƒ¼ã‚¸ã®åˆ©ç”¨ã¯ãƒ•ãƒªãƒ¼ã€‚

JavaScript

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®é«˜é€ŸåŒ–ã®è©±ã— - Webtech Walker
ç¶šãƒ»ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹Webã‚µã‚¤ãƒˆã‚’èªã‚“ã§CSSã‚»ãƒ¬ã‚¯ã‚¿ã®é«˜é€ŸåŒ–ã®è©±ã—ãŒé¢ç™½ã‹ã£ãŸï¼ˆã¨ã„ã†ã‹å…¨ç„¶çŸ¥ã‚‰ãªãã¦ã¡ã‚‡ã£ã¨ã³ã³ã£ãŸï¼‰ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚»ãƒ¬ã‚¯ã‚¿ã¯å³ã‹ã‚‰å·¦ã«è§£é‡ˆã•ã‚Œã‚‹ ã“ã‚Œã¯æ£ç›´çŸ¥ã‚‰ãªãã¦ã€çµæ§‹è¡æ’ƒã§ã—ãŸã€‚ #foo .bar {} ã“ã‚Œã¯ãªã‚“ã¨ãªã#fooã‚’æŽ¢ã—ã¦ã€ãã®ä¸ã®.barã‚’æŽ¢ã—ã¦ã„ã‚‹æ°—ãŒã—ã¦ãŸã‚“ã§ã™ã‘ã©ã€å®Ÿã¯.barã‚’æŽ¢ã—ã¦ã€ãã®è¦ªè¦ç´ ã«#fooãŒã‚ã‚‹ã‹ã‚’æŽ¢ã™ãã†ã§ã™ã€‚ãªã®ã§ç‰¹ã«#fooãŒå¿…è¦ãªã‘ã‚Œã° .bar {} ã¨æ›¸ã„ãŸã»ã†ãŒé«˜é€Ÿã ã¨ã„ã†ã“ã¨ã€‚ ã¾ãŸã€ä»¥ä¸‹ã®æ§˜ã«è¦ç´ åã§æŒ‡å®šã™ã‚‹ã¨ã€ãã®è¦ç´ ã‚’å…¨ã¦æŽ¢ã—ã¾ã™ã€‚ #foo a {} ã“ã‚Œã¯ä¸€åº¦aè¦ç´ ã‚’å…¨ã¦æŽ¢ã™ã®ã§ã€ã§ãã‚Œã°aã«classã‚’ãµã£ã¦ #foo .anchor {} ã¨ã™ã‚‹ã»ã†ãŒé«˜é€Ÿã®ã‚ˆã†ã§ã™ã€‚ï¼ˆ#fooã‚’ã¨ã‚‹ã¨ã‚ˆã‚Šé«˜é€Ÿï¼‰ ç‰¹ã«ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ãªã©ã¯ã€ #foo * {} ã¨ã™ã‚‹ã¨ã€å…¨ã¦ã®è¦ç´ ã®è¦ªè¦ç´ ã«å¯¾ã—ã¦
kzhvsonic 2010/05/19
çŸ¥ã‚‰ã‚“ã‹ã£ãŸãƒ¼ã€‚

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2010/05/css3.html
kzhvsonic 2010/05/18
CSS3 ã ã‘ã§ã“ã‚Œã ã‘ãã‚Œã„ãªè£…é£¾ãŒå‡ºæ¥ã‚‹ã¨ã€ãƒœã‚¿ãƒ³ç”¨ã®ç”»åƒã‚„Scriptè€ƒãˆãªãã¦ã„ã„ã‹ã‚‰æ¥½ã ãã€‚FireworksãŒCSS3+HTML5ãªã‚½ãƒ¼ã‚¹ã‚‚å‡ºã—ã¦ãã‚Œã‚‹ã¨ã†ã‚Œã—ã„ã‘ã©ã€AdobeãŒå¯¾å¿œã™ã‚‹ã‹ã©ã†ã‹ã€‚

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Under Construction
Please be wary if some broker is offering this domain for sale.
kzhvsonic 2010/04/08
æ¥½å¤©ï¾Œï½²ï¾€ï½—ï½—ï½—

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ã‹ã‚‰Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹
2017å¹´6æœˆ29æ—¥ Webãƒ‡ã‚¶ã‚¤ãƒ³, è‰²å½© ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸçž¬é–“ã«ãã®Webã‚µã‚¤ãƒˆã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å·¦å³ã™ã‚‹ã»ã©é‡è¦ãªè¦ç´ ã€Œè‰²ã€ã€‚ã—ã‹ã—è‰²ã®çµ„ã¿åˆã‚ã›ã€é…è‰²ã«ã¯ç„¡é™ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã‚Šã€æ£ã—ã„é…è‰²ã‚’è¦‹ã¤ã‘ã‚‹ã®ã¯ç°¡å˜ãªã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã“ã§ã¯è‰²å½©ã®åŸºç¤Žã¨é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ã®è¦‹ã¤ã‘æ–¹ã®ä¸€ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã¾ãšã¯è‰²å½©ã®ä¸‰å±žæ€§ã«ã¤ã„ã¦ è‰²ã¯å½©åº¦ãƒ»æ˜Žåº¦ãƒ»è‰²ç›¸ã®ä¸‰å±žæ€§ï¼ˆä¸‰è¦ç´ ã¨ã‚‚å‘¼ã¶ï¼‰ã‹ã‚‰æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ å½©åº¦ è‰²ã®é®®ã‚„ã‹ã•ã®åº¦åˆã„ã‚’è¡¨ã—ã¾ã™ã€‚å½©åº¦ã®é«˜ã„è‰²ã¯æ´¾æ‰‹ãƒ»è¯ã‚„ã‹ãƒ»ç›®ç«‹ã¤è‰²ã¨ã„ãˆã¾ã™ã€‚åä¾›æœã‚„ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã‚°ãƒƒã‚ºé–¢é€£ã®ã‚µã‚¤ãƒˆã«ã¯å½©åº¦ã®é«˜ã„è‰²ãŒä½¿ã‚ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚é€†ã«å½©åº¦ã®ä½Žã„è‰²ã¯åœ°å‘³ãƒ»ãŠã ã‚„ã‹ãƒ»ä¸Šå“ã§ã‚ã‚‹ã¨ã„ãˆã‚‹ã§ã—ã‚‡ã†ã€‚å’Œé£Ÿãƒ»ãƒ´ã‚£ãƒ³ãƒ†ãƒ¼ã‚¸é¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã«ã¯å½©åº¦ã®ä½Žã„è‰²ãŒã‚ˆãä½¿ã‚ã‚Œã¾ã™ã€‚ æ˜Žåº¦ è‰²ã®æ˜Žã‚‹ã•ã®åº¦åˆã„ã‚’è¡¨ã—ã¾ã™ã€‚æ˜Žåº¦ãŒé«˜ã„ï¼æ˜Žã‚‹ã„è‰²ã¯ã•ã‚ã‚„ã‹ã§çˆ½
kzhvsonic 2010/03/24
WEB

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

é…è‰²

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1