[B! webdesign] rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rikuo id:rikuo

webdesignã«é–¢ã™ã‚‹rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (181)

${{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ã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã‚‹ãƒ˜ãƒƒãƒ€ã®ã‚¢ã‚¤ãƒ‡ã‚¢ãƒ»å®Ÿè£…æ–¹æ³•ã®ã¾ã¨ã‚
ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚„ãƒ–ãƒã‚°ãªã©ã€æœ€è¿‘ã®Webã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã‚‹ãƒ˜ãƒƒãƒ€ã®ã‚¢ã‚¤ãƒ‡ã‚¢ãƒ»å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ãƒ˜ãƒƒãƒ€ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ºãƒ¼ãƒ ã—ãŸã‚Šã€ãƒ•ã‚§ãƒ¼ãƒ‰ã—ãŸã‚Šã€ãƒ˜ãƒƒãƒ€ã®å½¢ãŒçŸ©å½¢ã§ãªã‹ã£ãŸã‚Šã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã ã‘ãŒã‚¹ãƒ†ã‚£ãƒƒã‚ãƒ¼ã«ãªã£ãŸã‚Šã€å®Ÿç”¨çš„ãªã‚¢ã‚¤ãƒ‡ã‚¢ãŒæº€è¼‰ã§ã™ã€‚ å„ãƒ‡ãƒ¢ã¯ã€ŒRun Penã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€å‹•ä½œã—ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ãƒ’ãƒ¼ãƒãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ºãƒ¼ãƒ ã™ã‚‹ãƒ˜ãƒƒãƒ€ã€‚ HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€CSSã‚‚JSã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã§ã€ã‚³ãƒ”ãƒšã§ç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã€‚
rikuo 2018/02/04
webdesign

SVG
ãƒªãƒ³ã‚¯
The Blog | Welcome to Adobe Blog
The Blog | Welcome to Adobe Blog ã‚¢ãƒ‰ãƒ“ã®ãƒ–ãƒã‚°ã§ã¯ã€Creative Cloudã€Document Cloudã€Experience Cloudã®æœ€æ–°æƒ…å ±ã‚„å½¹ã«ç«‹ã¤æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
rikuo 2017/09/07
webdesign

èªçŸ¥
ãƒªãƒ³ã‚¯
ã‚‚ã†ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã„ã„ã‚“ã˜ã‚ƒãªã„ï¼Ÿ
å…ˆæœˆæœ«ã€è—¤äº•ã•ã‚“ ã®åƒãæ ªå¼ä¼šç¤¾ã‚¶ãƒƒãƒ‘ãƒ©ã‚¹ã•ã‚“ ã«ãŠé‚ªé”ã—ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã®ã‚çš„ãªãŠè©±ã—ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ é¡Œã—ã¦ã€Œã‚‚ã†ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã„ã„ã‚“ã˜ã‚ƒãªã„ï¼Ÿã€ ã„ã¾ã€æ”¹ã‚ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦è€ƒãˆã‚‹ãã£ã‹ã‘ã«ãªã‚Œã°ã€ã¨ã„ã†è¦–ç‚¹ã§å†…å®¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 4å¹´å‰ã«ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ åˆ¶ä½œã®å®Ÿè·µçš„ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ã€ã¨ã„ã†æœ¬ã‚’åŸ·ç†ã—ãŸã‚“ã§ã™ã‘ã©ã€ãã®ã“ã‚ã‹ã‚‰ã‚¦ã‚§ãƒ–åˆ¶ä½œã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯ã¨ã‚Šã‚ãˆãšãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã„ã„ã‚“ã˜ã‚ƒãªã„ï¼Ÿã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€æœ€è¿‘ã€ãã®æ€ã„ãŒã‚ˆã‚Šå¼·ããªã£ã¦ã„ã¾ã™ã€‚è·å ´ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¦ã‹ã‚‰ç´„5å¹´ãŒçµŒã¡ã¾ã™ãŒã€ã‚„ã£ã±ã‚Šã€ã‚ã®æ™‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚’é¸æŠžã—ã¦ãŠã„ã¦ã‚ˆã‹ã£ãŸã¨ã¤ãã¥ãæ„Ÿã˜ã¦ã„ã¾ã™ã€‚ãŠã‹ã’ã§ã€Googleã•ã‚“ãŒãƒ¢ãƒã‚¤ãƒ«ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚’å„ªå…ˆã™ã‚‹ã¨ã„ã†æ˜¨ä»Šã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ ã«ã‚‚ã‚ã¾ã‚Šç¿»å¼„ã•ã‚Œãªãã¦ã™ã‚“ã§ã„ã¾ã™
rikuo 2016/11/17
webdesign

presentation

responsive
ãƒªãƒ³ã‚¯
Designers Guide to Web Performance Optimization
Performance is one of the biggest issues we face on The Web today. As the weight of the average pageÂ continues to rise, discussion around performance on most web teams quickly descends into the realm of development optimization. The reality is thatÂ performant web experiences begin with treating performance as an essential design feature.Â In this article, weâ€™ll be looking specifically at ways that
rikuo 2016/09/08
performance

webdesign
ãƒªãƒ³ã‚¯
è‰²è¦šç•°å¸¸ã§å›°ã‚‹ã“ã¨ æ”¹å–„ã•ã‚Œã¦ã»ã—ã„ã“ã¨ - æœ€çµ‚é˜²è¡›ãƒ©ã‚¤ãƒ³3
è‰²å¼±ã®åƒ•ãŒã¨ã‚Šã‚ãˆãšå›°ã‚‹ã“ã¨ - ä»Šæ—¥ã¯ãƒ’ãƒˆãƒ‡ç¥ã‚Šã ãžï¼ ãƒ’ãƒˆãƒ‡ã•ã‚“ãŒè‰²å¼±ã§å›°ã‚‹ã“ã¨ã‚’æŒ™ã’ã¦ã„ãŸã®ã§ã€åŒã˜ãè‰²å¼±ï¼ˆè‰²è¦šç•°å¸¸ã¨ã‚‚ï¼‰ã®ç§ã‚‚å›°ã‚‹ã“ã¨ã‚’æ›¸ã„ã¦ãŠã“ã†ã‹ãªã¨ã€‚ ã¤ã„ã§ã«ã€è‰²è¦šç•°å¸¸ã®ä»•çµ„ã¿ã¨ã€äººé¡žã«è‰²è¦šç•°å¸¸ãŒç”Ÿã˜ãŸçµŒç·¯ãªã©ã‚‚ã¾ã¨ã‚ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ è‰²å¼±ãªã®ã‹è‰²ç›²ãªã®ã‹ã€è‰²è¦šç•°å¸¸ãªã®ã‹ã¯è°è«–ã®åˆ†ã‹ã‚Œã‚‹ã¨ã“ã‚ã§ã™ãŒæœ¬ç¨¿ã§ã¯è‰²è¦šç•°å¸¸ã§çµ±ä¸€ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ’ãƒˆãƒ‡ã•ã‚“ã®è¨˜äº‹ã«ã¯è‰²è¦šæ¤œæŸ»ã®å›³ãŒã‚ã‚Šã¾ã™ãŒã€ç§ã¯å·¦ä¸Šã‹ã‚‰ã€Œè¦‹ãˆãªã„ã€12ã€è¦‹ãˆãªã„ã€17ã€70ã€5ã€ã§ã™ã€‚ãŸã ã—ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§ã¯ç’°å¢ƒã«ã‚ˆã‚Šè‰²å‘³ãŒç•°ãªã‚‹ãŸã‚ã€æ°—ã«ãªã‚‹æ–¹ã¯å°åˆ·ç‰©ã§æ£ç¢ºãªæ¤œæŸ»ã‚’è¡Œã„ã¾ã—ã‚‡ã†ã€‚è‰²è¦šç•°å¸¸ã§ç„¡ã‘ã‚Œã°ã€å³ä¸‹ã¯ã€Œè¦‹ãˆãªã„ã€ã®ãŒæ£å¸¸ã§ã™ã€‚ã¡ãªã¿ã«1è‰²è¦šã§è‰²ã®åŒºåˆ¥ãŒã¤ã‹ãªã„äººã¯ã€Œ12ã€ã™ã‚‰è¦‹ãˆã¾ã›ã‚“ã€‚ ä¸€æ™‚æœŸã€è‰²è¦šãƒ†ã‚¹ãƒˆã‚’å—ã‘ã¦ã¿ãŸã‚‰ä½•æ•…ã‹ä½ŽIQã¨ã‹åŒæ€§æ„›è€…ã£ã¦ã“ã¨ã«ãªã£ã¦ãŸ - Togetterã¾ã¨ã‚ ã§ç´¹ä»‹ã•ã‚Œã‚‹ã‚ˆã†
rikuo 2016/01/26
color

éšœå®³

èªçŸ¥

accessibility

design

webdesign
ãƒªãƒ³ã‚¯
ãŸã¦ã‚ˆã“Webã‚¢ãƒ¯ãƒ¼ãƒ‰2017
æ—¥æœ¬èªžçµ„ç‰ˆã«ãŠã„ã¦ã€ç¸¦æ›¸ãã¨æ¨ªæ›¸ãã®é¸æŠžè‚¢ãŒã‚ã‚‹ã¨ã„ã†ã“ã¨ã¯æ¥µã‚ã¦è‡ªç„¶ãªã“ã¨ã§ã™ãŒã€Webã‚µã‚¤ãƒˆåˆ¶ä½œã®ä¸ã§è‡ªç”±ãªçµ„ç‰ˆã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®æŠ€è¡“ã¯ã“ã‚Œã¾ã§æ¨™æº–åŒ–ã•ã‚Œã¦ãŠã‚‰ãšã€ç¸¦æ›¸ãã®å®Ÿè£…ã¯JavaScriptç‰ã«ã‚ˆã‚‹å¼·å¼•ãªæ‰‹æ®µã§ã—ã‹å®Ÿç¾ã§ããªã„ã¨ã„ã†å•é¡Œã‚’æŠ±ãˆã¦ã„ã¾ã—ãŸã€‚ ç§ãŸã¡ã€Žç¸¦æ›¸ãWebæ™®åŠå§”å“¡ä¼šã€ã¯ã€ç¸¦æ›¸ãã¨æ¨ªæ›¸ããŒæ··åœ¨ã™ã‚‹æ—¥æœ¬èªžçµ„ç‰ˆã®æ–‡åŒ–ã‚’Webã«ç¶™æ‰¿ã—ã€è‡ªç”±ãªçµ„ç‰ˆã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®è¦æ ¼ã‚’Webæ¨™æº–ã¨ã™ã¹ãã€Webã«é–¢é€£ã™ã‚‹å„ç¨®æŠ€è¡“ã®å›½éš›æ¨™æº–åŒ–å›£ä½“ã§ã‚ã‚‹W3Cã¨å”è°ã‚’é‡ããªãŒã‚‰ã€CSSã«ãŠã‘ã‚‹æ–°ãŸãªçµ„ç‰ˆè¦æ ¼ã§ã‚ã‚‹ã€Writing Modesã€Ÿã®æ¨™æº–åŒ–ã«å‘ã‘ã€æ§˜ã€…ãªå–ã‚Šçµ„ã¿ã‚’è¡Œãªã£ã¦ã„ã¾ã™ã€‚ ã€ŽãŸã¦ã‚ˆã“Webã‚¢ãƒ¯ãƒ¼ãƒ‰2017ã€ã¯ã€ã“ã†ã—ãŸå–ã‚Šçµ„ã¿ã®ã²ã¨ã¤ã¨ã—ã¦ã€CSS Writing Modesã‚’ç”¨ã„ãŸç¸¦æ›¸ãå®Ÿè£…ã®æŒ‡æ¨™ã¨ãªã‚‹ã‚ˆã†ãªå„ªã‚ŒãŸWebã‚µã‚¤ãƒˆã‚’è¡¨å½°ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸã‚¢ãƒ¯ãƒ¼ãƒ‰ã§ã™ã€‚ ç¸¦
rikuo 2015/11/14
webdesign
ãƒªãƒ³ã‚¯
æµ·å¤–å‘ã‘ã‚µã‚¤ãƒˆã«é©ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ å¤–å›½äººãŒå¥½ã‚€ãƒ•ã‚©ãƒ³ãƒˆã‚„è‰²å½©æ„Ÿè¦š | ä¸€äººã§ã§ãã‚‹Webã‚µã‚¤ãƒˆåŽç›ŠUPè¡“ï¼ã‚¦ã‚§ãƒ–è§£æžå£«äº‹ä¾‹é›†
rikuo 2015/11/14
design

webdesign

color
ãƒªãƒ³ã‚¯
è‰²è¦šå¤šæ§˜æ€§ã‚’å†ç¾ã™ã‚‹SVGãƒ•ã‚£ãƒ«ã‚¿ãƒ¼
å¤šãã®ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…é”ãŒè‰²è¦šå¤šæ§˜æ€§ã«ã¤ã„ã¦è€ƒãˆã‚‹ã“ã¨ã¯ã¾ãšãªã„ã€‚ã›ã„ãœã„ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’ç¢ºä¿ã—ãŸã‚Šã€ãƒªãƒ³ã‚¯ã®ä¸‹ç·šã‚’æ¶ˆã•ãªã„ã‚ˆã†ã«ã—ãŸã‚Šã™ã‚‹ã“ã¨ã§ã€ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ã§ã‚‚ãã‚Œãªã‚Šã«è˜åˆ¥ã§ãã‚‹ã‚ˆã†ã«æ³¨æ„ã™ã‚‹ãã‚‰ã„ã ã‚ã†ã€‚ãã‚Œã§ååˆ†ã¨ã‚‚è¨€ãˆãã†ã§ã¯ã‚ã‚‹ãŒã€ãã‚Œä»¥ä¸Šè€ƒãˆã‚ˆã†ã«ã‚‚å–ã£æŽ›ã‹ã‚ŠãŒãªã„ãŸã‚ãã‚Œã§æ¢ã¾ã£ã¦ã„ã‚‹ã¨ã‚‚è¨€ãˆã‚‹ã€‚ãã®å–ã£æŽ›ã‹ã‚Šã¨ã—ã¦è‰²è¦šå¤šæ§˜æ€§ã‚’å†ç¾ã™ã‚‹SVGã®ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’ä½œã£ãŸã€‚ Repository: Color Blindness Emulation filters.svgã«å«ã¾ã‚Œã‚‹8ã¤ã®ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã¯ã€ãã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¯ã¨ã‚‚ã‹ãã€feColorMatrixè¦ç´ ã‚’ä½¿ã£ãŸã”ãç°¡å˜ãªã‚‚ã®ã ã€‚ <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" version
rikuo 2015/04/19
SVG

filter

css

color

accessibility

webdesign
ãƒªãƒ³ã‚¯
word-break: break-all
è‹±å˜èªžã®é–“ã§ã‚ã£ã¦ã‚‚è‡ªå‹•æ”¹è¡Œã•ã‚Œã‚‹ã‚ˆã†ã«ã€word-breakãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã§break-allã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒåœ°å‘³ã«å¢—ãˆã¦ã„ã‚‹ã‚ˆã†ãªå°è±¡ã ã€‚ã‚³ã‚¹ãƒ¡ãƒ†ã‚£ãƒƒã‚¯ãªç†ç”±ã§è¦‹å‡ºã—ã‚„ã‚µãƒ ãƒã‚¤ãƒ«ã®ä»˜è¨˜ãªã©ã«ä½¿ã†ã®ã¯æ‚ªããªã„å¦¥å”ã ã¨æ€ã†ãŒã€æœ¬æ–‡ã«ã‚‚ã‚ã‚Šã¨æ°—è»½ã«ä½¿ã‚ã‚Œã¦ã„ã¦ã‹ãªã‚Šæ°—ã«ãªã‚‹ã€‚ æ—¥æœ¬èªžã§ã¯ç‰¹ã«å˜èªžã®åˆ‡ã‚Œç›®ã¨ã„ã†è«–ç†çš„ãªç®‡æ‰€ã¯å˜åœ¨ã›ãšã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã¯ã©ã“ã§ã‚‚è‡ªå‹•æ”¹è¡Œã•ã‚Œã‚‹ã€‚ã›ã„ãœã„å¥èªç‚¹ãŒè¡Œé ã«ãªã‚‰ãªã„ã‚ˆã†ã«åˆ¶å¾¡ã•ã‚Œã‚‹ãã‚‰ã„ã ã€‚word-breakãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã§ã¯ã“ã®è‡ªå‹•æ”¹è¡Œã«ãŠã‘ã‚‹å˜èªžã®ç¦å‰‡å‡¦ç†ã‚’åˆ¶å¾¡ã§ãã‚‹ã€‚å€¤ã¨ã—ã¦break-allã‚’æŒ‡å®šã™ã‚‹ã¨ç¦å‰‡å‡¦ç†ãŒè§£é™¤ã•ã‚Œã€ç¾åœ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®å®Ÿè£…ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªäº‹è±¡ãŒèµ·ã“ã‚‹ã€‚ è‹±å˜èªžã®é–“ã§æ”¹è¡Œã•ã‚Œã‚‹ è¡Œé ã§ã‚‚è¨˜å·ãŒè¨±å¯ã•ã‚Œã‚‹ å‰è€…ãŒã‚ã‹ã‚Šã‚„ã™ãã€ã“ã‚Œã‚’ç›®çš„ã¨ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã€‚ã“ã†ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã§ã„ã†ã¨ã“ã‚ã®flush le
rikuo 2014/05/19
CSS

æ–‡ç«

ã‚µã‚¤ãƒˆé‹å–¶

webdesign

thought

future

typography
ãƒªãƒ³ã‚¯
Grid æ—¥æœ¬èªžç‰ˆ
ãªãœã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«åŠ´åŠ›ã‚’è²»ã‚„ã™ã®ã‹? ç§é”ã¯å…¨ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«ãŠã„ã¦ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚µã‚¤ã‚ºã‚„ç¸¦æ¨ªã®æ–¹å‘ã¨ã„ã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç’°å¢ƒã«å·¦å³ã•ã‚Œãšã«ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒåˆ©ç”¨ã—ã‚„ã™ããªã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ æ–ç‰‡åŒ–ã•ã‚ŒãŸä¸–ç•Œ 2013å¹´ç¾åœ¨ã€æ•°åƒç¨®é¡žã®ãƒ‡ãƒã‚¤ã‚¹ã¨ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãŒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã‚‰å…¨ã¦ã«å¯¾ã—ã¦ã€ãã‚Œãžã‚Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¨è¨ˆã™ã‚‹ã®ã¯ã‚‚ã¯ã‚„ä¸å¯èƒ½ã§ã™ã€‚ãã‚“ãªã“ã¨ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã‚Šæµå‹•çš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒã‚’å–ã‚Šå…¥ã‚Œã‚‹ã¹ãã§ã—ã‚‡ã†ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ æœ€è¿‘ã«ãªã£ã¦ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã€ã¨ã„ã†è¨€è‘‰ãŒãã“ã‚‰ã˜ã‚…ã†ã§èžã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãã®è¨€è‘‰ã¯ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‹ã‚‰å§‹ã‚ã¦ã€å¿…è¦ã¨ã•ã‚Œã‚‹æ™‚ã«å¤§ããªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«æœ€é©åŒ–ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’æ„å‘³ã—ã¾ã™ã€‚è¨€ã„æ›ãˆã‚‹ã¨ã€ä½œæˆã—ãŸãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã«ãªã‚Šã€ãã‚Œä»¥é™ã«æ›¸ãæ›ãˆã‚‹å¿…è¦ã¯ãªã„ã¨ã„ã†ã“ã¨ã§ã™ã€‚ãã‚Œã¯
rikuo 2014/04/07
css

webdesign

tutorial
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ»ãƒã‚¤ã‚¸ãƒ£ãƒƒã‚ãƒ³ã‚°ãªã©
å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã‹å‘¼ã°ã‚Œã¡ã‚ƒã£ãŸã‚Šã€é‚ªæ‚ªã¨ã‹ã‚´ãƒŸã¨ã‹æ•£ã€…ãªæ„Ÿã˜ã€‚ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨å®Ÿè£…ä¸Šã®å•é¡Œã§ã¯ãªãã¦ã€è¦‹ã‚‹æ–¹ã¨ä½œã‚‹æ–¹(ç™ºæ³¨å…ƒã§å®Ÿè£…è€…ã§ã¯ãªã„)ã¨ã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ç›®çš„ã¸ã®æ„è˜ãŒãšã‚Œã¦ã„ã‚‹ã“ã¨ãŒåŽŸå› ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨è€ƒãˆã¦ã„ã‚‹ã€‚ è¦‹ã‚‹æ–¹ã¯ä½•ã‹ã—ã‚‰ã®æƒ…å ±ã‚’å¾—ã‚‰ã‚Œã‚‹ã¨ã‹ãã†ã„ã†ç›®çš„ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ»ãƒã‚¤ã‚¸ãƒ£ãƒƒã‚ãƒ³ã‚°ãŒãªã•ã‚Œã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ãã‚Œã‚’çŸ¥ã‚‰ãšã«é–‹ãã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã‚ˆã†ã¨ã—ãŸã‚‰ã€Œãªã‚“ã ã“ã‚Œã‚¯ã‚½ãŒã€ã¨ãªã‚‹ã€‚å®Ÿéš›ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ¶å¾¡ã§ããªã„ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã¨ã„ã†ã®ã¯é‚ªæ‚ªã§ã‚ã‚‹ã‚ã‘ã§ã€ãã®æ„Ÿæƒ³ã§é–“é•ã£ã¦ã¯ã„ãªã„ã‚“ã ã‘ã©ã€ãã®å‰æã¨ã—ã¦ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯æœ‰ç”¨ãªæƒ…å ±ã‚’åŠ¹çŽ‡è‰¯ãå±Šã‘ã‚‹ãŸã ãã‚Œã ã‘ã®ã‚‚ã®ã¨ã„ã†æ„è˜ãŒã‚ã‚‹ã€‚ ä¸€æ–¹ã€ä½œã‚‹æ–¹ã¯ã“ã†ã„ã£ãŸã‚«ã‚¹ã‚¿ãƒ ãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ä½¿ã£ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨æ±ºã‚ãŸå ´åˆã€ãã‚Œã¯ã‚‚ã£ã¨èŠ¸è¡“çš„ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æ„è˜ã—ã¦ã„ã‚‹ã¯ãšã ã€‚æƒ…å ±ã®æç¤ºãã®ã‚‚ã®ã§ã¯ãªãã€ã‚ˆã‚Šãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³å¯„ã‚Šã§ã€ã„ã‚ã°(ã‚¤
rikuo 2014/02/03
ui

èªçŸ¥

è¡¨ç¾

webdesign
ãƒªãƒ³ã‚¯
BreakpointTesterã¨ish.
å°‘ã—å‰ã«BreakpointTesterã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã‚’çŸ¥ã£ãŸã€‚ä»»æ„ã®ãƒšãƒ¼ã‚¸ã§ãã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã‚’èµ·å‹•ã™ã‚‹ã¨ã€å‚ç…§ã•ã‚Œã¦ã„ã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¹ã‚ãƒ£ãƒ³ã—ã¦Media Queriesã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã‚’æŽ¢ã—ã€ãã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆå…¨ã¦ã‚’ä½¿ã£ã¦iframeè¦ç´ ã§è¡¨ç¤ºã—ãªãŠã—ã¦ãã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ã¾ãŸã€ã»ã¼åŒæ™‚æœŸã«ish.ã¨ã„ã†ãƒ„ãƒ¼ãƒ«ãŒBrad Frostã«ã‚ˆã‚Šå…¬é–‹ã•ã‚ŒãŸã€‚ã“ã¡ã‚‰ã¯å¤§ä¸å°ã§ãƒã‚§ãƒƒã‚¯ã§ãã€ãƒªã‚µã‚¤ã‚ºã‚‚å¯èƒ½ã¨ã„ã†ã‚‚ã®ã€‚ã“ã¡ã‚‰ã‚‚ãƒ‡ãƒã‚¤ã‚¹ã‚’ç‰¹ã«æ„è˜ã¯ã—ã¦ã„ãªã„ã€‚ã—ã‹ã—ã€ä¸¡è€…ã¯ä¼¼ã¦ã„ã‚‹ã‚ˆã†ã§å°‘ã—é•ã†ã€‚ ish.ã¯ãƒ¡ã‚¸ãƒ£ãƒ¼ãªãƒ‡ãƒã‚¤ã‚¹ã‚’å¼·ãæ„è˜ã™ã‚‹ã“ã¨ã‚’ã‚„ã‚ã€ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒæ©Ÿèƒ½ã™ã‚‹ã‚ˆã†ã«ã—ã‚ˆã†ã¨ã„ã†ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å´ã‹ã‚‰ã®è¦–ç‚¹ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«æ€ã†ã€‚å¯¾ã—ã¦BreakpointTesterã¯ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³å´ã‹ã‚‰ã®è¦–ç‚¹ã§ä½œã‚‰ã‚Œã¦ãŠã‚Šã€ã©ã®ã‚ˆã†ãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œæˆã—ãŸã®ã‹ã‚’ãƒã‚§ãƒƒ
rikuo 2013/11/29
Bookmarklet

design

webdesign
ãƒªãƒ³ã‚¯
Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
rikuo 2013/09/16
framework

webdesign
ãƒªãƒ³ã‚¯
(ã„ã‚ã‚†ã‚‹)ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹æ¼”å‡ºæ‰‹æ³•ã¨ãã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ | nodot
(ã„ã‚ã‚†ã‚‹)ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹æ‰‹æ³•ãŒå¤§æµè¡Œã§ã‚ã‚‹ã€‚ç†ç”±ã®ä¸€ã¤ã«ã¯ã‚ã‚‹ç¨®ã®å¿«æ„Ÿã®å˜åœ¨ãŒã‚ã‚‹ã¨æ€ã‚ã‚Œã‚‹ã€‚ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸é–²è¦§ã®éš›ã®æœ€ã‚‚ä¸»è¦ãªæ“ä½œã§ã‚ã‚‹ç¸¦æ–¹å‘ã®ãƒšãƒ¼ã‚¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€‚ã“ã®æ“ä½œã«é€£å‹•ã—ãŸå‹•ãã€æƒ³å®šå¤–ã§ã¯ã‚ã‚‹ã‚‚ã®ã®ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã®ç›¸é–¢ã«ã‚ˆã‚Šã‚ãã¾ã§è‡ªåˆ†ãŒæ“ä½œã—ã¦ã„ã‚‹æ„Ÿè¦šãŒå¾—ã‚‰ã‚Œã€ã“ã¡ã‚‰ã®æ¸¡é‚‰æµå¤ªæ°ã®è¨˜äº‹ã«ã‚‚ã‚ã‚‹ã‚ˆã†ãªè‡ªå·±å¸°å±žæ„Ÿã‚’å¾—ã‚‰ã‚Œã‚‹ã€‚ã“ã‚ŒãŒå¿«æ„Ÿã®æ£ä½“ã§ã¯ãªã„ã‹ã¨è€ƒãˆã‚‹ã€‚ (å¿«æ„Ÿãªã‚“ã‹ãªãã? ã¨ã„ã†æ„è¦‹ãŒã‚ã£ãŸã®ã§è¿½è¨˜) ç°¡å˜ã«è¨€ãˆã°ã€æœ¬æ¥ãƒžã‚¦ã‚¹ã‚’è§¦ã£ã¦ã‚«ãƒ¼ã‚½ãƒ«ãŒå‹•ãã ã‘ã§ã‚‚é¢ç™½ãã¦èº«ä½“æ‹¡å¼µæ„Ÿè¦šç”±æ¥ã®å¿«æ„ŸãŒã‚ã£ãŸã®ã§ã‚ã‚‹ã€‚ã—ã‹ã—æ…£ã‚Œã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ›ã‚¤ãƒ¼ãƒ«ã‚’å›žã—ã¦ç”»é¢ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã¯ã‚‚ã¯ã‚„å½“ãŸã‚Šå‰ã™ãŽã¦èº«ä½“æ‹¡å¼µæ„Ÿè¦šãªã©å¾—ã‚‰ã‚Œãªããªã£ã¦ã„ã‚‹ã€‚ã—ã‹ã—ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®æŒ™å‹•ä»¥å¤–ã«æ–°ãŸãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§ã“ã‚Œã‚’å†ã³æ„Ÿã˜ã‚‰ã‚Œã‚‹ã€‚ã¤ã¾ã‚Šè¨€ã„ãŸã„ã“ã¨ã¯ã€Œã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¯æ°—æŒã¡ã„ã„ã€ã¨ã„ã†ã“ã¨
rikuo 2013/08/30
webdesign

thought

web

UI

èªçŸ¥
ãƒªãƒ³ã‚¯
ã²ã•ã‹ãŸã® Â» åŒäººã‚µã‚¤ãƒˆã¨ã¯æ€ãˆãªã„ã‚¯ã‚ªãƒªãƒ†ã‚£ï¼ã‚³ãƒŸãƒƒã‚¯ãƒžãƒ¼ã‚±ãƒƒãƒˆ84æ–°åˆŠç‰¹è¨ã‚µã‚¤ãƒˆã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€‚ã‚ã‚ã§ã™ã€‚ å†¬ã®ç”³ã—è¾¼ã¿ã‚‚çµ‚ã‚ã£ã¦å®Œå…¨ã«çµ‚ã‚ã£ãŸå¤ã‚³ãƒŸã®è©±é¡Œã€‚ã„ã¾ã•ã‚‰ã§ã™ãŒã€å¤ã‚³ãƒŸå‰ã¯è‡ªåˆ†ã®ã‚µãƒ¼ã‚¯ãƒ«ã§æ‰‹ã„ã£ã±ã„ã ã£ãŸã®ã§ï¼ è‡ªåˆ†ç”¨ã‚‚ãƒ¡ãƒ¢ã‚‚å…¼ãã¦ã®ã€ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªC84ç‰¹è¨ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ã§ã™ã€‚ æœ€è¿‘ã®åŒäººèªŒã¯ã€ã»ã‚“ã¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç¶ºéº—ã€‚ å€‹äººã‚µãƒ¼ã‚¯ãƒ«ãŒæ™®é€šã ã£ãŸä¸€æ˜”å‰ã¨æ¯”ã¹ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«å‡ã£ã¦ä½•äººã‹ã§ã‚µãƒ¼ã‚¯ãƒ«æ´»å‹•ã—ã¦ã‚‹æ–¹ãŒç›®ç«‹ã£ã¦ãã¾ã—ãŸã€‚ ã‚„ã£ã±ã‚Šæ±æ–¹ã‚„ãƒœã‚«ãƒç•Œéšˆã®ã€éŸ³æ¥½Ã—ã‚¤ãƒ©ã‚¹ãƒˆã®ã‚³ãƒ©ãƒœã‚µãƒ¼ã‚¯ãƒ«ãªã‚“ã‹ãŒæ™®é€šã«ãªã£ã¦ããŸã‹ã‚‰ãªã®ã‹ãªã€‚ã‚ã¨è©•è«–Ã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ©ãƒœã‚‚å¢—ãˆã¦ã‚‹æ°—ãŒã™ã‚‹ã€‚ ãã‚“ãªç´ æ•µãªåŒäººèªŒãƒ»åŒäººCDã®å¤ã‚³ãƒŸæ–°åˆŠã®ç‰¹è¨ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã‚‹ã®ã¯ã€åŒäººå¥½ããªæœ¬è·ã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã•ã‚“ãŒå¤šã„ã‚ˆã†ã§ã™ãã€‚ ã”ã¯ã‚“éƒ¨ã®æœ¬2 æœ¬ã®ã‚¿ã‚¤ãƒˆãƒ«ï¼šã”ã¯ã‚“éƒ¨ã®æœ¬2 ã‚µãƒ¼ã‚¯ãƒ«ï¼šã”ã¯ã‚“éƒ¨ ã”ã¯ã‚“ã‚‚ã‚¤ãƒ©ã‚¹ãƒˆã‚‚è£…ä¸ã‚‚webã‚‚ã¨ãƒ¼ã£ã¦ã‚‚ç´ æ•µãªæœ¬ã®ã‚µã‚¤ãƒˆã€‚ç§ã«ãƒ‰ã‚¹ãƒˆãƒ©ã‚¤
rikuo 2013/08/27
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã”ã¨ã«èƒŒæ™¯ã®ã‚¤ãƒ©ã‚¹ãƒˆãŒé®®æ˜Žã«ãªã£ã¦ãã‚‹æ¼”å‡ºã¯ã‚·ãƒ³ãƒ—ãƒ«ã ã‘ã‚Œã©ã‚‚ã‹ã£ã“ã„ã„ãªã€‚

webdesign

idea

ui
ãƒªãƒ³ã‚¯
takram laboratory Â» 1æ™‚é–“ã§æ—¥æœ¬ç¸¦æ–ã—ã¦ã¿ãŸ
Googleãƒžãƒƒãƒ—ã‚’ã‚ˆãä½¿ã£ã¦ã„ã‚‹æ–¹ãªã‚‰ãƒ”ãƒ³ã¨ããŸã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ç”ãˆã¯Googleãƒžãƒƒãƒ—ã®ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã‚’åˆ©ç”¨å¯èƒ½ãªã‚¨ãƒªã‚¢ã§ã™ã€‚ æ˜”ã¯ä¸»è¦éƒ½å¸‚ã ã‘ã ã£ãŸã‚¨ãƒªã‚¢ãŒã€ä»Šã‚„æ—¥æœ¬å…¨ã¦ã‚’ã‚«ãƒãƒ¼ã—ã‚ˆã†ã¨ã—ã¦ã„ã¾ã™ã€‚ ã€Œãã‚Œã£ã¦ã€ã‚‚ã—ã‹ã—ã¦ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã ã‘ã§æ—¥æœ¬ç¸¦æ–æ—…è¡Œã§ãã‚‹ã‚“ã˜ã‚ƒãï¼Ÿã€ ãªã©ã¨æ€ã„ã¤ã„ã¦ã—ã¾ã£ãŸã‚‰ã‚„ã‚‰ã–ã‚‹ã‚’å¾—ãªã„ã®ãŒäººæƒ…ã¨ã„ã†ã‚‚ã®ã€‚ ã—ã‹ã—ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã‚’ãƒãƒãƒãƒã¨ã‚¯ãƒªãƒƒã‚¯ã—ãªãŒã‚‰é€²ã‚€ã®ã¯é¢å€’ãã•ã™ãŽã¦ã¨ã¦ã‚‚ã‚„ã£ã¦ã‚‰ã‚Œã¾ã›ã‚“ã€‚ ãã“ã§è¦‹ã¤ã‘ãŸã®ãŒHyperlapseã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«å¤‰æ›ã—ã¦ãã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã€Œãªã‚“ã ã€ã“ã‚Œä½¿ãˆã°æ¥½å‹æ¥½å‹â™ªã€ã¨æ€ã£ãŸã®ã‚‚æŸã®é–“ã€ã“ã®Hyperlapseã‚’èª¿ã¹ã¦ã¿ã‚‹ã¨ã©ã†ã‚„ã‚‰ã‚ã¾ã‚Šé•·ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã§ããªã„ã¨ã„ã†ã“ã¨ãŒåˆ¤æ˜Žã€‚ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹å¤§é‡ã®å†™çœŸã‚’å…¨ã¦ãƒ¡ãƒ¢ãƒªä¸Šã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™
rikuo 2013/07/17
è¨˜äº‹ã®å†…å®¹ã¨é–¢ä¿‚ãªã„ã‘ã©ã€ãƒ˜ãƒƒãƒ€ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯æƒ…å ±ãŒæ•´ç†ã•ã‚Œã¦ã¦è‰¯ã„ãªã€‚

Google StreetView

webdesign
ãƒªãƒ³ã‚¯
CSSãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®æ£ã—ã„ä½¿ã„æ–¹ï¼ˆå‹•ç”»ï¼‰
ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’æ£ã—ãä½¿ã†ã¨Webãƒšãƒ¼ã‚¸ãŒã©ã®ãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚æ£ã—ãè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚OSã‚„ç”»é¢ã®å¤§ãã•ã«é–¢ã‚ã‚‰ãšãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ãªã‚Šã€CSSãŒãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ããªã‚Šã¾ã™ã€‚ã“ã®ãƒ“ãƒ‡ã‚ªã§ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’åˆ©ç”¨ã—ã¦ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®æ£ã—ã„ä½¿ã„æ–¹ï¼ˆã¤ã¾ã‚Šãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã®åˆ©ç”¨ï¼‰ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
rikuo 2013/03/20
webdesign

css

MediaQueries
ãƒªãƒ³ã‚¯
Flat UI - Free Bootstrap Framework and Theme
Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
rikuo 2013/03/06
Windows 8 ã® Metro UIã®ã‚ˆã†ãªãƒ•ãƒ©ãƒƒãƒˆãªã‚ã‚Œã€‚æ•°å¹´å¾Œã«æŒ¯ã‚Šè¿”ã£ãŸã¨ãã€ã€Œã‚ãƒ¼ã€æµè¡Œã£ã¦ãŸãªãƒ¼ã‚ã®é ƒã€ã¨æ€ã„ãã†ã€‚

webdesign

color

history
ãƒªãƒ³ã‚¯
ã€Œè¿‘æ±Ÿç‰›ã€ã§Googleä¸Šä½ã®ECã€è„±ãƒ»ç¸¦é•·ãƒšãƒ¼ã‚¸ã§å¾©æ´» (1/3)
Googleã§ã€Œè¿‘æ±Ÿç‰›ã€ã¨æ¤œç´¢ã™ã‚‹ã¨æœ€ä¸Šä½ã«è¡¨ç¤ºã•ã‚Œã‚‹ECã‚µã‚¤ãƒˆãŒã‚ã‚‹ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆé»Žæ˜ŽæœŸã¨ã‚‚ã„ãˆã‚‹1997å¹´ã«ã€æœ¬æ ¼çš„ã«ECã«å‚å…¥ã—ãŸã€Žè¿‘æ±Ÿç‰›.comã€ã§ã‚ã‚‹ã€‚10å¹´ä»¥ä¸Šã«ã‚ãŸã£ã¦å®Ÿç¸¾ã‚’ã‚ã’ã€æ¥ç•Œå†…ã§ã®è©•ä¾¡ã‚‚é«˜ã‹ã£ãŸåŒã‚µã‚¤ãƒˆãŒã€2011å¹´10æœˆã€å…¨é¢ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã€‚ãã®ãƒªãƒ¥ãƒ¼ã‚¢ãƒ«ã®ç›®çš„ã‚„æˆæžœã«ã¤ã„ã¦ã€ã€Žè¿‘æ±Ÿç‰›.comã€åº—ä¸»ã®æ–°ä¿å‰ä¼¸ï¼ˆã«ã„ã» ã‚ˆã—ã®ã¶ï¼‰æ°ã¨ã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«æºã‚ã£ãŸã‚´ãƒ³ã‚¦ã‚§ãƒ–ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ç¤¾é•· æ¨©æˆä¿Šï¼ˆã”ã‚“ ãªã‚‹ã¨ã—ï¼‰æ°ã€åŒç¤¾ã‚¦ã‚§ãƒ–ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆã®æ‘ä¸Šä½å¤®é‡Œï¼ˆã‚€ã‚‰ã‹ã¿ ã•ãŠã‚Šï¼‰æ°ãŒã€å…¨å›½ã§ç´„600ç¤¾ã®ECã‚µã‚¤ãƒˆãŒåŠ å…¥ã™ã‚‹OSMCï¼ˆã‚ªãƒ³ãƒ©ã‚¤ãƒ³ ã‚·ãƒ§ãƒƒãƒ— ãƒžã‚¹ã‚¿ãƒ¼ã‚º ã‚¯ãƒ©ãƒ–ï¼‰ãŒä¸»å‚¬ã™ã‚‹ã‚»ãƒŸãƒŠãƒ¼ã§èªžã£ãŸã€‚ï¼ˆ3æœˆ23æ—¥ã«æ±äº¬ã§é–‹å‚¬ã•ã‚ŒãŸã‚»ãƒŸãƒŠãƒ¼ã®å†…å®¹ã‚’ã€å†æ§‹æˆã—ã¦ãŠå±Šã‘ã—ã¾ã™ï¼‰ Googleã§ã€Œè¿‘æ±Ÿç‰›ã€ã¨æ¤œç´¢ã™ã‚‹ã¨æœ€ä¸Šä½ã«è¡¨ç¤ºã•ã‚Œã‚‹ECã‚µã‚¤ãƒˆãŒã‚ã‚‹ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆé»Žæ˜ŽæœŸã¨ã‚‚ã„
rikuo 2013/01/18
webdesign

ec
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒã‚¤ã‚¯ ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã›
å¹³ç´ ã‚ˆã‚Šã€Œã¯ã¦ãªãƒã‚¤ã‚¯ã€ã‚’ã”åˆ©ç”¨ã„ãŸã ãã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã€ŒãŠé¡Œã§ã¤ãªãŒã‚‹ãƒŸãƒ‹ãƒ–ãƒã‚°ã€ã¨ã—ã¦ã”åˆ©ç”¨ã„ãŸã ã„ã¦ã„ãŸã€Œã¯ã¦ãªãƒã‚¤ã‚¯ã€ã¯ã€2019å¹´3æœˆ27æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã€ã‚µãƒ¼ãƒ“ã‚¹ã®æä¾›ã‚’çµ‚äº†ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã”åˆ©ç”¨ã„ãŸã ãã¾ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çš†ã•ã¾ã«æ·±ãæ„Ÿè¬ã„ãŸã—ã¾ã™ã€‚ èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ è©³ã—ãã¯ä¸‹è¨˜ã‚’ã”è¦§ãã ã•ã„ã€‚ http://labo.hatenastaff.com/entry/2018/11/19/113653 æ ªå¼ä¼šç¤¾ã¯ã¦ãª
rikuo 2013/01/09
ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

webdesign

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