[B! webåˆ¶ä½œ] y-idã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

y-id id:y-id

webåˆ¶ä½œã«é–¢ã™ã‚‹y-idã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (214)

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

ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
y-id 2016/03/15
CSS

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ï¼ã‚ã®ã‚µã‚¤ãƒˆã§ã•ã‚Šã’ãªãä½¿ã‚ã‚Œã¦ã„ãŸCSSå°æŠ€é›† - ã‚³ãƒ ãƒ†ãƒ–ãƒã‚°
TL;DR 2014/12/01ï¼šç¶šç·¨ã§ã‚ã‚‹ã€Œæœ€è¿‘ã®ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„ãŸ CSS å°æŠ€é›†ã€ã‚’æ›¸ãã¾ã—ãŸã€‚ ä»Šå›žã¯ CSS ã®ã¿ã§å®Ÿç¾ã§ãã‚‹ã‚‚ã®ã€å‹•ãã‚ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ã“ã‚Œã‹ã‚‰ä½¿ç”¨é »åº¦ãŒé«˜ããªã‚Šãã†ãªã‚‚ã®ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ã•ã‚Šæ°—ãªãä½¿ã„ãŸã„ CSS ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ ç”»åƒ ï¼‘ï¼Žã‚ãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆé¢¨ã®ãƒ©ãƒ³ã‚ãƒ³ã‚°ãƒœã‚¿ãƒ³ ã‚ãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆãŒã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ã€Œã‚ˆãã¤ã‘ã¦ã‚‹ã€ãƒ©ãƒ³ã‚ãƒ³ã‚°ãƒœã‚¿ãƒ³ã§ã™ã€‚counter-incrementã§æ•°å€¤ã‚’å¢—åŠ ã•ã›ã€content: counter()ã§ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã‚’è¡¨ç¤ºã—ã¾ã™ã€‚äººæ°—ã®è¨˜äº‹ã‚’è¡¨ç¤ºã•ã›ã‚‹ WP ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç‰ã¨çµ„ã¿åˆã‚ã›ã‚‹ã¨ã„ã„ã§ã™ãã€‚ã–ã£ãã‚Šã¨ã—ãŸã‚½ãƒ¼ã‚¹ã§ç”³ã—è¨³ãªã„ã§ã™ã€å¾®èª¿æ•´ã¯ãŠé¡˜ã„ã—ã¾ã™ã€‚ html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">ãƒ†ã‚¹ãƒˆãƒ†ã‚¹ãƒˆãƒ†
y-id 2014/11/10
CSS

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã“ã“æ•°å¹´ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€‚ç¸¦æ›¸ãã¨ã‹HTML5ã¨ã‹ã€‚ - kojika17
æœ€åˆã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã«è¨å®šã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã€ã€ŒUser Agent Style Sheetsã€ã¨ã„ã„ã¾ã™ã€‚(ä»¥ä¸‹ã€UA Style Sheets) ã“ã“æ•°å¹´ã§UA Style Sheetsã«å¤‰åŒ–ãŒã‚ã‚Šã€ã©ã®ã‚ˆã†ãªå¤‰åŒ–ãŒã‚ã‚‹ã®ã‹çŸ¥ã£ã¦ãŠãã¨ã€ãƒªã‚»ãƒƒãƒˆCSSã®è¦‹ç›´ã—ãªã©ã«å½¹ç«‹ã¡ã¾ã™ã€‚ UA Style Sheets ã® margin pè¦ç´ ã«å®šç¾©ã•ã‚Œã¦ã„ã‚‹UA Style Sheetsã‚’ä¾‹ã«ã™ã‚‹ã¨ã€IE8ãªã©ã¯ç§ãŸã¡ãŒã„ã¤ã‚‚åˆ©ç”¨ã—ã¦ã„ã‚‹marginã«ã‚ˆã£ã¦æŒ‡å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ã—ã‹ã—Google Chromeã‚„Firefoxãªã©ã®UA Style Shteetsã§ã¯ã€margin-start, margin-endãªã©ã®è«–ç†ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ IE8: pè¦ç´ ã®UA Style Sheets p { display: block; margin: 1em 0; } Webkit:
y-id 2014/02/06
ãƒ–ãƒ©ã‚¦ã‚¶

CSS

WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ â€¦ ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãã‚Œã‚‹ã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã‚‹ã¨ã€HTML ã¨ CSS ã ã‘ã§ã¯ã§ããªã„è¡¨ç¾ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãã‚“ãªæ™‚ã«ã‚ˆãä½¿ã†ã®ãŒ jQueryã€‚ä»Šå›žã¯ jQuery ã£ã¦ã„ã¾ã„ã¡ã‚ˆãåˆ†ã‹ã‚‰ãªã„ ... ã£ã¦ã„ã†äººãŒã€jQuery ã«å°‘ã—ã§ã‚‚è¦ªã—ã‚“ã§ã‚‚ã‚‰ãˆãŸã‚‰ã„ã„ãªãƒ¼ã¨æ€ã£ã¦ã€çŸ¥ã£ã¦ã‚‹äº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãªã®ã§ jQuery åˆå¿ƒè€…ã•ã‚“å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ ã¨ã£ã¦ã‚‚å½“ãŸã‚Šå‰ãªã‚“ã§ã™ã‘ã©ã€Web ã‚µã‚¤ãƒˆã¯åŸºæœ¬çš„ã« HTML ã§æ›¸ã‹ã‚Œã¦ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ CSS ã§è£…é£¾ã•ã‚Œã¦ã„ã¾ã™ã‚ˆãã€‚æœ€è¿‘ã§ã¯ CSS3 ã®ç™»å ´ã§ã€ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ CSS ã§ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã§ã‚‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ã¾ã ã¾ã CSS3 ã‚’ä½¿ãˆã‚‹éƒ¨åˆ†ãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã—ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å°‘ã—å‹•ããªã©ã‚’ã¤ã‘ãŸã„æ™‚ãªã©ã¯ã€ã¾ã ã¾ã jQuery ã‚’æ´»ç”¨ã™ã‚‹äº‹ã‚‚å¤šã„ã§ã™ã€‚ ç§ã¯ Javascript ãŒè‹¦æ‰‹ã§ã€jQuery ã‚‚ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨è‹¦
y-id 2013/06/02
jQuery

WEBãƒ‡ã‚¶ã‚¤ãƒ³

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
y-id 2013/05/24
webãƒ‡ã‚¶ã‚¤ãƒ³

HTML

Webåˆ¶ä½œ

CSS
ãƒªãƒ³ã‚¯
æ¬¡ã®ãƒ¬ãƒ™ãƒ«ã¾ã§WEBã‚µã‚¤ãƒˆã‚’å¼•ãä¸Šã’ã¦ãã‚Œã‚‹CSSã€javascriptãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
CSSã‚„javascriptã‚’åˆ©ç”¨ã—ã¦ã‚µã‚¤ãƒˆã‚’ã‚ˆã‚Šãƒªãƒƒãƒãªè¡¨ç¾ã«å¤‰ãˆã¦ã„ãã¨ã„ã†ã®ã¯ã€WEBåˆ¶ä½œã®ç¾å ´ã§ã¯å¸¸ã«è¡Œã‚ã‚Œã¦ã„ã¦ã€æ§˜ã€…ãªã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒæ—¥å¤œãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯æ¬¡ã®ãƒ¬ãƒ™ãƒ«ã¾ã§WEBã‚µã‚¤ãƒˆã‚’å¼•ãä¸Šã’ã¦ãã‚Œã‚‹CSSã€javascriptãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ŒCSS and JavaScript tools to take your website to the next levelã€ã§ã™ã€‚ Countable.js æ§˜ã€…ãªCSSã‚„javascriptã«ã‚ˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ iCheck ã‚¯ãƒªãƒƒã‚¯ã—ãŸãƒ©ã‚¸ã‚ªãƒœãƒƒã‚¯ã‚¹ã‚„ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‹ã‚‰ã€è¿”ã‚Šå€¤ã‚’ã¨ã‚Œã‚‹javascriptã€‚ãã‚Œã‚’ã‚ãƒ¼ã«ã—ã¦ä½•ã‹ã‚’å‹•ã‹ã—ãŸã„ã¨ãã«ã€‚ Almost Flat UI ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³UIã‚’ç°¡å˜ã«å®Ÿè£…ã§
y-id 2013/05/19
javascript

CSS

design

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ–°å’Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¨ã‚Šã‚ãˆãšèªã¾ã›ã¦ãŠããŸã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŽŸç†åŽŸå‰‡ãŒå¦ã¹ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼
ã€Œç´ äººã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‹ã‚‰æŠœã‘å‡ºã™ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤... / ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å‹‰å¼·ã—ãŸã“ã¨ãŒãªã„äººã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹... / éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€€ãã®...ä»–...å…¨10ä»¶
y-id 2013/02/04
Webãƒ‡ã‚¶ã‚¤ãƒ³

design

ã¾ã¨ã‚

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
y-id 2013/01/16
ãƒ–ãƒ©ã‚·

Photoshop

Webåˆ¶ä½œ

design

ç´ æ
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ç§ãŒè‰²é¸æŠžã«è¿·ã£ãŸæ™‚ã«ä½¿ç”¨ã—ã¦ã„ã‚‹é…è‰²ãƒ„ãƒ¼ãƒ«ãƒ»ã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆãªã©ã®ã¾ã¨ã‚
New/ old tin palette / jessiecchapman ã€Œè‰²å½©æ¤œå®š2ç´šã€ã¨è¨€ã†è‡ªæ…¢ã—ã¦ã„ã„ã‚“ã ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„è³‡æ ¼ã‚’æŒã£ã¦ã„ã‚‹ç§ã€‚â€¦ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾å‹¤å‹™ã§ã‚ã‚ŠãªãŒã‚‰ã€ã©ã†ã‚‚ã€Œè‰²ä½¿ã„ã€ã¨è¨€ã†ã‚‚ã®ã«è‹¦æ‰‹æ„è˜ã‚’æŒã£ã¦ãŠã‚Šã¾ã—ã¦ã€‚ ã„ã–ãƒ‡ã‚¶ã‚¤ãƒ³ã«å–ã‚ŠæŽ›ã‹ã‚ã†ï¼ã¨ãªã£ã¦ã‹ã‚‰ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã‚’æ±ºã‚ã¦ã€ã‚µãƒ–ã®ã‚«ãƒ©ãƒ¼ã‚’æ±ºã‚ã¦ã€ã‚ˆã—ã“ã‚Œã ã€ã‚ã€ã§ã‚‚å¾…ã£ã¦ã€ã“ã£ã¡ã®è‰²ã®æ–¹ãŒã„ã„ã‹ã‚‚ã€ã†ã†ã‚“ã€å…ƒã«æˆ»ãã†â€¦ã‚ã€ã‚„ã£ã±ã‚Šã“ã®ã‚ãƒ£ãƒŸã‚½ãƒ¼ãƒ«ã«ã—ã‚ˆã†ã‹ã—ã‚‰â€¦etc etcã€‚ ã•ã£ã±ã‚Šä½œæ¥ãŒé€²ã¾ãªã„ã“ã¨ã‚‚ã—ã°ã—ã°ãªã®ã§ã™ãŒã€ãã‚“ãªæ™‚ã«ä½¿ç”¨ã—ã¦ãŠã‚Šã¾ã™é…è‰²ã®æ‰‹åŠ©ã‘ãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™:)
y-id 2012/11/29
design

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

è‰²

color

webåˆ¶ä½œ

ã¾ã¨ã‚

é…è‰²
ãƒªãƒ³ã‚¯
CSSã§Webã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆçµ„ã¿ï¼‹è£…é£¾ã®åŸºæœ¬ãƒ—ãƒã‚»ã‚¹
CSSã§Webã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆçµ„ã¿ï¼‹è£…é£¾ã®åŸºæœ¬ãƒ—ãƒã‚»ã‚¹CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚€ã®ã¯ã€æœ€åˆã¯ã™ã”ãé›£ã—ãæ„Ÿã˜ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ç§ã‚‚ä½•åº¦ã‚‚æŒ«æŠ˜ã—ã‹ã‘ã¾ã—ãŸã€‚ã€‚ã§ã‚‚ã‚ˆãä½¿ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ç†è§£ã—ã€å°‘ã—ãšã¤çµ„ã¿ç«‹ã¦ã¦ã„ãã¨è‡ªç„¶ã¨æ…£ã‚Œã¦ãã¾ã™ã‚ˆï¼ä»Šå›žã¯ã‚µãƒ³ãƒ—ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ç”¨æ„ã—ãŸã®ã§ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’ã˜ã£ãã‚Šè¦‹ã¦ã‚„ã£ã¦ãã ã•ã„ã€‚é€£è¼‰ä¼ç”»ã€Œå®Ÿè·µã§å¦ã¶Webã‚µã‚¤ãƒˆåˆ¶ä½œã‚¬ã‚¤ãƒ‰ã€ã€CSSã§ãƒ©ã‚¹ãƒˆã‚¹ãƒ‘ãƒ¼ãƒˆã§ã™ï¼ å®Ÿè·µã§å¦ã¶ Web ã‚µã‚¤ãƒˆåˆ¶ä½œã‚¬ã‚¤ãƒ‰ï¼šãã® 7ç›®æ¨™ï¼šCSS ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒçµ„ã‚ã‚‹ãƒ»åŸºæœ¬çš„ãªè£…é£¾ãŒã§ãã‚‹å¿…è¦ãªã‚‚ã®ï¼šWindows ãƒ¡ãƒ¢å¸³ ã‚„ã€Mac OS Text Edit ãªã©ã®æ–‡ç« ã‚¨ãƒ‡ã‚£ã‚¿ãƒ„ãƒ¼ãƒ«ã€‚ã‚‚ã¡ã‚ã‚“ Adobe Dreamweaver ãªã©ã® Web ç³»ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ã‚½ãƒ•ãƒˆãŒã‚ã‚‹ãªã‚‰ãã‚Œã§ OKå¯¾è±¡ãƒ¬ãƒ™ãƒ«ï¼šCSS ã®åŸºç¤ŽçŸ¥è˜ãŒã‚ã‚‹ãƒ»åŸºæœ¬çš„ãª CSS ãŒæ‰‹æ‰“ã¡ã§æ›¸ã‘ã‚‹ç›®æ¬¡èª°ã®ãŸã‚ï¼Ÿä½•ã®ãŸã‚
y-id 2012/11/09
HTML

CSS

design

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
å•†ç”¨ãƒ»éžå•†ç”¨ã‚’å•ã‚ãšå®Œå…¨ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªç”»åƒæ¤œç´¢ã‚µã‚¤ãƒˆã€ŒPixabayã€
ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»•äº‹ã‚’ã—ã¦ã„ãŸã‚Šã€ãƒ•ãƒªãƒ¼ãƒšãƒ¼ãƒ‘ãƒ¼ã‚„ãƒã‚¹ã‚¿ãƒ¼ã‚’ä½œã‚‹æ™‚ã«ã‚‚ã€ç„¡æ–™ã§è‡ªç”±ã«ä½¿ãˆã‚‹å†™çœŸã‚„ã‚¤ãƒ©ã‚¹ãƒˆã¯é‡å®ã—ã¾ã™ã€‚ä¸€å®šæ¡ä»¶ã®ä¸‹ã§ä½œå“ã‚’è‡ªç”±ã«ä½¿ãˆã‚‹CCãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ç”»åƒã‚‚æœ‰ç”¨ãªã®ã§ã™ãŒã€å•†ç”¨åˆ©ç”¨ã‚„ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆè¡¨è¨˜ãƒ»ãƒªãƒ³ã‚¯ã®å¯å¦ãªã©åˆ¶é™ãŒã‚ã‚Šä½¿ã„ã¥ã‚‰ã„ã“ã¨ã‚‚ã€‚ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªã®ãŒã€çŸ¥çš„è²¡ç”£æ¨©ãŒèª°ã«ã‚‚å¸°å±žã—ãªã„ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ç”»åƒã‚’æ¤œç´¢é–²è¦§ãƒ»ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€ŒPixabayã€ã§ã‚ã‚Šã€CCãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ã‚ˆã†ã«ç´°ã‹ã„ç‚¹ã‚’æ°—ã«ã™ã‚‹ã“ã¨ãªãè‡ªç”±ã«ç”»åƒã‚’ä½¿ç”¨ã§ãã¾ã™ã€‚ Pixabay - ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ç”»åƒ http://pixabay.com/ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã«å˜èªžã‚’å…¥ã‚Œã¦æ¤œç´¢ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨â€¦â€¦ ã“ã‚“ãªæ„Ÿã˜ã§ãšã‚‰ã£ã¨å†™çœŸã‚„ã‚¤ãƒ©ã‚¹ãƒˆãŒä¸¦ã³ã¾ã™ã€‚ç”»åƒã¯æ–°ç€é †ã®ä»–ã€äººæ°—é †ã§ã‚‚è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒå¯èƒ½ã€‚ æ°—ã«ãªã‚‹ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨â€¦â€¦ è©³ç´°ãƒšãƒ¼ã‚¸ã¸ã¨é£›ã³ã¾ã™ã€‚ æ’®ã‚‰ã‚ŒãŸæ—¥æ™‚ã‚„ä½¿ç”¨ã•ã‚ŒãŸã‚«ãƒ¡ãƒ©ã®ç¨®é¡žãªã©ã¨å…±ã«ã€
y-id 2012/11/08
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

webã‚µãƒ¼ãƒ“ã‚¹

ç”»åƒ

å†™çœŸ

ç´ æ
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
y-id 2012/10/03
ãƒ‘ã‚¿ãƒ¼ãƒ³

webåˆ¶ä½œ

Photoshop
ãƒªãƒ³ã‚¯
http://handywebdesign.net/2012/09/how-to-move-path-and-layer-from-ai-to-ps/
y-id 2012/09/12
illustrator

photoshop

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã¯ã˜ã‚ã®ä¸€æ© Adobe Photoshop ç°¡å˜ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«
åˆå¿ƒè€…ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãŸã‚ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã€‚ ã‚ˆã‚Šç°¡å˜ã§ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ãã€ã‚ˆã‚Šé¢ç™½ã„ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚’ï¼ç‹¬å¦ã§ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚‚ãƒ ãƒ…ã‚«ã‚·ã‚¤ã“ã¨ã‚‚å¤§ã£å«Œã„ãªç®¡ç†äººãƒŠã‚«ãƒ ãƒ©ãŒã€è‹¦å¿ƒã®æœ«ã«è€ƒãˆãŸç°¡å˜ã€æ ¼å¥½è‰¯ã„ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—å†™çœŸç·¨é›†ï¼†åˆæˆæŠ€è¡“ã‚’ãªã‚‹ã¹ãã‚ã‹ã‚Šã‚„ã™ãå…¬é–‹ã—ã¦ã„ã¾ã™ã€‚
y-id 2012/07/14
Photoshop

webåˆ¶ä½œ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®JavaScriptã€jQueryã®å‹‰å¼·æ³• - DESIGNMAP
ã¾ã£ãŸãã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã®æ–¹ã‚’å¯¾è±¡ã«JavaScriptã®ç‹¬å¦æ–¹æ³•ã‚’ã®ã¹ã¦ã„ããŸã„ã€‚ä»Šå›žã¨ã‚Šã‚ã’ã‚‹JavaScriptã®å‹‰å¼·æ³•ã¯ã‚ãã¾ã§Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ï¼ˆã‚‚ã—ãã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ï¼‰ãªã®ã§ã€Node.jsã®ã‚ˆã†ãªã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã¯ã¨ã‚Šã‚ã’ã¦ã„ãªã„ã€‚ JavaScriptã¨jQueryã‚’ã©ã¡ã‚‰ã‹ã‚‰å‹‰å¼·ã™ã‚‹ã¹ãã‹ã€‚ä»Šå›žã¯ã‚ãˆã¦é‚ªé“ã¨ã‚ã‹ã£ã¦ã„ãªãŒã‚‰ã‚‚jQueryã«ãµã‚Œã‚‹ã¨ã„ã†é †ç•ªã‚’ã¨ã£ãŸã€‚æœ¬æ¥ã¯ã€JavaScriptã®åŸºç¤Žã‚’ã—ã£ã‹ã‚ŠãŠã•ãˆã¦ã‹ã‚‰jQueryã«ã™ã™ã‚€ã®ãŒæ£çµ±ã§ã‚ã‚‹ã€‚ä»Šå›žã¯ãƒˆãƒƒãƒ—ãƒ€ã‚¦ãƒ³æ–¹å¼ã§å®Ÿè·µã«ãµã‚Œã¦ã‹ã‚‰ã€åŸºç¤Žã«æˆ»ã‚‹å¦ç¿’æ³•ã‚’ææ¡ˆã—ãŸã„ã€‚ jQueryã¯JavaScriptã‚’æ¥½ã«é–‹ç™ºã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€jQueryè‡ªä½“ã¯JavaScriptã®ã‚³ãƒ¼ãƒ‰ã§ã§ãã¦ã„ã‚‹ã€‚æœ€åˆã«ã„ããªã‚ŠjQueryã«ãµã‚Œã¦ã€HTMLã‚’å‹•çš„ã«æ“ä½œã™ã‚‹ï¼ˆã“ã‚Œã‚’DOMæ“ä½œã¨
y-id 2012/07/13
jQuery

javascript

WEBåˆ¶ä½œ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1920x1200pxã®é«˜è§£åƒåº¦ã ã‹ã‚‰èƒŒæ™¯ã«ã‚‚å®‰å¿ƒã€ã–ã‚‰ã£ã¨ã—ãŸå¸ƒåœ°ã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æ
å½“ã‚µã‚¤ãƒˆã§ã¯Cookieã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚å¼•ãç¶šãå½“ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘å…¥ã‚ŒãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚ä»Šå¾Œè¡¨ç¤ºã—ãªã„è©³ã—ãè¦‹ã‚‹
y-id 2012/07/03
ãƒ†ã‚¯ã‚¹ãƒãƒ£

ç´ æ

Photoshop

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

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã±ããŸã - ãƒ•ãƒªãƒ¼å†™çœŸç´ æãƒ»ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
æ—¥æœ¬äººå¥³æ€§ã®ç¾Žå®¹ãƒ»ç¾Žè‚Œãƒ•ãƒªãƒ¼ç´ æ æ—¥æœ¬äººå¥³æ€§ã®ç¾Žå®¹ç³»ãƒ•ãƒªãƒ¼ç´ æã‚’ãƒªãƒªãƒ¼ã‚¹ï¼ãƒ¢ãƒ‡ãƒ«ã¯ã€ç¾Žå®¹ã‚’ãã£ã‹ã‘ã«éŸ“å›½ã«ãƒãƒžã‚ŠéŸ“å›½ã®å¦æ ¡ã«é€šã†å‚ã‚‰ã€ã‚¨ãƒ³ã‚¿ãƒ¡åˆ†é‡Žã§ã‚‚æ´»èºä¸ã®ã€Œyuriaã€ã•ã‚“ã€‚é€æ˜Žæ„Ÿã®ã‚ã‚‹ç´ è‚Œã¨å°è±¡çš„ãªç¬‘é¡”ãŒç‰¹å¾´çš„ã§ã™ã€‚ ä»Šå›žã¯ã€ç¾Ž...
y-id 2012/06/21
WEBåˆ¶ä½œ

ç´ æ

å†™çœŸ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã“ã‚“ãªæ‰‹ãŒâ€¦ã€‚Dropboxä¸Šã§å‹•çš„ã‚·ã‚¹ãƒ†ãƒ ã‚’å‹•ã‹ã™ã€ŒDrapacheã€ - MOONGIFT|ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ç´¹ä»‹ã‚’è»¸ã¨ã—ãŸITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ãƒ–ãƒã‚°
Drapacheã¯Dropboxå†…ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§å‹•çš„ã«å‹•ã‹ã™Webã‚µãƒ¼ãƒã§ã™ã€‚ Dropboxã§ã¯Publicã«å…¥ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTTPã‚’é€šã˜ã¦èªã¿è¾¼ã‚ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ã“ã®æ©Ÿèƒ½ã‚’ä½¿ã£ã¦é™çš„ãªWebã‚µã‚¤ãƒˆã‚’æä¾›ã—ã¦ã„ã‚‹äººã‚‚ã„ã¾ã™ã€‚ã—ã‹ã—ãã‚Œã§ååˆ†ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚æ™‚ä»£ã¯å‹•çš„ã‚·ã‚¹ãƒ†ãƒ ã€Dropboxå†…ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å‹•çš„ã‚·ã‚¹ãƒ†ãƒ ã«å¯¾å¿œã•ã›ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒDrapacheã§ã™ã€‚ ã¾ãšãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’å–ã‚Šã¾ã™ã€‚ æ¬¡ã«Dropboxã‚’ã‚³ãƒã‚¯ãƒˆã—ã¾ã™ã€‚ æŽ¥ç¶šã‚’è¨±å¯ã—ã¾ã™ã€‚ å®Œäº†ã§ã™ã€‚ãã†ã™ã‚‹ã¨ã‚¢ãƒ—ãƒªãƒ•ã‚©ãƒ«ãƒ€ã®ä¸ã«Drapacheãƒ•ã‚©ãƒ«ãƒ€ãŒã§ãã‚ãŒã‚Šã¾ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«æ§‹æˆã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ç¢ºã‹ã«å‹•çš„ãƒ•ã‚¡ã‚¤ãƒ«ãŒå‹•ã„ã¦ã„ã¾ã™ã€‚ å‹•çš„ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ä¿®æ£ã™ã‚Œã°è‹¥å¹²ã®ã‚¿ã‚¤ãƒ ãƒ©ã‚°ã¯ã‚ã‚Œã©åæ˜ ã•ã‚Œã¾ã™ã€‚ Drapacheã®ä»•çµ„ã¿ã¨ã—ã¦ã¯ç™»éŒ²ã—ãŸãƒ¦ãƒ¼ã‚¶ã®ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã¿ã€DrapacheãŒWe
y-id 2012/06/09
Dropbox

webã‚µãƒ¼ãƒ“ã‚¹

WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç§ãŒã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆä½œæˆæ™‚ã«ãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’ã”ç´¹ä»‹
ã“ã†ã„ã†ã®ã‚’é›†ã‚ã ã™ã¨ãã‚ŠãŒãªã„ã®ã§ã™ãŒã€å€‹äººçš„ã«æœ¬å½“ã«ã‚ˆããŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã«çµžã£ã¦ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ æœ‰åãªã‚µã‚¤ãƒˆã°ã‹ã‚Šã§ã™ãŒã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã«ã‚ãŸã£ã¦ãŠä¸–è©±ã«ãªã‚‹é †ã«ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚å‚è€ƒã«ãªã‚Œã°ã†ã‚Œã—ã„ã§ã™ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ | I/O 3000 ã¾ãšã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã‚µã‚¤ãƒˆã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’è†¨ã‚‰ã¾ã›ã¾ã™ã€‚ã‚«ãƒ†ã‚´ãƒªã€ã‚¿ã‚°ã€ã‚«ãƒ©ãƒ¼ã§æ•´ç†ã•ã‚Œã¦ãŠã‚Šã€ã¨ã¦ã‚‚æŽ¢ã—ã‚„ã™ã„ã§ã™ã€‚ ã“ã®ã‚ˆã†ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã¯ä»–ã«ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒšãƒ¼ã‚¸å¤‰é·ãªã—ã§æ¬¡ã‚’èªã¿è¾¼ã‚€ã®ã§ã¨ã¦ã‚‚è¦‹ã‚„ã™ã„ã§ã™ã€‚ ä»–ã«ã¯ã“ã‚“ãªã‚µã‚¤ãƒˆã‚’ã‚ˆãè¦‹ã¾ã™ã€‚ WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦‹æœ¬å¸³ Web Design Clip ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚¯ãƒªãƒƒãƒ—ã€‘ ã€HTMLã‚¿ã‚°ã®ç°¡å˜æ¤œç´¢ã€‘TAG index - ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆæƒ…å ± ãƒ—ãƒã®æ–¹ã¯Photoshopã§æã„ã¦ã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã„ãã¿ãŸã„ã§ã™ãŒã€ç§ã¯æœ€åˆã‹ã‚‰HTMLã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ä¸€å¿œDrea
y-id 2012/06/07
ãƒ†ã‚¯ã‚¹ãƒãƒ£

webåˆ¶ä½œ

webã‚µãƒ¼ãƒ“ã‚¹

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

è‰²
ãƒªãƒ³ã‚¯
åˆã‚ã¦Photoshopã§Webåˆ¶ä½œã™ã‚‹å‰ã«ã‚„ã£ã¦ãŠãã¨ã„ã„è¨å®š8(CS6/CCå«ã‚€) | Design Color
ã¯ã˜ã‚ã« å…ˆæ—¥ã¡ã‚‡ã†ã©Adobe Creative Cloudã‚’ç”³ã—è¾¼ã¿ã¾ã—ãŸã€‚ Photoshopã‚’ã¾ã£ã•ã‚‰ãªç’°å¢ƒã«ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€ä»Šå›žã¯ã¾ã•ã«æ–°å“çŠ¶æ…‹ã®CS6/CCã®ç”»é¢ã§è§£èª¬ã‚’ã—ã¾ã™ï¼ ã‚‚ãã˜ å®šè¦ãªã©ã®å˜ä½ã¯pxã§çµ±ä¸€ ã€Œè‡ªå‹•é¸æŠžã€ã§å›³å½¢ã‹ã‚‰ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’é¸æŠžã™ã‚‹ ã€Œãƒã‚¦ãƒ³ãƒ†ã‚£ãƒ³ã‚°ãƒœãƒƒã‚¯ã‚¹ã€ã‚’è¡¨ç¤ºã—ã¦é¸æŠžã‚„å¤‰å½¢ã‚’ã—ã‚„ã™ãã™ã‚‹ ã€Œãƒ”ã‚¯ã‚»ãƒ«ã«ã‚¹ãƒŠãƒƒãƒ—ï¼ˆã‚¨ãƒƒã‚¸ã‚’æ•´åˆ—ï¼‰ã€ã§ç«¯ãŒã¼ã‚„ã‘ã‚‹ã®ã‚’è§£æ¶ˆ ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚³ãƒ”ãƒ¼æ™‚ã«ã€Œã€œã®ã‚³ãƒ”ãƒ¼ã€ã¨ã¤ã‘ãªã„ã‚ˆã†ã«ã™ã‚‹ ã‚¹ãƒ©ã‚¤ã‚¹æ›¸ãå‡ºã—æ™‚ã«ã€Œimagesã€ãƒ•ã‚©ãƒ«ãƒ€ã‚’ä½œæˆã—ãªã„ã‚ˆã†ã«ã™ã‚‹ ã€CS6/CCã®å ´åˆã€‘ã‚«ãƒ©ãƒ¼ãƒ†ãƒ¼ãƒžã‚’ã‚°ãƒ¬ãƒ¼ã«ã™ã‚‹ ã€CS6/CCã®å ´åˆã€‘åˆ‡ã‚ŠæŠœããƒ„ãƒ¼ãƒ«ã‚’ã€Œã‚¯ãƒ©ã‚·ãƒƒã‚¯ãƒ¢ãƒ¼ãƒ‰ã€ã«ã™ã‚‹ èµ·å‹•ç”»é¢ã€‚ã‹ã€ã‹ã£ã“ã„ã„â€¦ï¼ CS6/CCã¯UIãŒé»’ã„ã®ã§ã™ãã€‚ã¡ã‚‡ã£ã¨æ…£ã‚Œãªã„ã€‚ å¾“æ¥ã®ã‚°ãƒ¬ãƒ¼ã«ã™ã‚‹æ–¹æ³•ã‚‚å¾Œã»ã©ãŠä¼ãˆã—ã¾ã™ã®ã§ã€ã©ã†ãžãŠã¤ãã‚ã„ãã ã•ã„ï¼ 1.
y-id 2012/05/29
Photoshop

webåˆ¶ä½œ

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