[B! webãƒ‡ã‚¶ã‚¤ãƒ³] tacshissã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tacshiss id:tacshiss

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

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

ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®UXãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ â€” ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
ã¯ã˜ã‚ã« http://msdn.microsoft.com/ja-jp/library/aa511258.aspx ã® ã€ŒWindows ãƒ¦ãƒ¼ã‚¶ãƒ¼ ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ ã€Œã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ ä¸»ã«ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ ã®æŠœç²‹ã§ã™ã€‚ ä»¥ä¸‹ã®åŸºæº–ã§æŠœç²‹ã—ã¾ã—ãŸ Web UIã«å¿œç”¨å¯èƒ½ å®Ÿç”¨çš„ã‹ã¤å…·ä½“çš„ è‡ªæ˜Žã§ã¯ãªã„ ãƒ—ãƒ©ã‚¤ãƒžãƒªUIã‚’ç›®ç«‹ãŸã›ã‚‹ ãƒ—ãƒ©ã‚¤ãƒžãƒª UI è¦ç´ ã‚’å¼·èª¿ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã«å¾“ã„ã¾ã™ã€‚ - ãƒ—ãƒ©ã‚¤ãƒžãƒª UI è¦ç´ ã¯ã€è¦–ç·šã®é€šã‚Šé“ã«é…ç½®ã—ã¾ã™ã€‚ - ã‚¿ã‚¹ã‚¯ã‚’é–‹å§‹ã™ã‚‹ UI è¦ç´ ã¯ã€å·¦ä¸Šéš…ã¾ãŸã¯ä¸å¤®ä¸Šã«é…ç½®ã—ã¾ã™ã€‚ - ã‚³ãƒŸãƒƒãƒˆ ãƒœã‚¿ãƒ³ã¯ã€å³ä¸‹éš…ã«é…ç½®ã—ã¾ã™ã€‚ - æ®‹ã‚Šã®ãƒ—ãƒ©ã‚¤ãƒžãƒª UI ã¯ã€ä¸å¤®ã«é…ç½®ã—ã¾ã™ã€‚ - ã‚³ãƒžãƒ³ãƒ‰ ãƒœã‚¿ãƒ³ã€ã‚³ãƒžãƒ³ãƒ‰ ãƒªãƒ³ã‚¯ã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€æ³¨æ„ã‚’å¼•ãä»˜ã‘ã‚‹ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ - å¤§ããªãƒ†ã‚ã‚¹ãƒˆã‚„å¤ªå—ã®ãƒ†ã‚ã‚¹ãƒˆãªã©ã®ç›®ç«‹ã¤ãƒ†ã‚ã‚¹ãƒˆã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ãƒ¦
tacshiss 2012/02/28
webãƒ‡ã‚¶ã‚¤ãƒ³

ui
ãƒªãƒ³ã‚¯
[JS]ã•ã¾ã–ã¾ãªå‹•ããŒæ¥½ã—ãã¦ã‹ã‚ã„ã„ã€ã‚µãƒ¼ã‚¯ãƒ«çŠ¶ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Circle Menu
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸: Timing, Reversed ä¸Šã®ãƒ‡ãƒ¢ã§ã®é€†é †ã§ã™ã€‚ Circle Menuã®ä½¿ã„æ–¹ HTML å„ã‚¢ã‚¤ãƒ†ãƒ ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§ã™ã€‚ <ul> <li><a href="#">+</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://ajax.google apis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="jQuery.circl
tacshiss 2012/01/24
jquery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’ç£¨ã“ã†ã€ç´ æ•µãªUIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’ç£¨ãæ–¹æ³•ã®ä¸€ã¤ã«ã€ä»–äººã®ä½œã£ãŸã‚‚ã®ã‚’æ•°å¤šãè¦‹ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ 2011å¹´ãŒçµ‚ã‚ã‚‹å‰ã«ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’dribbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
tacshiss 2011/11/22
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
javascriptã§ä½œã£ãŸã€ãƒ•ãƒ«ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆæ•™ãˆã¦ãã ã•ã„ã€‚
Asiance _Your Digital Ag... / Tatchies / jittoä»–...å…¨21ä»¶
tacshiss 2011/11/19
HTML5

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã®ã¿ã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒªãƒ•ãƒ¬ã‚¯ãƒˆã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆã¡ã‚‡ã£ã¨æ›´æ–°ï¼‰ - ãã‚‰ã’ã ã‚‰ã‘
å‰å›žã¯iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã«ã¤ã„ã¦å‰ç·¨ã¨å¾Œç·¨ã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãã®ãªã‹ã§èª¬æ˜Žã—ã¦ã„ãªã„å°ã•ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã§ã™ã€‚ å‰å›žã®Web App Demoã§ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã‚¿ãƒ–ã«ç‰¹æ®ŠãªWebFontã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸãŒã€ã‚¿ãƒ–ãŒActiveã®ã¨ãã«è‰²ãŒå¤‰ã‚ã£ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆåŠ¹æžœã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¤ã‹ã£ã¦ã‚„ã£ã¦ã„ã¾ã™ã€‚ é€šå¸¸ã€CSSã§ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ï¼ˆcolorãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ãŒã€Œ:afterã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„ã€Œmask-imageã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªè¡¨ç¾ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å…·ä½“
tacshiss 2011/11/14
-webkit-mask-imageã¨æ“¬ä¼¼è¦ç´ ã®content:attr(title);

css3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‚‹ãƒ‘ãƒ¼ãƒ„ã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«é›† | 07design.blog
æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ãã“ã§ã€å€‹äººçš„ã«ã‚ˆãä½¿ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚â€¦æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãã“ã§ã€å€‹äººçš„ã«ã‚ˆãä½¿ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã™ã¹ã¦ã®ãƒ‡ãƒ¢ï¼ˆchromeãªã©ã®webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ã¾ãŸã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å®Ÿæ©Ÿã§ã”è¦§ãã ã•ã„ï¼‰ download ãƒ˜ãƒƒãƒ€ãƒ¼ã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ <h3>ãƒ˜ãƒƒãƒ€ãƒ¼ã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼</h3>  <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
tacshiss 2011/08/19
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
åˆ¶ä½œä¸ã®é¢å€’ã‚’è§£æ±ºã™ã‚‹Fireworksã®æ‹¡å¼µæ©Ÿèƒ½ã®ã¾ã¨ã‚ï¼ˆ2011å¹´7æœˆç‰ˆï¼‰ | Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¿ãƒ
ä¸€å®šæœŸé–“æ›´æ–°ãŒãªã„ãŸã‚åºƒå‘Šã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™
tacshiss 2011/07/02
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›å¯¾å¿œã®æ–°æ½®æµã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã¯ï¼Ÿ (1/3)
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠã‚’èƒŒæ™¯ã«ã€ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ï¼ˆResponsive Web Designï¼‰ã¨ã„ã†åˆ¶ä½œæ‰‹æ³•ãŒæµ·å¤–ã§æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã©ã®ã‚ˆã†ãªã‚¢ãƒ—ãƒãƒ¼ãƒãªã®ã‹ï¼Ÿã€€å®Ÿä¾‹ã§è§£èª¬ã™ã‚‹ã€‚ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’åŸºæº–ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’èª¿æ•´ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«è¤‡æ•°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç”¨æ„ã™ã‚‹ã®ã§ã¯ãªãã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã«èª¿æ•´ã™ã‚‹åˆ¶ä½œæ‰‹æ³•ã ã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®åˆ¶ä½œã§ã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã‚„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã”ã¨ã«ãƒšãƒ¼ã‚¸ã‚’æŒ¯ã‚Šåˆ†ã‘ã‚‹æ–¹æ³•ãŒä¸€èˆ¬çš„ã ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯HTMLã¯ãã®ã¾ã¾ã«ã€CSS3ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã‚’åˆ©ç”¨ã—ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã ã‘ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€2010å¹´5æœˆã€ç±³å›½ã®ã‚¤ãƒ¼ã‚µãƒ³ãƒ»ãƒžãƒ«ã‚³ãƒƒãƒ†æ°ã«ã‚ˆã£ã¦æå”±ã•ã‚Œã€æµ·å¤–ã§ã¯ä¼æ¥ã‚µã‚¤ãƒˆã‚’å«ã‚€å¤šãã®Webã‚µã‚¤ãƒˆã§æŽ¡ç”¨ã•ã‚Œã¦ã„
tacshiss 2011/06/18
webãƒ‡ã‚¶ã‚¤ãƒ³

css

webdesign
ãƒªãƒ³ã‚¯
ç•°ãªã‚‹å¹…ãƒ»é«˜ã•ã®ç”»åƒã‚‚è¶…ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAtteeeeention pluginã€:phpspoté–‹ç™ºæ—¥èªŒ
ç•°ãªã‚‹å¹…ãƒ»é«˜ã•ã®ç”»åƒã‚‚è¶…ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAtteeeeention pluginã€ 2011å¹´04æœˆ07æ—¥- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab ç•°ãªã‚‹å¹…ãƒ»é«˜ã•ã®ç”»åƒã‚‚è¶…ç¶ºéº—ã«ä¸¦ã¹ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAtteeeeention pluginã€ã€‚ <img>ã§ãŸã å˜ã«ç”»åƒã‚’ä¸¦ã¹ã‚‹ã¨ã€å¹…ã€é«˜ã•ã®é•ã„ã‹ã‚‰ã€ãƒšãƒ¼ã‚¸ãŒã”ã¡ã‚ƒã”ã¡ã‚ƒã—ã¦ã—ã¾ã„ã¾ã™ãŒã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã“ã¨ã§Google ã®ç”»åƒæ¤œç´¢ã®ã‚ˆã†ã«ç¶ºéº—ã«ãƒ”ãƒƒãƒãƒªä¸¦ã¹ã‚‰ã‚Œã¾ã™ã€‚ æ™®é€šã«ä¸¦ã¹ã‚‹ã¨ã¡ã‚‡ã£ã¨æ®‹å¿µãªã“ã¨ã«ã€‚ç©ºç™½ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã“ã¨ã§ã€ã‚ã‚‰ç¶ºéº—ã€‚ã¨ãªã‚Šã¾ã™ã€‚ Firefox ã¯ 2ä»¥ä¸Šã€IEã¯6ä»¥ä¸Šã¨ã„ã†ã“ã¨ã§æ®†ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã€‚ ã¾ãšã€å¿…è¦ãª
tacshiss 2011/04/07
jquery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æž ç·šä»˜ãã®å¹ãå‡ºã—
ãƒŸãƒ‹ãƒ–ãƒã‚°ã®éš†ç››ä»¥é™ã‚¦ã‚§ãƒ–ä¸Šã§ã‚ˆãè¦‹ã‹ã‘ã‚‹å¹ãå‡ºã—ã‚’CSSã§ä½œã‚‹ãŠè©±ã€‚å˜è‰²ã®ã‚‚ã®ã¯ã‹ãªã‚Šå‰ã«æ›¸ã„ãŸã€‚ä»Šå›žã¯ãã‚Œã«æž ç·šã‚’ã¤ã‘ã¦ã¿ã‚ˆã†ï¼ã€€ã¿ã‚ˆã†ï¼ã€€ã¿ã‚ˆã†ï¼ Demo: Bordered Speech Bubble æž ç·šã¯å˜ãªã‚‹solidãªborderã§å°‘ã—è§’ã‚’ä¸¸ã‚ãŸã ã‘ã€‚ å°»å°¾ã‚’ä»˜ã‘ã‚‹ :beforeæ“¬ä¼¼è¦ç´ ã‚’ä½¿ã†ã€‚ãƒ‡ãƒ¢ã®3ç•ªç›®ã®ã‚µãƒ³ãƒ—ãƒ«ã®ã‚ˆã†ã«ã€ã¾ãšæž ç·šã¨åŒã˜è‰²ã§ä¸‰è§’å½¢ã‚’ä½œã‚‹ã€‚ä¸‰è§’å½¢ã¯ä»¥å‰ã®ã‚¨ãƒ³ãƒˆãƒªã§æ›¸ã„ãŸæ‰‹æ³•ã¨åŒã˜ã§ã€å·¦å³ã®borderã‚’transparentã«ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ä½œã‚‹ã€‚ .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;
tacshiss 2011/02/24
css3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Fluid 960 Grid System
Fluid 960 Grid System If you are looking for the Fluid 960 Grid System mentioned long ago on Smashing Magazine, I have moved it to the Markup Library. If you are looking for the Fluid 960 Grid System mentioned long ago on Smashing Magazine, I have moved it to the Markup Library. Initially released as open source on GitHub Jan 29, 2009. Markup LibraryDesign ProcessDesign is based on the inspiration
tacshiss 2011/01/19
webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
è³¼è²·æ„æ¬²ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ãƒ»å•†å“ã®ä¾¡æ ¼ä¸€è¦§è¡¨ã‚’ä½œæˆã™ã‚‹7ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã®ä¾¡æ ¼ä¸€è¦§è¡¨ã‚’ã‚µãƒ³ãƒ—ãƒ«ã«ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è³¼è²·æ„æ¬²ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ä¾¡æ ¼ä¸€è¦§è¡¨ã‚’ä½œæˆã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¾¡æ ¼ã®ä¸€è¦§è¡¨ã‚’è¦‹ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä¸€ç•ªã®ç›®çš„ã¯ã€ä¾¡æ ¼ã‚’çŸ¥ã‚‹ã“ã¨ã§ã™ã€‚ã—ã‹ã—ãªãŒã‚‰ã€ä¾¡æ ¼ã‚’å¼·èª¿ã—ã™ãŽã¦ã€ãŠé‡‘ã‚’ä½¿ã†ã¨ã„ã†ã“ã¨ã‚’æ„è˜ã•ã›ã™ãŽãªã„ã§ãã ã•ã„ã€‚è‹¦åŠ´ã—ã¦æ‰‹ã«å…¥ã‚ŒãŸãŠé‡‘ã‚’ä½¿ã£ã¦ã„ã‚‹ã‚ˆã†ã«æ„Ÿã˜ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚ˆã‚Šä½¿ã‚ãªã„ã‚ˆã†ã«æ€ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ä¾¡æ ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚½ãƒ•ãƒˆã«ã—ã€ãã‚Œè‡ªä½“ã®ç‰¹å¾´ã‚„ãƒ™ãƒãƒ•ã‚£ãƒƒãƒˆã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ã‚ã¦ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã©ã®å•†å“ã‚’é¸æŠžã™ã‚‹ã‹æ±ºã‚ã¦ã„ã‚‹æ™‚ã«ã€ã‚ãªãŸã¯ãã®æ±ºã‚æ‰‹ã¨ã—ã¦ä¾¡æ ¼ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’åˆã‚ã›ã‚‹ã“ã¨ã‚’æœ›ã‚“ã§ã„ã¾ã™ã‹ï¼Ÿã€€ãã‚Œã¨ã‚‚ç‰¹å¾´ã‚„ãƒ™ãƒãƒ•ã‚£ãƒƒãƒˆã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’åˆã‚ã›ã¦ã»ã—ã„ã§ã™ã‹ï¼Ÿ ã‚‚ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä¾¡æ ¼ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’åˆã‚ã›ã‚‹ã®ã§ã‚ã‚Œã°ã€ãã‚Œã¯æœ€ã‚‚å®‰ã„ã‚‚ã®ã«æ±ºã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ã€ç‰¹å¾´ã‚„ãƒ™ãƒãƒ•ã‚£ãƒƒãƒˆã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’åˆã‚ã›ã‚‹ã®ã§ã‚ã‚Œã°ã€ãƒ¦ãƒ¼ã‚¶
tacshiss 2010/10/22
ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã‚’ç°¡å˜ã«ã—ã¦ãã‚Œã‚‹CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ
CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ®µçµ„ã¿ä½œã‚ŠãŒã¨ã£ã¦ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ã”ç´¹ä»‹ã€‚æ—¢ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€æœªä½“é¨“ã®äººã¯ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ãï¼ Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ¬ ã‹ã›ãªã„ã€CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã€‚ã‚³ãƒ³ãƒ†ãƒŠä½œã£ã¦ã€ã“ã“ã«ãƒ©ãƒƒãƒ‘ãƒ¼ä½œã£ã¦ã€ãƒ¡ã‚¤ãƒ³ãŒ 600px ã§ padding ãŒ 20px ã ã‹ã‚‰ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒã€ãˆãƒ¼ã¨ â€¦ ãªã‚“ã¦ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãã‚“ãªé¢å€’ãªä½œæ¥ãŒã‚¤ãƒ¤ã ãªãƒ¼ã¨ã„ã†äººã«ãŠã™ã™ã‚ãªã®ãŒã€CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€‚å…¨ã¦ã® Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€çµæ§‹é‡å®ã—ã¾ã™ã€‚ã™ã§ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚“ãªæ–¹æ³•ã‚‚ã‚ã‚‹ã‚“ã ã‚ˆãƒ¼ã¨ã„ã†ã“ã¨ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã¯ï¼Ÿ CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã„ã†ã®ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å‡ç‰ã«åˆ†ã‘ã¦ã€ãƒžã‚¹ç›®ä¸Šã«è€ƒãˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ä½•ãŒä¾¿åˆ©ã‹ã£ã¦ã„ã†ã¨ã€ã“ã®æ®µã¯4ç‰åˆ†ã«ã—
tacshiss 2010/10/19
css

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³.com -Webãƒ‡ã‚¶ã‚¤ãƒ³ã®â€œè¦‹å‡ºã—â€ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆ-
TOP ãƒ‡ã‚¶ã‚¤ãƒ³ä¸€è¦§ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ†ã‚ã‚¹ãƒˆã®ã¿ ãƒ†ã‚ã‚¹ãƒˆéžç”»åƒ ä¸Šç·š ä¸‹ç·š ä¸¸ å››è§’ å›²ã¿ç·š æ–œç·š æœªåˆ†é¡ž ç‚¹ç·š è§’ä¸¸ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ ãƒ„ã‚¤ãƒ¼ãƒˆã™ã‚‹ ã‚·ã‚§ã‚¢ã™ã‚‹ ä»–ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ãƒ•ãƒƒã‚¿ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ ã‚¦ã‚§ãƒ–ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ ã„ã‚ã‚“ãªWEBã‚µã‚¤ãƒˆã®è¦‹å‡ºã—éƒ¨åˆ†ã‚’é›†ã‚ã¾ã—ãŸã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã€‚æŽ²è¼‰ã‚µã‚¤ãƒˆãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸå ´åˆã¯ã”ç´¹ä»‹ã®è¦‹å‡ºã—ãŒä½¿ç”¨ã•ã‚Œã¦ã„ãªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ é€£çµ¡å…ˆï¼šmanage.hp+midashi@gmail.com copyright Â© midashi-design.com All Rights Reserved.
tacshiss 2010/09/01
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
è¦‹ãˆã¦ããŸECã‚µã‚¤ãƒˆã®äººæ°—ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ECã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æƒ…å ±ã‚’çš„ç¢ºã«å±Šã‘ã‚‹ä¸Šã§é‡è¦ãªå½¹å‰²ã‚’æžœãŸã™ã€‚ã‚µãƒã‚¿ãƒ³ãƒˆã®èª¿æŸ»çµæžœã‹ã‚‰ã€ECã‚µã‚¤ãƒˆã§ãƒˆãƒ¬ãƒ³ãƒ‰ã«ãªã£ã¦ã„ã‚‹æ¤œç´¢çª“ã®è¨ç½®å ´æ‰€ã‚„ã‚µã‚¤ãƒˆå¹…ã®ãƒ”ã‚¯ã‚»ãƒ«æ•°ãŒåˆ†ã‹ã£ãŸã€‚ Webãƒ»ãƒ¢ãƒã‚¤ãƒ«æ¥ç•Œã®äººæäº‹æ¥ã‚’æ‰‹æŽ›ã‘ã‚‹ã‚µãƒã‚¿ãƒ³ãƒˆã¯7æœˆ30æ—¥ã€ECï¼ˆé›»åå•†å–å¼•ï¼‰ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒˆãƒ¬ãƒ³ãƒ‰ã«é–¢ã™ã‚‹èª¿æŸ»çµæžœã‚’ç™ºè¡¨ã—ãŸã€‚æ¥½å¤©å¸‚å ´ï¼ˆ100ã‚µã‚¤ãƒˆï¼‰ã€Yahoo!ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ï¼ˆ50ã‚µã‚¤ãƒˆï¼‰ã«å‡ºå±•ã—ã¦ã„ã‚‹ECã‚µã‚¤ãƒˆãŠã‚ˆã³ä¼æ¥ãŒç‹¬è‡ªã«é‹å–¶ã™ã‚‹ECã‚µã‚¤ãƒˆï¼ˆ100ã‚µã‚¤ãƒˆï¼‰ã‚’7æœˆã«èª¿æŸ»ã—ãŸã€‚ 70ï¼…ãŒãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«ã€Œæ¤œç´¢çª“ã€ã‚’è¨ç½® Webãƒšãƒ¼ã‚¸ã®ä¸Šéƒ¨ã«æ¤œç´¢çª“ã‚’è¨ç½®ã—ã¦ã„ã‚‹ECã‚µã‚¤ãƒˆã¯å…¨ä½“ã®70ï¼…ã ã£ãŸã€‚å¢—åŠ ã™ã‚‹å•†å“ç‚¹æ•°ã«å¯¾ã—ã€æ¤œç´¢æ€§ã‚’å‘ä¸Šã•ã›ã‚‹ç›®çš„ã§æ¤œç´¢çª“ã‚’è¨ç½®ã™ã‚‹ECã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ã„ã‚‹ã¨ã„ã†ã€‚
tacshiss 2010/08/04
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç¸¦é•·ã„ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã¯æ˜¯ã‹å¦ã‹ï¼Ÿã€€æ¥½å¤©ã«ãŠã‘ã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡è¨ˆæ¸¬å°Žå…¥ã®è£å´
ã€ŽMarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine ãƒ—ãƒ¬ãƒŸã‚¢ãƒ ã‚»ãƒŸãƒŠãƒ¼ã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ MarkeZine Day
tacshiss 2010/06/24
ã‚¢ã‚¯ã‚»ã‚¹è§£æž

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

UI
ãƒªãƒ³ã‚¯
Under Construction
Please be wary if some broker is offering this domain for sale.
tacshiss 2010/04/07
ãƒã‚¿

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Awwwards - Website Awards - Best Web Design Trends
Share your work Submit your website for visibility and recognition Submit Website
tacshiss 2010/03/25
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Photoshop Vip Â» ä¿å˜ç‰ˆï¼ã‚¯ãƒªãƒƒã‚¯ã—ãŸããªã‚‹ã€Œãƒœã‚¿ãƒ³ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®Photoshopç”¨ç„¡æ–™PSDãƒ•ã‚¡ã‚¤ãƒ«42å€‹ã¾ã¨ã‚
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
tacshiss 2010/03/21
webãƒ‡ã‚¶ã‚¤ãƒ³

ç´ æ
ãƒªãƒ³ã‚¯
Dynamic Drive CSS Library- Practical CSS codes and examples
tacshiss 2010/03/19
css

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