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

oishiiokome id:oishiiokome

webåˆ¶ä½œã«é–¢ã™ã‚‹oishiiokomeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (19)

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

Webã‚µã‚¤ãƒˆåˆ¶ä½œã«å…¥ã‚‹å‰ã®æ‰“ã¡åˆã‚ã›ã§è€ƒãˆã‚‹ã“ã¨ã¨ãŠå®¢æ§˜ã¨è©±ã—åˆã†ã“ã¨ ï½œhttps://wp.yat-net.com/name
ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã«ãªã£ã¦ãŠä»•äº‹ã‚’é ‚ããŠå®¢æ§˜ã¨ç›´æŽ¥è©±ã™æ©Ÿä¼šãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ä¼šç¤¾å“¡ã®é ƒã¯å—è¨—ã®ä»•äº‹ã§ã¯ãªã‹ã£ãŸã®ã§ã€ã“ã†ã„ã£ãŸçµŒé¨“ãŒãªã„ã¾ã¾ç‹¬ç«‹ã—ãŸãŸã‚ã€æœ€åˆã«èžã„ã¦ãŠãã¹ãã“ã¨ã‚„ç¢ºèªã™ã‚‹äº‹ãŒéžå¸¸ã«å¤šãã€çµæ§‹æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ åƒ•ã®å ´åˆã€Webã‚µã‚¤ãƒˆã‚’ä½œã£ã¦æ¬²ã—ã„ã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’ã—ã¦æ¬²ã—ã„ã¨ã„ã†è¦æœ›ã‹ã‚‰ãƒ’ã‚¢ãƒªãƒ³ã‚°ã‚’ã™ã‚‹ã¨ã„ã†ã®ãŒå¤šã„ã®ã§ã™ãŒã€ã¡ã‚‡ã£ã¨ã©ã†ã„ã£ãŸäº‹ã‚’è©±ã—åˆã£ã¦ã„ã‚‹ã®ã‹ã‚’æ›¸ãç•™ã‚ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ æœ€åˆã®æ‰“ã¡åˆã‚ã›å‰ã«è¡Œã†ã“ã¨ ãŠå®¢æ§˜ã¨ã®æ‰“ã¡åˆã‚ã›ã®å‰ã«ãã®æ¥ç•Œã«ã¤ã„ã¦è‰²ã€…èª¿ã¹ã¾ã™ã€‚ã¨ã„ã†ã®ã‚‚ã€æˆ‘ã€…ã‚µã‚¤ãƒˆåˆ¶ä½œè€…ã¯ã‚ãã¾ã§ã‚µã‚¤ãƒˆåˆ¶ä½œã®ãƒ—ãƒã§ã‚ã£ã¦ã€ãŠå®¢æ§˜ã®æ¥ç•Œã«é–¢ã—ã¦ã¯ã»ã¼ç´ äººãªã®ã§çŸ¥ã‚‰ãªã„ã“ã¨ã°ã‹ã‚Šã§ã™ã€‚ ãã†ãªã‚‹ã¨ã€è‡ªåˆ†ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ã¨ã—ã¦ã‚‚ã€ä½•æ•…ãã®è‰²ãªã®ã‹ã€‚ä½•æ•…ãã®é…ç½®ãªã®ã‹ã€‚ã¨ã„ã†éƒ¨åˆ†ãŒã¼ã‚“ã‚„ã‚Šã¨ã—ã¦ã—ã¾ã†ã®ã§ã€æœ€ä½Žã§ã‚‚ ã©ã†ã„ã†å•†å“ãŒä»Šäººæ°—ãŒã‚ã£ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã®ã‹ ã©ã†
oishiiokome 2018/06/01
web

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

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

webåˆ¶ä½œ

*WEBçŸ¥è˜
ãƒªãƒ³ã‚¯
CSSã®position:stickyãŒã™ã”ãä¾¿åˆ© | q-Az
æœ€è¿‘æ–°ã—ãè¿½åŠ ã•ã‚ŒãŸ position ã®æ–°ã—ã„å€¤ sticky ãŒå ´åˆã«ã‚ˆã£ã¦ã¯ã™ã”ãä¾¿åˆ©ãªã®ã§è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ã¾ã™ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãŒã¾ã ã‚ã¾ã‚Šå¤šããªã„ã®ã§å®Ÿç”¨æ€§ã¯ä¹ã—ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä»Šã¾ã§ JavaScript ã®åŠ›ã‚’å€Ÿã‚Šãªãã‚ƒå‡ºæ¥ãªã‹ã£ãŸã“ã¨ãŒãŸã£ãŸã®2è¡Œã® CSS ã§å‡ºæ¥ã¦ã—ã¾ã†é”æ³•ã¿ãŸã„ãª position ã®å€¤ã§ã™ã€‚ position: stickyMDN ãŒèª¬æ˜ŽãŒè©³ã—ã„ã®ã§è²¼ã£ã¦ãŠãã¾ã™ã€‚ å‚è€ƒï¼šposition - CSSï½œMDN ç°¡å˜ã«è¨€ã†ã¨ã€Œã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã®ä½ç½®ã¾ã§æ¥ãŸã‚‰ãã‚Œä»¥é™ã¯ fixed ã™ã‚‹ã€ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã“ã®è¨˜äº‹å†…ã§ã€Œposition: stickyã€ã‚„ã€Œã‚µãƒ³ãƒ—ãƒ«ã€ãªã© h2 è¦ç´ ã« position: sticky ã‚’ã‹ã‘ã¦ã„ã¾ã™ã€‚å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚ã‚Œã° h2 è¦ç´ ãŒ fixed ã—ã¦ã„ã‚‹ã¯ãšã§ã™ã€‚ HTML<h2 class="h2-stic
oishiiokome 2018/05/31
css

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

webåˆ¶ä½œ

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

position

cording
ãƒªãƒ³ã‚¯
CSSã®ä½œæ¥åŠ¹çŽ‡ãŒã‚¢ãƒƒãƒ—ã™ã‚‹ã€å°‘ã—é«˜åº¦ãªä½¿ã„æ–¹ã®ã¾ã¨ã‚
Webãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã‚’ã¯ã˜ã‚ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œãƒšãƒ¼ã‚¸ãªã©ã§å½¹ç«‹ã¤ã€CSSã®ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ä»•æ§˜ã‚„å°‘ã—é«˜åº¦ãªä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Lesser known CSS quirks & advanced tips ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 01. åž‚ç›´æ–¹å‘ã®paddingã¯è¦ç´ ã®å¹…ã«å¯¾ã—ã¦ç›¸å¯¾çš„ 02. ãƒžãƒ¼ã‚¸ãƒ³ã®ç›¸æ®ºãŒé©ç”¨ã•ã‚Œãªã„æ¡ä»¶ 03. ä¸é€æ˜Žåº¦ã§z-indexã®ç©ã¿é‡ãé †åºã‚’å¤‰æ›´ã§ãã‚‹ 04. CSSã®ã‚«ã‚¹ã‚¿ãƒ ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼ˆå¤‰æ•°ï¼‰ 05. vertical-align: top | middle | bottom 06.ã€Œheight: 100%;ã€ã®æŒ™å‹• 07. idã¨classã®è©³ç´°åº¦ 08. å±žæ€§ã®ã‚¿ãƒ¼ã‚²ãƒ†ã‚£ãƒ³ã‚° 09. è¤‡æ•°ã®å€¤ã‚’æŒ‡å®šã™ã‚‹å ´åˆã€åž‚ç›´ã€æ°´å¹³ã®é †ç•ªã«ãªã‚‹ã¨ã¯é™ã‚‰ãªã„ 10.
oishiiokome 2018/03/19
*WEBçŸ¥è˜

Webåˆ¶ä½œ

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

css

cording
ãƒªãƒ³ã‚¯
Pure CSS transition effects for off-canvas views
Pure CSS transition effects for off-canvas views You have probably all seen the "drawer menu/off-canvas" navigation style made popular by Facebook a few years back. There are a lot of great javascript plugins that offers this functionality, but I thought it would be cool to try and do this with the new cool features of css. No javascript required. Demo Download v1.0.2 Documentation
oishiiokome 2017/08/31
css

webåˆ¶ä½œ

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
CSShake
Classes The basic collection Bs Basic Shake Ss Slow Shake Ls Little Shake Hs Hard Shake â‡„ Fixed Horizontal â‡µ Fixed Vertical â†» Fixed Rotation Os Opacity Shake âœŒ Crazy Shake â„‡ Constant Shake % Chunk Shake Launch the animations from the parent with class 'shake-trigger' (customizable) Install Get started... $ git clone https://github.com/elrumordelaluz/csshake.git or $ bower install csshake or $ npm
oishiiokome 2016/10/20
css

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

web-design

webåˆ¶ä½œ

cording
ãƒªãƒ³ã‚¯
http://monosy.com/blog/6
oishiiokome 2016/07/14
webåˆ¶ä½œ

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

css

html
ãƒªãƒ³ã‚¯
ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸é›†ã‚ã¾ã—ãŸã€‚
2009å¹´ã‹ã‚‰ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚’é›†ã‚ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚è³¼è²·è¡Œå‹•ã‚„èªçŸ¥æ‹¡å¤§ã®ãŸã‚ã«ä½œã‚‰ã‚ŒãŸãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã‚µã‚¤ãƒˆã§ã™ã€‚LPåˆ¶ä½œã®å‚è€ƒã«ã©ã†ãžã€‚
oishiiokome 2016/05/24
Webãƒ‡ã‚¶ã‚¤ãƒ³

web

webåˆ¶ä½œ

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

LP
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã›
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› ã„ã¤ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ãŠå®¢æ§˜ãŒã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸã‚µãƒ¼ãƒ“ã‚¹ã¯æœ¬æ—¥ã¾ã§ã«ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå¾Œã¨ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”æ„›é¡§ãã ã•ã„ã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
oishiiokome 2015/04/02
ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

javascript

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

slideshow

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
oishiiokome 2015/02/27
ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

å‚è€ƒ

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

design

webåˆ¶ä½œ

ã¾ã¨ã‚

å‚è€ƒã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
Akiba Hideki is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
oishiiokome 2015/02/27
design

webåˆ¶ä½œ

ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³

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

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãŠå‹§ã‚ï¼ãƒ•ã‚©ãƒ³ãƒˆã‚„ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®çŸ¥è˜ãƒ»ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¦ã¶ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
å‰ã®ä¼šç¤¾ã§ã¯æ–°äººã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒå¿…ãšã‚„ã£ã¦ã„ãŸã“ã¨ã®ä¸€ã¤ã«ã€æ–‡å—è©°ã‚1,000æœ¬ãƒŽãƒƒã‚¯ãŒã‚ã‚Šã¾ã—ãŸã€‚1,000ã¯å¤§ã’ã•ãªæ•°å—ã§ã¯ãªãã€å®Ÿéš›ã«ã¯ãã‚Œä»¥ä¸Šã®æ•°ã‚’ã“ãªã—ã¦ã„ãŸã¨æ€ã„ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®UI/UXã«ãŠã„ã¦ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã¯é‡è¦ãªå˜åœ¨ã§ã€ç‰¹ã«ãƒŸãƒ‹ãƒžãƒ«ã‚„ãƒ•ãƒ©ãƒƒãƒˆãªã©ã¯ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãŒéžå¸¸ã«é‡è¦ãªå½¹ç›®ã‚’æ‹…ã£ã¦ã„ã¾ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚„ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®çŸ¥è˜ã‚’æ·±ã‚ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’èº«ã«ã¤ã‘ã‚‹ã®ã«å½¹ç«‹ã¤æƒ…å ±ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚
oishiiokome 2014/11/27
ã‚ã¨ã§èªã‚€

Illustrator

design

webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IE10ã§IE9ã€IE8ã€IE7ã§ã®è¡¨ç¤ºã‚’ç¢ºèªã™ã‚‹æ–¹æ³•ï½œæ±äº¬çµŒæ¸ˆå¤§å¦æƒ…å ±ã‚·ã‚¹ãƒ†ãƒ èª²
Internet Explorer 10ã§ä»–ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã®è¡¨ç¤ºç¢ºèªã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ éŽåŽ»ã®IEã‚’å¯¾è±¡ã«ä½œæˆã•ã‚ŒãŸWebãƒšãƒ¼ã‚¸ã¨ã®äº’æ›æ€§ã¨Webæ¨™æº–ã«æº–æ‹ ã—ãŸWebãƒšãƒ¼ã‚¸ã®äº’æ›æ€§ã‚’ ç¢ºèªã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã€Œã‚¹ã‚¿ãƒ¼ãƒˆã€ç”»é¢ã‚ˆã‚Šã€Œãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã€ã‚’é¸æŠžå¾Œã€Internet Explorerã‚’èµ·å‹•ã—ã¾ã™ã€‚ ã€ŒF12ã€ã®ã‚ãƒ¼ã‚’æŠ¼ä¸‹ã€ã¾ãŸã¯ç”»é¢å³ä¸Šã®æ¯è»Šã‚¢ã‚¤ã‚³ãƒ³ã€Œãƒ„ãƒ¼ãƒ«ã€ï¼ã€Œé–‹ç™ºè€…ãƒ„ãƒ¼ãƒ«ã€ã‚’é¸æŠžã—ã¾ã™ã€‚ ç”»é¢ä¸‹éƒ¨ã‹ã‚‰ã€Œãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãƒ¢ãƒ¼ãƒ‰ã€ã§ç¢ºèªã—ã¾ã™ã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãƒ¢ãƒ¼ãƒ‰ã¨ã„ã†ã®ãŒã€è¡¨ç¤ºã™ã‚‹ãŸã‚ã®ãƒ¢ãƒ¼ãƒ‰ã®è¨å®šã§ã™ã€‚ é–²è¦§è€…ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã®ç¢ºèªã‚’è¡Œãˆã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¢ãƒ¼ãƒ‰ãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«å¿œã˜ãŸãƒšãƒ¼ã‚¸å…¨ä½“ã®æƒ…å ±ã‚’ç›¸æ‰‹ã«çŸ¥ã‚‰ã›ã‚‹ãƒ¢ãƒ¼ãƒ‰ã§ã™ã€‚
oishiiokome 2014/10/17
IE8ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³å¤‰æ›´ã®ã‚„ã‚Šæ–¹

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

webdesign

webåˆ¶ä½œ

ã‚ã¨ã§èªã‚€

ãŠå½¹ç«‹ã¡
ãƒªãƒ³ã‚¯
STARRYWORKS inc.
ç§ãŸã¡ã¯ã€ã„ã‚ã‚“ãªãƒ¢ãƒŽã‚„ã‚³ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ã‚‹é›†å›£ã§ã™ã€‚
oishiiokome 2014/08/12
webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

webåˆ¶ä½œ

ã‹ã£ã“ã„ã„

ãŠã‚‚ã—ã‚ã„
ãƒªãƒ³ã‚¯
| ä¸Šå¸ã‚„ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã«å¥½ã‹ã‚Œã‚‹æ–°äººwebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼10ã®å¿ƒå¾—ã€å‰ç·¨ã€‘ç¥žæˆ¸ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œã‚»ãƒ³ã‚¿ãƒ¼
æ™®æ®µã‚²ãƒ¼ãƒ ã‚„ã‚‰ãªã„ã‚“ã§ã™ãŒã€CMã«ã¡ã‚‡ã£ã¨æƒ¹ã‹ã‚Œã¦ã€Œã‚±ãƒªå§«ã‚¹ã‚¤ãƒ¼ãƒ„ã€ã¨ã„ã†ã‚¢ãƒ—ãƒªã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã—ãŸã€‚é¢ç™½ã„ã‚“ã§ã™ãŒã€ã‚¢ã‚¤ãƒ†ãƒ ãŒã©ã†ã¨ã‹ãƒ—ãƒ¬ãƒŸã‚¢ãƒ ãƒã‚±ãƒƒãƒˆãŒã©ã†ã¨ã‹ã‚„ãŸã‚‰è¤‡é›‘ã§ã¾ã ãƒ«ãƒ¼ãƒ«ã®å…¨è²ŒãŒè¦‹ãˆãªã„ãƒ»ãƒ»ãƒ»ã€‚ æœ€è¿‘ã®ã‚²ãƒ¼ãƒ æ‰‹å¼·ã—ãƒ»ãƒ»ãƒ»ã€‚ ã ã‚Œã§ã‚‚æœ€åˆã¯æ–°äººã§ã™ã€‚ ç‰¹ã«åˆã‚ã¦ã®ç¤¾ä¼šäººçµŒé¨“ã§webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã£ãŸæ–¹ã¯ã€ãŸã ã§ã•ãˆç§»ã‚Šå¤‰ã‚ã‚Šã®æ¿€ã—ã„æ¥ç•Œãªã®ã«ã€é€šå¸¸æ¥å‹™ã«åŠ ãˆã¦åŸºæœ¬çš„ãªãƒ“ã‚¸ãƒã‚¹ã‚¹ã‚ãƒ«ã‚‚ç£¨ã‹ãªã„ã¨è¡Œã‘ãªã„ã®ã§å¤§å¤‰ã§ã™ã€‚ ä»Šå›žã”ç´¹ä»‹ã™ã‚‹å†…å®¹ã‚’æ„è˜ã—ã¦ãŠã‘ã°ã€ã‚¹ãƒ ãƒ¼ã‚ºã«åˆ¶ä½œã§ãã‚‹ã ã‘ã§ã¯ãªãã€å‘¨å›²ã‹ã‚‰ã€Œä¸€ç·’ã«ä»•äº‹ãŒã—ã‚„ã™ã„ã€ã€Œã‚ã„ã¤ã«ãŠé¡˜ã„ã—ã‚ˆã†ã€ã¨ã„ã†ã‚ˆã†ãªå°è±¡ã‚’æŒãŸã‚Œã¾ã™ã€‚ç§ãŒä¸Šå¸ãªã‚‰ãƒãƒŠãƒžãƒ«ã§ã™ã€‚ ï¼œå‰ç·¨ã‚‚ãã˜ï¼ž 1. è¿·ã£ãŸã‚‰ç›¸è«‡ã™ã‚‹ 2. æœŸé™ã¯ãã£ã¡ã‚Šã™ã‚Šåˆã‚ã›ã‚‹ ã€Œæ˜Žæ—¥ã¾ã§ã€ã€Œãªã‚‹ã¯ã‚„ã€ã®ç½ 3. èª¤å—è„±å—ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¨ãã« 4. ã‚¯ã‚ªãƒªãƒ†ã‚£ã«ãƒãƒ©ã¤ãã‚’å‡ºã•ãªã„ 5.
oishiiokome 2014/07/01
ãŠå½¹ç«‹ã¡

webdesign

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€WEBãƒãƒŠãƒ¼ã€‘ã“ã‚Œã§ä½œã‚Œã‚‹ï¼ï¼Ÿåºƒå‘Šæ¥ç•Œäººã®ãŸã‚ã®WEBãƒãƒŠãƒ¼ä½œæˆè¬›åº§ï½žPhotoshopç·¨ï½ž | Sanow Labs blogï¼ˆã‚µãƒŽã‚¦ãƒ©ãƒœãƒ–ãƒã‚°ï¼‰
GMOã‚¢ãƒ‰ãƒ‘ãƒ¼ãƒˆãƒŠãƒ¼ã‚º(æ ª)ãŒã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ»Webåºƒå‘Šæˆ¦ç•¥ã‚’æä¾›ã™ã‚‹ãƒ©ãƒœã‚µã‚¤ãƒˆ!Webåºƒå‘Šã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚„ã€SEO/SEMã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®æœ€æ–°æ‰‹æ³•ã®ç´¹ä»‹ã‹ã‚‰ã€ãƒ‹ãƒ¥ãƒ¼ã‚¹ã€ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼è¨˜äº‹ç‰ã‚’æŽ²è¼‰ã—ã¦ã„ãã¾ã™ã€‚å®Ÿç¸¾ã‚’é€šã˜ã¦å¾—ãŸçµŒé¨“ã‚„å°‚é–€çš„ä¸”ã¤ã€å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’æ´»ã‹ã—ã¦ã€ä»–ç¤¾ã®å…ˆã‚’è¡Œãå®ŸåŠ¹æ€§ã®ã‚ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°æˆ¦ç•¥è«–ã‚’æä¾›ã—ã¾ã™ã€‚ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€WEBãƒãƒŠãƒ¼ä½œæˆç•Œã®ç¤¾ä¼šäººã‚€ãƒ¼ã‚ˆã—ã§ã™ï¼ ä»Šå›žã¯ã€Œæ‰‹æ—©ãã€ãã‚Œãªã‚Šã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã§å½¢ã«ã™ã‚‹ã€ã‚’ãƒ†ãƒ¼ãƒžã«ã€ Photoshopã‚’ä½¿ã£ãŸãƒãƒŠãƒ¼ä½œæˆæ–¹æ³•ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ï¼ Photoshop CS6ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ Photoshopã‚’ä½¿ã†åˆ©ç‚¹ã¨ã—ã¦ã¯ã€ãƒãƒƒãƒˆä¸Šã«ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼ˆä½œã‚Šæ–¹ï¼‰ãŒè±Šå¯Œã¨ã„ã†äº‹ã¨ã€ãƒ†ã‚ã‚¹ãƒˆå¤‰æ›´ã‚„ç”»åƒåˆ‡ã‚ŠæŠœããŒå®¹æ˜“ã§ã‚¹ãƒ”ãƒ¼ãƒ‡ã‚£ãƒ¼ã«ä½œæ¥ãŒå‡ºæ¥ã‚‹ç‚¹ã§ã™ã€‚ Photoshopã®è©³ç´°ã«ã¤ã„ã¦ã¯ã“ã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„â†’è³¼å…¥ã‚¬
oishiiokome 2014/06/30
ãƒãƒŠãƒ¼

webåˆ¶ä½œ

webdesign

ãŠå½¹ç«‹ã¡
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€ã‚´ãƒ©ã‚¯ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ‹…å½“ã‚’ã—ã¦ã„ã‚‹é¬¼çŸ³åºƒæµ·ã¨ç”³ã—ã¾ã™ã€‚ å¼Šã‚µãƒ¼ãƒ“ã‚¹ã¯ç¾åœ¨å¤§å¹…ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ä¸ã§ã™ã®ã§ã€UIå‘¨ã‚Šã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«å¾Œã€åˆæ©Ÿä¼šãŒã‚ã‚Œã°ã”ç´¹ä»‹ã•ã›ã¦ä¸‹ã•ã„ã€‚ ä»Šå›žã¯ã€é§†ã‘å‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“é”ã®å¤šããŒèª²é¡Œã«ã‚ã’ã‚‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ãŠè©±ã—ã¾ã™ã€‚çµè«–ã‹ã‚‰è¨€ã„ã¾ã™ã¨ã€ç´°éƒ¨ã‹ã‚‰ä½œã‚‰ãšã«åœŸå°ä½œã‚Šã‚’é ‘å¼µã‚‹ã“ã¨ãŒã€çµæžœçš„ã«ã‚¹ãƒ”ãƒ¼ãƒ‰ã«ã¤ãªãŒã‚‹ã¨ã„ã†ãŠè©±ã§ã™ã€‚ ã§ã¯å®Ÿéš›ã«ãƒãƒŠãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¾‹ã«ç´¹ä»‹ã—ã¾ã™ã€‚ 1.æ§‹æˆè¦ç´ ã‚’å…¨éƒ¨ç½®ã ã¾ãšã¯ãƒ—ãƒ©ãƒ³ãƒŠãƒ¼ã‚„ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã¨è©±ã—åˆã£ã¦æ±ºã‚ãŸæ§‹æˆè¦ç´ ã‚’ã€ã¨ã‚Šã‚ãˆãšå…¨éƒ¨ã‚ãƒ£ãƒ³ãƒã‚¹ã«ç½®ã„ã¦ã¿ã¾ã™ã€‚
oishiiokome 2014/06/30
Webåˆ¶ä½œ

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

ãŠå½¹ç«‹ã¡

webdesign

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

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

webåˆ¶ä½œ

webdesign

ãƒãƒŠãƒ¼
ãƒªãƒ³ã‚¯
porkbun.com | parked domain
oishiiokome 2014/06/13
webåˆ¶ä½œ

webåˆ¶ä½œä¼šç¤¾

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Awwwards - Website Awards - Best Web Design Trends
Share your work Submit your website for visibility and recognition Submit Website
oishiiokome 2014/05/30
webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

webdesign
ãƒªãƒ³ã‚¯
1