[B! Webåˆ¶ä½œ][WebDesign] hiragumoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hiragumo id:hiragumo

Webåˆ¶ä½œã¨WebDesignã«é–¢ã™ã‚‹hiragumoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

Fireworksãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æœ—å ±ï¼Ÿæµ·å¤–ã§è©±é¡Œã®æ–°ã—ã„Webåˆ¶ä½œãƒ„ãƒ¼ãƒ«Sketch.app | Goodpatch Blog
Webåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã¨ã„ãˆã°Adobeã®Photoshopã‚„Fireworksã§ã™ãŒã€Adobeã¯Fireworksã®é–‹ç™ºåœæ¢ã‚’ç™ºè¡¨ã—ã¦ã—ã¾ã„ã¾ã—ãŸãã€‚ãã‚“ãªæœ€ä¸ã€æµ·å¤–ã®Web/ UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŸã¡ãŒä½¿ã„å§‹ã‚ã¦ã„ã‚‹æ–°ã—ã„Webåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚ãã‚ŒãŒSketchã§ã™ã€‚BOHEMIAN CODINGã¨ã„ã†ä¼šç¤¾ãŒãƒªãƒªãƒ¼ã‚¹ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã§ã€ä»–ã«ã‚‚æœ‰åãªãƒ•ã‚©ãƒ³ãƒˆç®¡ç†ã‚¢ãƒ—ãƒªFontcaseã‚‚ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã„ã¾ã™ã€‚ ï¼ˆSketchã‚’ä½¿ã„å§‹ã‚ã¦ã„ã‚‹æµ·å¤–ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŸã¡â†’ã€ŒSketch App vs Photoshopã€ã€Dribbbleã«sketchã§æã„ãŸä½œå“ã‚’ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹äººã‚‚â†’[.Sketch] Wireframe UI kitï¼‰ ã‚¢ã‚¤ã‚³ãƒ³ã‚„Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãã‚Œã„ã§ã€Goodpatchç¤¾å†…ã§ã‚‚æœ€ã‚‚è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã€‚Sketchã‚‚ä½¿ã£ã¦ã¿ã‚ˆã†ã¨ç››ã‚Šä¸ŠãŒã£ã¦ã„ã¾ã™ã€‚ãŸã Sketchã«ã¤
hiragumo 2013/05/08
Sketch

Fireworks

webåˆ¶ä½œ

app

ãƒ„ãƒ¼ãƒ«

*webåˆ¶ä½œ

tool

ã‚¢ãƒ—ãƒª

WebDesign
ãƒªãƒ³ã‚¯
ã€CSSã€‘ç”»åƒã‚’ä¸Šä¸‹ä¸å¤®ã«è¡¨ç¤ºã™ã‚‹ï¼ˆIE7ä»¥ä¸‹ã«ã‚‚å¯¾å¿œã•ã›ã‚‹ï¼‰ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
å¨˜ãŒå°å¦äºŒå¹´ç”Ÿã«ãªã‚Šã€ã¿ã¾ã‚‚ã‚Šã‚±ãƒ¼ã‚¿ã‚¤2ã‚’è²·ã„ä¸Žãˆã¾ã—ãŸ ishida ã§ã™ã€‚ å¨˜ãŒã‚±ãƒ¼ã‚¿ã‚¤ã®ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ãŸã³ã«ã€ä½ç½®æƒ…å ±ãŒé€ã‚‰ã‚Œã¦ãã¦ä¾¿åˆ©ãªã®ã§ã™ãŒã€ é›»è©±ã‚’ã‹ã‘ãŸã¨ãã«ã‚‚ã€ä½ç½®æƒ…å ±ãŒãƒ¡ãƒ¼ãƒ«ã§é€ã‚‰ã‚Œã¦ãã¦ã¡ã‚‡ã£ã¨é€šçŸ¥é »åº¦é«˜ã™ãŽãªã‚“ã˜ã‚ƒãï¼Ÿ ã•ã¦ã•ã¦ã€ä»Šå›žã¯ã¨ã‚ã‚‹æ¡ˆä»¶ã§ç”»åƒã‚’ä¸Šä¸‹ä¸å¤®ã«è¡¨ç¤ºã™ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ã¦ã€ å¿˜ã‚Œãªã„ã‚ˆã†ã«è‡ªåˆ†çš„ãƒ¡ãƒ¢ã§ã™ã€‚ CSS3ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã‹ã‚‰ã¯ã€display: table-cell; ã§ç°¡å˜ã«å¯¾å¿œã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã‚ˆãã€‚ ä¾‹ã¨ã—ã¦ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã€‚ HTML/CSSã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ« <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
hiragumo 2013/04/08
css

IE

css3

webåˆ¶ä½œ

ç”»åƒ

ie7

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

*css

vertical-align

webdesign
ãƒªãƒ³ã‚¯
CSS(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ)ã®åŸºæœ¬ã€å°æŠ€ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ç·ã¾ã¨ã‚
CSSã®åŸºæœ¬ã‚„ä½¿ãˆã‚‹å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã‚’å¹…åºƒãã¾ã¨ã‚ã¾ã—ãŸã€‚ä»¥å‰æ›¸ã„ã¦ä»Šã‚‚ãã“ãã“ã‚¢ã‚¯ã‚»ã‚¹ãŒã‚ã‚‹ã€ŒCSSã®çŸ¥è˜ã‚’ã‚‚ã£ã¨æ·±ã‚ã‚‹30+2ã®å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï½œWebparkã€ã¨ã„ã†è¨˜äº‹ãŒã‚ã‚‹ã®ã§ã™ãŒã€2å¹´è¿‘ãå‰ã®è¨˜äº‹ã§ã™ã—ãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒƒãƒ—ã•ã›ã¦ä½œã‚Šç›´ã—ã¾ã—ãŸã€‚ æã‚‰ãéŽåŽ»æœ€é•·ã®è¨˜äº‹ã§ã™ã®ã§ç›®æ¬¡ã‚’ä½œã‚Šã¾ã—ãŸã€‚ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã™ã‚‹ã‚Šã¨ç§»å‹•ã—ã¾ã™ã€‚åŸºæœ¬çš„ãªå†…å®¹ãŒå¤šã„ã§ã™ãŒã€ãŠå½¹ã«ç«‹ã¤é …ç›®ãŒã‚ã‚Œã°ã†ã‚Œã—ã„ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§é †ç•ªã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ 1. å…¨èˆ¬çš„ãªã“ã¨ 1-1. CSSãƒªã‚»ãƒƒãƒˆ ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã§ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ç•°ãªã£ã¦ã„ã¾ã™ã€‚ãã®é•ã„ã‚’ãã®ã¾ã¾ã«ã—ã¦ãŠãã¨ã€å¾Œã§ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®è¡¨ç¤ºã®é•ã„ã«æ‚©ã‚€ã“ã¨ã«ãªã‚Šã€ã©ã“ãŒåŽŸå› ã‹åˆ†ã‹ã‚‰ãªã„ã¨ã‚¤ãƒ©ã‚¤ãƒ©ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚“ãªã“ã¨ã®ãªã„ã‚ˆã†ã«ã€ã„ã£ãŸã‚“ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã—ã¦ã—ã¾ãŠã†ã¨ã„ã†ã®ãŒãƒªã‚»ãƒƒãƒˆCSSã§ã™ã€‚ æ–¹æ³•ã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€å€‹äººçš„ã«ã¯ä¸€ç•ª
hiragumo 2013/03/25
css

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

webåˆ¶ä½œ

ã¾ã¨ã‚

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

CSS3

webdesign

åŸºæœ¬
ãƒªãƒ³ã‚¯
[JS]ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„ï¼è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’iOSé¢¨ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§åˆ‡ã‚Šæ›¿ãˆã‚‹ -Kontext
CSSã®3Dã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã€iPhone, iPadã‚¢ãƒ—ãƒªã§è¦‹ã‹ã‘ã‚‹ãƒ‘ãƒãƒ«åˆ‡æ›¿ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€ Kontext -GitHub Kontextã®ãƒ‡ãƒ¢ Kontextã®ä½¿ã„æ–¹ Kontextã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯3æžšã®ãƒ‘ãƒãƒ«ã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ æ“ä½œã¯ã€ä¸‹éƒ¨ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®çŸ¢å°ã‚ãƒ¼ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Kontext -ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Kontextã®ä½¿ã„æ–¹ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å˜ä½“ã§å‹•ä½œã™ã‚‹ã®ã§ã€jQueryãªã©ã¯å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’<body>ã®ä¸Šã«å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> <link rel="stylesheet" href="css/kontext.css"> <link rel="stylesheet" href="
hiragumo 2013/02/28
Javascript

js

CSS

jQuery

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

iOS

webåˆ¶ä½œ

ui

Must

webdesign
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã«ç¾Žã—ã„ã‚·ãƒ£ãƒ‰ã‚¦ã‚’åŠ ãˆã€å¥¥è¡Œãã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -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
hiragumo 2013/02/20
CSS

CSS3

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

webåˆ¶ä½œ

tips

ã‚·ãƒ£ãƒ‰ã‚¦

webdesign
ãƒªãƒ³ã‚¯
H1ä¸€ã¤ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹CSSè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢9å€‹ / SQUEEZE - Web Design Studio -
HTMLã¯h1è¦ç´ ã ã‘ã§ã€CSSã®ã€Œborderã€ã‚„ã€Œbox-shadowã€ã€Œtransf ormã€ã€Œlinear-gradientã€ã€æ“¬ä¼¼è¦ç´ ã®ã€Œ:beforeã€ã‚„ã€Œ:afterã€ã‚’ä½¿ã£ãŸè¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ãã ã•ã„ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ Â» 01.åˆ‡ã‚Šå–ã‚Šç·š ç´™ã‚’åˆ‡ã‚Šå–ã£ãŸã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¨ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã‚‹ Â» ãƒã‚¤ãƒ³ãƒˆåž‚ç›´æ–¹å‘ã®å½±ã®ã‚ªãƒ•ã‚»ãƒƒãƒˆè·é›¢ã‚’è¨å®šã—ãŸã ã‘ã§ã¯ã€å·¦å³ä¸¡è„‡ã«ã‚‚å½±ãŒã§ãã¦ã—ã¾ã†ã®ã§ã€ä¸€æ—¦5pxä¸‹ã«å½±ã‚’ã‚ªãƒ•ã‚»ãƒƒãƒˆã—ãŸã†ãˆã§ã€åºƒãŒã‚Šè·é›¢ã‚’è² ã®å€¤(-4px)ã«ã—ç¸®å°ã™ã‚‹ã“ã¨ã§ã€ä¸Šéƒ¨ã®å½±ã®ã¿ã‚’æ®‹ã—ã¦ã„ã¾ã™ã€‚ border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
hiragumo 2013/02/04
CSS

Webãƒ‡ã‚¶ã‚¤ãƒ³

CSS3

WEBåˆ¶ä½œ

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

è¦‹å‡ºã—

ã‚¢ã‚¤ãƒ‡ã‚¢

WebDesign

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

CSS

framework

webåˆ¶ä½œ

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

web

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

webdesign

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

responsive
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’å¦ã¼ã†ã€2012å¹´ä¸ŠåŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
2012å¹´ä¸ŠåŠæœŸã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’dribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã»ã¨ã‚“ã©ã®ã‚‚ã®ãŒPSDãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€å‹‰å¼·ã«ãªã‚Šã¾ã™ã‚ˆã€‚
hiragumo 2012/07/04
2011å¹´

ã¾ã¨ã‚

webåˆ¶ä½œ

ç´ æ

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

ãƒœã‚¿ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³

UI

webdesign

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

web

ã¾ã¨ã‚

webåˆ¶ä½œ

design

å‹‰å¼·

WebDesign

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

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªäººã‚‚åˆ†ã‹ã‚‹ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¯å…¨ã¦æ„å‘³ãŒã‚ã‚‹ã€6ã¤ã®è¦ç´
å…ƒã€…ã“ã‚Œã¯webcre8ãŒäººã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ•™ãˆã‚‹ã¨ãã€ã€Œç´°éƒ¨ã¾ã§è€ƒãˆã¦è€ƒãˆã¦æ±ºå®šã™ã‚‹ã‹ã‚‰ã“ããƒ‡ã‚¶ã‚¤ãƒŠãªã‚“ã ã‚ˆã€ã¨è¨€ã†äº‹ã‚’ä¼ãˆãŸã„ãŒç‚ºã«æ›¸ã“ã†ã¨æ€ã£ãŸã‚‚ã®ã§ã™ã€‚ç†Ÿç·´è€…ã®æ–¹ã‚‚ã€èªã‚“ã§åŒæ§˜ã«æ€ã‚ã‚Œã¾ã—ãŸã‚‰æ˜¯éžæ•™è‚²ã«ä½¿ã£ã¦ã¿ã¦ãã ã•ã„ï½— ã¯ã˜ã‚ã«ï¼šãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ webcre8ã¯ã€Œwebãƒ‡ã‚¶ã‚¤ãƒ³ã€ã®é–€æ‰‰ã‚’å©ã„ã¦ã‹ã‚‰3å¹´ç¨‹ã€‚ã¾ã ã¾ã ã“ã®ä¸–ç•Œã§ã¯webã®å…ˆè¼©æ–¹ã‹ã‚‰å¦ã°ã›ã¦ã‚‚ã‚‰ã†ã°ã‹ã‚Šã§ã™ãŒã€æ›²ãŒã‚Šãªã‚Šã«ã‚‚ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã†ã‚‚ã®è‡ªä½“ã¨ã¯é•·ãå‘ãåˆã£ã¦ããŸã¤ã‚‚ã‚Šã§ã™ã€‚ webcre8ã®è€ƒãˆã§ã¯ã€ä¾‹ãˆã°ã‚²ãƒ¼ãƒ ã®ã‚ãƒ£ãƒ©ã‚¯ã‚¿ã®æœã®é£¾ã‚Šã§ã‚ã‚ã†ã¨ã€å®‰å£²ã‚Šã®æœã®é…è‰²ã§ã‚ã‚ã†ã¨ã€webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚ã‚ã†ã¨ã€ã¨ã«ã‹ãã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã†ä½œæ¥ã¯ã€Œãªãœãã‚Œã‚’ãã†ã™ã‚‹ã®ã‹ã€ã¨ã„ã†æ€è€ƒã®æˆ¦ã„ã§ã‚ã‚‹ã¨ã€ä»Šã¯ãã†ãªã£ã¦ã„ã¾ã™ã€‚ ã ã‹ã‚‰ä»Šwebcre8è‡ªèº«ãŒå‘ãåˆã£ã¦ã„ã‚‹ã®ã¯ãŸã¾ãŸã¾webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ãŒã€ã“ã®ã“ã¨è‡ªä½“ã¯å»ºç¯‰ãƒ‡ã‚¶ã‚¤
hiragumo 2012/02/28
ãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

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

web

ãŠå½¹ç«‹ã¡

design

ã‚ã¨ã§èªã‚€

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

webdesign

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤ŽåŠ›ã‚’ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸã„ç§ï¼ˆWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼‰ã®æ³¨æ„æ›¸ã
Webãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ç´™ã®ä¸Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨é•ã†ã¨ã“ã‚ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚åŒã˜ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã‹ã‚‰ã€æ´å²ã‚ã‚‹ DTP ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å¦ã¶ã“ã¨ã¯ã„ã£ã±ã„ã‚ã‚Šã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žã®åŸºç¤Žã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„åŸºç¤Žã®éƒ¨åˆ†ã®æ³¨æ„æ›¸ãã§ã™ã€‚ æ¯Žæ—¥ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã® Webã‚µã‚¤ãƒˆã«å‡ºä¼šã„ã¾ã™ã€‚ã¨ãã«ã¯ã²ã¨ç›®æƒšã‚Œã—ã¡ã‚ƒã†ã‚ˆã†ãªã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ã£ãŸã¨ãã€ã©ã†ã—ã¦ç´ æ•µãªã®ã‹ãªãƒ¼ã¨è€ƒãˆã‚‹ã®ã‚‚å‹‰å¼·ã®ã†ã¡ã€‚ãã†æ€ã£ã¦ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚¹ãƒˆãƒƒã‚¯ã—ã¦ãŠã„ã¦ã€è‡ªåˆ†ãªã‚Šã«ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç´ æ•µãªç†ç”±ã‚’è€ƒãˆã¦ãŸã‚Šã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†ç”± ã©ã†ã—ã¦ãã†ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãŸã®ã‹ â€¦ ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚æ°—ã¾ãã‚Œã«è‰²ã‚’é¸ã‚“ã ã‚Šã€è¦ç´ ã‚’é…ç½®ã—ãŸã‚Šã—ãªã„ã‹ã‚‰ã§ã™ã€‚ãªã®ã§è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†ç”±ã€ã©ã†ã—ã¦ãã†ã„ã†é¢¨ã«ã—ãŸã®ã‹ã¨ã„ã†ã“ã¨ã‚’ã€å£ã§èª¬æ˜Žã§ããªã„ã¨ãƒ€ãƒ¡ã ã¨è¨€ã‚ã‚Œã¾ã™ã€‚ã‚‚ã¡
hiragumo 2011/05/05
ãƒ‡ã‚¶ã‚¤ãƒ³

ã¾ã¨ã‚

webåˆ¶ä½œ

WebDesign
ãƒªãƒ³ã‚¯
1