[B! tips] visca__Barcaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

visca__Barca id:visca__Barca

tipsã«é–¢ã™ã‚‹visca__Barcaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (64)

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

ã€CSSã€‘ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ä½¿ã„ã©ã“ã‚ ãã®1 ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆç·¨ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ä»Šã•ã‚‰ãªãŒã‚‰ã€Œãƒ±ãƒ´ã‚¡ãƒ³ã‚²ãƒªãƒ²ãƒ³æ–°åŠ‡å ´ç‰ˆï¼šç ´ã€ã‚’ DVD ã§è¦‹ã¾ã—ã¦ã€ ãƒ±ãƒ´ã‚¡ï¼šQ è¦‹ã‚‹ã¾ã§ã“ã‚Šã‚ƒæ»ããªã„ãªã€ã¨æ€ã£ãŸ sakai ã§ã™ã€‚åºç ´æ€¥ã ã‹ã‚‰æ€¥ã‹ã¨æ€ã„ãã‚„ Q ã£ã¦ã¨ã“ã‚ãŒæ„å‘³æ·±ã§ã™ã‚ˆãâ€¦ CSS ã§ margin ã«ãƒžã‚¤ãƒŠã‚¹ã®å€¤ã‚’æŒ‡å®šã™ã‚‹ã€é€šç§°ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ä½¿ã„ã©ã“ã‚ã«ã¤ã„ã¦ã€ä½•å›žã‹ã«ã‚ã‘ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ï¼ˆå…ˆæ—¥ã® CSS Nite ã§ãƒ‡ãƒ¢ã‚’ã—ãŸå†…å®¹ã®å†ç´¹ä»‹ã§ã™ï¼‰ ä»Šå›žã¯ã€Œãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã€ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ã®ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ä½¿ã„ã©ã“ã‚ã§ã™ã€‚ 1. ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã§ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã‚’ä½¿ã† ã¾ãš HTML ã§æ™®é€šã«ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã‚’çµ„ã‚“ã§ã¿ã¾ã™ã€‚ <div id="top iPath"> <ol> <li><a href="/">ãƒ›ãƒ¼ãƒ </a></li> <li><a href="/wear/">ã‚¦ã‚§ã‚¢</a></li> <li><a href="/wear/tops/">ãƒˆãƒƒãƒ—
visca__Barca 2013/05/09
*css

tips
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã«ç¾Žã—ã„ã‚·ãƒ£ãƒ‰ã‚¦ã‚’åŠ ãˆã€å¥¥è¡Œãã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Depth | ã‚³ãƒªã‚¹
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šæž ã®ã™ãä¸‹ã€ãƒšãƒ¼ã‚¸ã®ä¸Šéƒ¨ã«ã€ã„ã„æ„Ÿã˜ã®ã‚·ãƒ£ãƒ‰ã‚¦ã‚’åŠ ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Chrome, Safari, Firefox, Operaã§ã”è¦§ãã ã•ã„ã€IEã¯9+ã§ã€‚ Depth å®Ÿè£…ã¯ç°¡å˜ã§ã€HTMLã¯ç‰¹ã«å¤‰æ›´ã™ã‚‹ã“ã¨ãªãã€ä¸‹è¨˜ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åŠ ãˆã‚‹ã ã‘ã§ã™ã€‚ position: fixed;ãªã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ã‚·ãƒ£ãƒ‰ã‚¦ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ body:before { /* top shadow */ content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -ms-box
visca__Barca 2013/02/26
*css

CSS3

tips
ãƒªãƒ³ã‚¯
overflowã‚’ä½¿ã£ã¦floatã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | ã‚³ãƒªã‚¹
ãƒ•ãƒãƒ¼ãƒˆã—ãŸåè¦ç´ ã‚’å†…åŒ…ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒŠãŒé«˜ã•ã‚’æ‹¡å¼µã—ãªã„å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã•ã¾ã–ã¾ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãã®ä¸ã‹ã‚‰ã€overflowã‚’ä½¿ã£ãŸæ–¹æ³•ã¨ãã®éš›ã«ç”Ÿã˜ã‚‹å•é¡Œç‚¹ã¨ãã®è§£æ±ºæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS: Clearing Floats with Overflow [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowã‚’ä½¿ã£ã¦ç”Ÿã˜ã‚‹å•é¡Œç‚¹ã¨è§£æ±ºæ–¹æ³• ã¯ã˜ã‚ã« ãƒ•ãƒãƒ¼ãƒˆãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã€ãƒ©ãƒƒãƒ‘ãƒ¼ã¨ãªã‚‹ã‚³ãƒ³ãƒ†ãƒŠãŒãƒ•ãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹åè¦ç´ ã«å¯¾ã—ã¦é«˜ã•ã‚’æ‹¡å¼µã—ãªã„ã“ã¨ã¯ã€æ™®é€šã«ã‚ˆãã‚ã‚‹å•é¡Œã§ã™ã€‚ ãƒ‡ãƒ¢ï¼šï¼‘ ãƒ•ãƒãƒ¼ãƒˆã‚’ã‚¯ãƒªã‚¢ã™ã‚‹è¦ç´ ã‚’é…ç½®ã—ã¦è§£æ¶ˆã—ãŸä¾‹ ã—ã‹ã—ã€ã“ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã€ã€Œoverflowã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã‚‚ã§ãã‚‹ã“ã¨ã‚’çŸ¥ã£ã¦ã„ã¾ã—ãŸã‹ï¼Ÿ ã“ã‚Œã¯
visca__Barca 2012/04/13
*css

tips

*toEver
ãƒªãƒ³ã‚¯
ä½¿ãˆã‚‹CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Vol.01ã®è¨˜äº‹ä¸€è¦§ãƒšãƒ¼ã‚¸ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
[ä½¿ãˆã‚‹ CSS ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯] CSS ã§ DL ã‚’ float ã—ã¦è¡¨çµ„ã¿ã®ã‚ˆã†ã«è¡¨ç¾ã™ã‚‹ ä½¿ãˆã‚‹CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Vol.01
visca__Barca 2012/03/07
*css

*ã¾ã¨ã‚

tips
ãƒªãƒ³ã‚¯
Adobe - Photoshop 1.0 ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸æœç´¢ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ
Sign into Adobe Creative Cloud to access your favorite Creative Cloud apps, services, file management, and more. Log in to start creating.
visca__Barca 2012/01/24
*photoshop
ãƒªãƒ³ã‚¯
[CSS]hrè¦ç´ ã‚’ãŠã—ã‚ƒã‚Œã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹8ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ CSS3ã‚’ä½¿ã£ãŸ8ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®8ã¤ã®å®Ÿè£…æ–¹æ³•ã‚’å€‹åˆ¥ã«è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ HTML HTMLã¯å…¨ãƒ‡ãƒ¢å…±é€šã§ã€hrè¦ç´ ã«classåã‚’ä»˜ä¸Žã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªå®Ÿè£…ã§ã™ã€‚ <hr class="style-one"> [ad#ad-2] CSS ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯å„ãƒ‡ãƒ¢ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã¨ã¨ã‚‚ã«ã”ç´¹ä»‹ã€‚ ç¹Šç´°ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr
visca__Barca 2011/11/25
CSS3

tips
ãƒªãƒ³ã‚¯
[CSS]ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚‰ãªã„è¦ç´ ã‚’çœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
width, heightã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚‰ãªã„è¦ç´ ã‚’å¤©åœ°å·¦å³ã®çœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Centering in the Unknown [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ è¦ç´ ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã£ã¦ã„ã‚‹å ´åˆ è¦ç´ ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚‰ãªã„å ´åˆ ã¾ã¨ã‚ã¨å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ è¦ç´ ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã£ã¦ã„ã‚‹å ´åˆ ã€ŒçœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ã¨ã€Œãã®è¦ªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ä¸¡æ–¹ã®é«˜ã•ã¨å¹…ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã£ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’çœŸã‚“ä¸ã«ç½®ãã®ã¯ç°¡å˜ã§ã™ã€‚ ã€ŒçœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ã‚’ã€Œposition: fixed;ã€ã«ã—ã€topã¨leftã‚’50%ã€marginã®topã¨leftã‚’ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®åŠåˆ†ã®ã‚µã‚¤ã‚ºã§ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã§é…ç½®ã—ã¾ã™ã€‚ CSS .centered { position: fixed; top: 50%; left: 50%; margin-t
visca__Barca 2011/11/02
*css

tips
ãƒªãƒ³ã‚¯
cssã§ç¸¦æ–¹å‘ä¸å¤®ã«é…ç½®ã™ã‚‹æ–¹æ³•ï¼ˆ5ã¤ã®ã‚±ãƒ¼ã‚¹ï¼‹1ï¼‰ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
iPhone 4SãŒç™ºå£²é–“è¿‘ã€‚ è²·ãŠã†ã‹è¿·ã£ã¦ä¸€æ—¦è«¦ã‚ãŸã¯ãšãŒã¾ãŸè¿·ã„å§‹ã‚ã¾ã—ãŸã€hakoishiã§ã™ã€‚ Siriã«ç”˜ã„è¨€è‘‰ã‚’ã•ã•ã‚„ããŸã„ã€‚è‹±èªžã§ããªã„ã‘ã©ã€‚ ã•ã¦ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ç¸¦ä¸å¤®ã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’é…ç½®ã—ãŸã„ã“ã¨ã£ã¦å°‘ãªããªã„ã§ã™ã‚ˆãã€‚ ã—ã‹ã—ãªãŒã‚‰ã€cssã¯ãã†ã„ã†ã®ã¡ã‚‡ã£ã¨è‹¦æ‰‹ã€‚ ã€Œã»ã‚‰ã€ã‚ã®æ™‚ä½¿ã£ãŸã‚¢ãƒ¬ã ã‚ˆã‚¢ãƒ¬ï¼ã€ã¨éŽåŽ»ã®ã‚½ãƒ¼ã‚¹ã‚’æŽ˜ã‚Šèµ·ã“ã—ã¦ã¿ã¦ã‚‚ã€çŠ¶æ³ãŒé•ã£ã¦ã¦ä½¿ãˆãªã„ã‚±ãƒ¼ã‚¹ã‚‚å¤šã‹ã£ãŸã‚Šã€‚ ã¨ã„ã†ã‚ã‘ã§ä»Šå›žã¯ã€cssã§ç¸¦ä¸å¤®é…ç½®ã™ã‚‹ãŸã‚ã®tipsã‚’5ã¤ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã«åˆ†ã‘ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ case1ï¼šç”»åƒã®å ´åˆ ä¸Šä¸‹æ–¹å‘ä¸å¤®ã‚’å§‹ç‚¹ã¨ã—ã¦ç”»åƒã‚’é…ç½®ã—ã€ç”»åƒã®ç¸¦ã‚µã‚¤ã‚ºã®1/2ã ã‘ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã§ä¸Šã«ç§»å‹•ã€‚ ã‚µãƒ³ãƒ—ãƒ« html <p class="case01"> <img src="http://dummyimage.com/100x100/000/fff.gif&text=img
visca__Barca 2011/10/14
*css

tips

*toEver
ãƒªãƒ³ã‚¯
ç¾Žã—ãã¦æ©Ÿèƒ½ã™ã‚‹ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œæˆã™ã‚‹Photoshopã®7ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ã‚¯ãƒªãƒ¼ãƒ³ã§ã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã§ã€ç¾Žã—ãã€ãã—ã¦ã—ã£ã‹ã‚Šã¨æ©Ÿèƒ½ã™ã‚‹ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œæˆã™ã‚‹ã®ã«å½¹ç«‹ã¤Photoshopã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 7 Photoshop tips for designing clean and modern websites [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. Space(ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹) 2. Depth(å¥¥è¡Œã) 3. Detail(ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«) 4. Definition(æ˜Žç¢º) 5. Interest(èˆˆå‘³) 6. Perspective(é è¿‘æ³•) 7. Readability(ãƒªãƒ¼ãƒ€ãƒ“ãƒªãƒ†ã‚£) 1. Space(ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹) ã‚¹ãƒšãƒ¼ã‚¹ã¯ãƒœãƒƒã‚¯ã‚¹ã‚„ãƒ©ã‚¤ãƒ³ã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãªã©ã‚’ä½¿ç”¨ã—ãªã„ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®è¦‹ãŸç›®ã§ã®åˆ†é›¢ã‚’å¯èƒ½ã«ã™ã‚‹ã‚‚ã®ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã‚‚æœ€ã‚‚é‡è¦ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ã“ã‚Œã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§
visca__Barca 2011/10/13
tips

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

*photoshop

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

*toEver
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã®1pxã‚’ä½œã‚‹ãŸã‚ã®Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã„ã‚ã„ã‚
è‰²ã‚“ãª Webã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€1px ã«ã“ã ã‚ã£ã¦ä½œã‚‰ã‚ŒãŸã‚ãƒ¬ã‚¤ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ç§ã¯ Photoshop ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€Photoshop ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½¿ã£ã¦ã€1px ã®ç´°ã‹ã„æ‰€ã‚’ä½œã‚‹ Tips ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚åŸºæœ¬çš„ãªæ“ä½œã°ã‹ã‚Šãªã®ã§ã€ã“ã‚Œã‹ã‚‰ Photoshop ã§ Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã¿ãŸã„ãªãƒ¼ã¨ã„ã†äººå‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ è‰²ã‚“ãªç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã® Webã‚µã‚¤ãƒˆã‚’è¦³å¯Ÿã—ã¦ã„ã‚‹ã¨ã€1px ã®ç´°ã‹ã„ã¨ã“ã‚ã¾ã§ã“ã ã‚ã£ã¦ä½œã‚‰ã‚Œã¦ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ã¨ã¦ã‚‚å¤šã„ã§ã™ã‚ˆãã€‚1px â€¦ Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ä¸€ç•ªå°ã•ã„ã‚µã‚¤ã‚ºã€‚ã€Œç¥žã¯ç´°éƒ¨ã«å®¿ã‚‹ã€ã¨ã„ã†è¨€è‘‰ã‚‚ã‚ã‚‹ã‘ã‚Œã©ã€1px ã¾ã§ã—ã£ã‹ã‚Šä½œã‚‰ã‚ŒãŸã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ã¨ã¦ã‚‚ç¾Žã—ã„ã§ã™ãï¼ ä»Šå›žã¯ Photoshop ã‚’ä½¿ã£ã¦ã€ã„ã‚ã‚“ãª 1px ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ã¨ã¯è¨€ã£ã¦ã‚‚é›£ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«
visca__Barca 2011/09/28
tips

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

*photoshop

*ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Photoshopã§é›†ä¸ç·šã‚’æãæ–¹æ³• | Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¿ãƒ
ä¸€å®šæœŸé–“æ›´æ–°ãŒãªã„ãŸã‚åºƒå‘Šã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™
visca__Barca 2011/09/05
æ”¾å°„çŠ¶ã®å…‰

*photoshop

tips

å…‰
ãƒªãƒ³ã‚¯
åœ°å‘³ã«ä½¿ãˆã‚‹CSSå°æŠ€ã®ãƒ¡ãƒ¢&ã‚µãƒ³ãƒ—ãƒ«é›† - ã‹ã¡ã³ã¨.net
cssã®å°æŠ€çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒä¾¿åˆ©ãªã®ã§å¥½ããªã‚“ ã§ã™ãŒã€cssãã®ã‚‚ã®ãŒå«Œã„ã§è¦šãˆã‚‰ã‚Œãªã„ã®ã§ ã‚«ãƒ³ãƒšçš„ãªè¨˜äº‹ã‚’ä½œã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ä¾¿åˆ©ãªå°æŠ€ ã¯æ²¢å±±ã‚ã‚‹ã‚“ã§ã™ãŒã€ç‰¹ã«è‡ªåˆ†ãŒè‰¯ãä½¿ã„ãã†ãª Tipsã‚’ãƒ¡ãƒ¢ã—ã¾ã™ã€‚æ—¢ã«å‡ºå›žã£ã¦ã„ã‚‹æƒ…å ±ã°ã‹ã‚Šã§ ç‰¹ã«ç›®æ–°ã—ã„æ‰‹æ³•ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ä½•ã‚‚æœŸå¾…ã§ã ãªã„ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ç‰¹ã«ãƒ†ãƒ¼ãƒžã‚‚ä¸€è²«æ€§ã‚‚ç„¡ãã¦ã€ãŸã ä¾¿åˆ©ã£ã¦ã ã‘ã§ã™ã€‚æŽ¨å¥¨ã•ã‚Œãªã„æ–¹æ³•ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€åƒ•ã¯ç´°ã‹ã„ã“ã¨æ°—ã«ã—ã¾ã›ã‚“ã®ã§ãã‚“ãªæ„Ÿã˜ã§ã™ã€‚ å†…å®¹ã‚‚æ—¢å‡ºãªã®ã§ãŠè©³ã—ã„æ–¹ã«ã¯ãŠå½¹ã«ç«‹ã¦ãªã„ã§ã™ãŒã€åƒ•ã®å€‹äººçš„ãªãƒ¡ãƒ¢ãªã®ã§é©å½“ã«æµã—ã¦é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ floatã§ä¸¦ã¹ãŸãƒªã‚¹ãƒˆã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚° Sample01 ã‚³ãƒ¼ãƒ‰ .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
visca__Barca 2011/08/30
*css

*ã¾ã¨ã‚

tips

*toEver
ãƒªãƒ³ã‚¯
ç¾Žã—ã„å…‰ã‚’æããŸã‚ã®Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† | ã‚³ãƒªã‚¹
ã‚¹ãƒ‘ãƒ¼ã‚¯ã—ã¦ã„ã‚‹å…‰ã€å…‰æºãƒ»å…‰ç·šãƒ»å…‰è·¡ãªã©ã®ç¾Žã—ã„ã€Œå…‰ã€ã‚’æã„ãŸã€Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ç´¹ä»‹ã§ã™ã€‚
visca__Barca 2011/08/24
*photoshop

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

tips

å…‰

*toEver
ãƒªãƒ³ã‚¯
Web Kobo
Web Kobo
visca__Barca 2011/08/24
*photoshop

tips

EPS

*toEver
ãƒªãƒ³ã‚¯
åƒ•ãŒè‰¯ãä½¿ã†ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯çš„ãªè‰²ã€…ï¼ˆã‚µãƒ³ãƒ—ãƒ«PSDæœ‰ï¼‰ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ã€ŒPhotoshopã®ä½¿ã„æ–¹ãŒåˆ†ã‹ã‚‰ãªã„ï¼ã€ãªã‚“ã¦ãŠè©±ã‚’èžãã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€å¤§åŠã®æ–¹ã¯å®Ÿéš›ã«ã¯Photoshopã¨ã„ã†ãƒ„ãƒ¼ãƒ«è‡ªä½“ã¯ä½¿ã†ã“ã¨ãŒå‡ºæ¥ã¦ã„ã¦ã€åˆ†ã‹ã‚‰ãªã„ã¨è¨€ã£ã¦ã„ã‚‹ã®ã¯è¡¨ç¾ã®ä»•æ–¹ã ã£ãŸã‚Šã€ã€Œä»–ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚µã‚¤ãƒˆã¿ãŸã„ã«ã„ã„æ„Ÿã˜ã«ã™ã‚‹æ–¹æ³•ï½žã€ã€ã¿ãŸã„ãªã®ã‚’çŸ¥ã‚ŠãŸãŒã£ã¦ã„ã‚‹äººãŒå¤šã„ã‚ˆã†ã«æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ åƒ•ã‚‚ãŸã¾ã«èžã‹ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãæ„è˜ã—ã¦ã‚‹ã“ã¨ã¨ã‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã¨ã‹ã€ãã†ã„ã†ã®ã‚’è‡ªåˆ†ãªã‚Šã«èª¬æ˜Žã—ãŸã„æ™‚ã£ã¦ã€ä½œã‚Šæ–¹ã‚’ä¸€ã‹ã‚‰è©±ã™ã‚ˆã‚Šã€ã‚„ã£ã±ã‚Šæ—¢ã«ä½œã£ã¦ã‚ã‚‹PSDã®ã‚µãƒ³ãƒ—ãƒ«ç‰ã‚’è¦‹ãªãŒã‚‰èª¬æ˜Žã™ã‚‹æ–¹ãŒæ–ç„¶æ—©ã‹ã£ãŸã‚Šã™ã‚‹ã‚“ã§ã™ã‚ˆãï¼ˆåƒ•ãŒå£ä¸‹æ‰‹ã ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒï¼‰ã€‚ã‚µãƒ³ãƒ—ãƒ«ãŒã‚ã£ã¦è©±ã‚’ã™ã‚‹ã®ã¨ã€ã‚¼ãƒã‹ã‚‰ä½œã‚Šæ–¹ã‚’ãŠè©±ã™ã‚‹ã®ã¨ã§ã¯ã€æ•™ãˆã‚‹å´ã®æ™‚é–“ã‚‚ã€æ•™ã‚ã‚‹å´ã®ç†è§£åŠ›ã‚‚é•ã£ã¦ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã®ã§ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€åƒ•ãŒè‰¯ãä½¿ã†Photoshopã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³
visca__Barca 2011/08/15
PSD

ã‚µãƒ³ãƒ—ãƒ«

*ãƒ‡ã‚¶ã‚¤ãƒ³

tips

ãƒœã‚¿ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
å®Ÿç”¨çš„ãªã‚‚ã®ã‹ã‚‰å®Ÿé¨“çš„ãªã‚‚ã®ã¾ã§ã€æœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã‚‚ã®ã‚’ä¸å¿ƒã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
visca__Barca 2011/07/07
*css

*webåˆ¶ä½œ

*ã‚ã¨ã§èªã‚€

tips
ãƒªãƒ³ã‚¯
é€éŽPNGã§æž ã ã‘ä½œã£ã¦èƒŒæ™¯ã‚’CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã¨ã„ã†æ–°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯:phpspoté–‹ç™ºæ—¥èªŒ
Color Animate Any Shape with a Knockout PNG | CSS-Tricks é€éŽPNGã§æž ã ã‘ä½œã£ã¦èƒŒæ™¯ã‚’CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã¨ã„ã†æ–°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ CSS3ã®ç™»å ´ã§ãƒãƒƒã‚¯ã®å¹…ã¯åºƒãŒã‚Šã¾ã—ãŸãŒã€ä»Šå¾Œã“ã†ã„ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒè‰²ã€…ç¾ã‚Œã¦ãã‚‹ã¨æ€ã†ã¨æ¥½ã—ã¿ã§ã™ã€‚ ã¾ãšã¯ãƒžãƒªãƒªãƒ³ã‚’ã‹ãŸã©ã£ãŸç¸ã®ç”»åƒã‚’é€éŽPNGã§ä½œã‚Šã¾ã™ ã“ã®ãƒ‡ãƒ¢ã¯å¿…è¦‹ ã‚ã¨ã¯èƒŒæ™¯ã‚’CSS3ã® keyframes, animation ã‚’ä½¿ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã¨ã€ãªã‚“ã¨ãƒžãƒªãƒªãƒ³ãŒï¼—è‰²ã«å¤‰åŒ–ã—ã¾ã™ã€‚ã“ã‚Œã¯ã™ã”ã„ï¼ ãƒžãƒªãƒªãƒ³ã¯ãŸã¾ã£ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€è‰²ã€…å¿œç”¨ã®åŠ¹ããƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSS3ã§å‹•ããƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ä½œæˆã‚µãƒ³ãƒ—ãƒ« IE9ã«ã‚‚å¯¾å¿œã—ãŸCSS3ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆã€Œcss3filesã€ è¶…ã‚·ãƒ³ãƒ—ãƒ«ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§å®Ÿç¾ã§ãã‚‹CSS3ã«ã‚ˆã‚‹ç”»åƒã‚’ä½¿
visca__Barca 2011/06/14
CSS3

tips

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
Google Chromeã§æ¤œç´¢çµæžœã‚’å¸¸ã«æ–°ã—ã„ã‚¿ãƒ–ã§é–‹ãæ–¹æ³• | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
Google Chromeã®ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã¯æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã«ãªã£ã¦ã„ã¾ã™ã€‚ã“ã®æ¤œç´¢æ©Ÿèƒ½ã¯éžå¸¸ã«ä¾¿åˆ©ã§ã™ãŒã€æ™®é€šã«ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’å…¥åŠ›ã—ã¦ã‚¨ãƒ³ã‚¿ãƒ¼ã‚’æŠ¼ã™ã¨ã€ç¾åœ¨é–‹ã„ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã«æ¤œç´¢çµæžœãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ä»¥ä¸‹ã«ã€ç°¡å˜ã«æ–°ã—ã„ã‚¿ãƒ–ã§æ¤œç´¢çµæžœã‚’é–‹ãæ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã€ŒGoogle Chromeã®ãƒ˜ãƒ«ãƒ—ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã€ã«ãã®æ–¹æ³•ãŒè¼‰ã£ã¦ã„ã¾ã—ãŸã€‚ Chromeã®æ¤œç´¢ãƒãƒ¼ã§æ¤œç´¢ã—ãŸæ™‚ã«ã¨ã„ã†ã“ã¨ã§ã—ã‚‡ã†ã‹ã€‚ã‚‚ã—ãã†ãªã‚‰Enterã®ä»£ã‚ã‚Šã«ALTï¼‹Enterã‚’æŠ¼ã›ã°åˆ¥ã®ã‚¿ãƒ–ãŒé–‹ã„ã¦æ¤œç´¢çµæžœãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã¤ã¾ã‚Šã€æ–°ã—ã„ã‚¿ãƒ–ã§æ¤œç´¢çµæžœã‚’é–‹ããŸã„å ´åˆã¯ã€ŒAltã€ã‚ãƒ¼ã‚’æŠ¼ã—ãªãŒã‚‰ã€ŒEnterã€ã‚ãƒ¼ã‚’æŠ¼ã›ã°OKã¨ã„ã†ã“ã¨ã§ã™ãã€‚ã“ã‚ŒãŒé¢å€’ã ã¨ã„ã†æ–¹ã¯ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ç·¨é›†ã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’è²¼ã‚Šä»˜ã‘ã‚‹ã¨è‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ javascript:window.open('http://www.google.co.jp/se
visca__Barca 2011/05/25
GoogleChrome

tips
ãƒªãƒ³ã‚¯
10 Tips in Designing Effective Business Cards | Naldz Graphics
Business cards are used to introduce a business or a skilled person. It is an effective way of letting others keep information about you without seeing you. Business cards remind others what you offer and what services you can do for them even if you do not use your marketing skills in speaking with them. They might not need you for now but tomorrow they would. All types of business use these card
visca__Barca 2011/05/17
å°è±¡çš„ãªååˆºã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãŸã‚ã®Tips

tips

*ãƒ‡ã‚¶ã‚¤ãƒ³

ååˆº

*toEver
ãƒªãƒ³ã‚¯
CSSã®çŸ¥è˜ã‚’ã‚‚ã£ã¨æ·±ã‚ã‚‹30+2ã®å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï½œWebpark
åŸºæœ¬çš„ãªã“ã¨ã‚„ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸæ„å¤–ãªä½¿ã„æ–¹ãªã©CSSã«é–¢ã™ã‚‹å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãŸãã•ã‚“ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚çŸ¥ã£ã¦ã„ã‚‹ã“ã¨ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€æ–°ã—ã„ç™ºè¦‹ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§å¾©ç¿’ã‚’å…¼ãã¦ãœã²ã”è¦§ãã ã•ã„ã€‚
visca__Barca 2011/05/14
æ”¹è¡Œã€ä¸Šä¸‹ä¸å¤®æƒãˆãªã©

*css

*ã¾ã¨ã‚

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