[B! color][ui] uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

uchiuchiyama id:uchiuchiyama

colorã¨uiã«é–¢ã™ã‚‹uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

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

é…è‰²ã¯ã‚»ãƒ³ã‚¹ã˜ã‚ƒãªã„ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã§è‰²ã‚’ã‹ã‚“ãŸã‚“ã«ã‚ãƒ¡ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ï½œTaiki IKEDAï½œnote
ä»Šæ—¥ã¯å…ˆæ—¥å‹æ‰‹ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸPolipoliã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†æ™‚ã«åƒ•ãŒæ™®æ®µã©ã®ã‚ˆã†ã«è‰²ã‚’é¸æŠžã—ã¦ã„ã‚‹ã®ã‹ã‚’ã¨ã¦ã‚‚æ£ç›´ã«æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚åƒ•ãŒã“ã‚Œã‹ã‚‰è¨˜ã™æ–¹æ³•ã«å‰‡ã£ã¦è‰²ã‚’é¸ã¹ã°ã€èª°ã§ã‚‚ãƒŠã‚¦ã§ãƒ¤ãƒ³ã‚°ãªã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¯ã˜ã‚ã‚‹ã‚ˆ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã—ã¦ã¯ãƒ«ãƒ¼ãƒ«ã«å‰‡ã£ã¦ä¸¦ã¹ã‚Œã°ã‚ªãƒ¯ã€ã‚ªãƒ¯ãƒªã§ã™ã€‚ 1. ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã‚’é¸ã¼ã† ã¾ãšã¯ã˜ã‚ã«ãƒ¡ã‚¤ãƒ³ã¨ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚’æ±ºã‚ã¾ã™ã€‚Polipoliã®ãƒ†ãƒ¼ãƒžã‚«ãƒ©ãƒ¼ã¯ãƒ”ãƒ³ã‚¯ãªã®ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®æ¤œç´¢æ¬„ã«ã€Œpink flat ui designã€ã¨æ‰“ã¡è¾¼ã¿ã¾ã™ã€‚ã‚¤ãƒ¡ãƒ¼ã‚¸ã«è¿‘ã„è‰²ãŒå‡ºã¦ããŸã‚‰ã‚¹ãƒã‚¤ãƒˆã§å¸ã„å–ã‚Šã¾ã—ã‚‡ã†ã€‚è‘—ä½œæ¨©ã«ã¯ãã‚Œãã‚Œã‚‚æ³¨æ„ã—ã¦ãã ã•ã„è²¬ä»»ã¯è² ã„ã¾ã›ã‚“ã€‚ Polipoliã«é–¢ã—ã¦ã¯æœ€åˆã‹ã‚‰ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ãŒæ±ºã¾ã£ã¦ã„ãŸã®ã§ã€Œ#E9546Aã€ã‚’ä½¿ãŠã†ã¨æ€ã„ã¾ã™ã€‚ 2. ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã‚’é¸ã¼ã† Coolors.coã¨ã„ã†ã‚µã‚¤ãƒˆã«
uchiuchiyama 2022/10/13
color

development

design

ui

algorithm

tutorial
ãƒªãƒ³ã‚¯
Material UI Theme Creator
Kick off your next, great Material-UI project with a customized theme.
uchiuchiyama 2022/10/04
material

ui

color

mui

tools

design
ãƒªãƒ³ã‚¯
ã€Emacså…¥é–€ã€‘â‘¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³28ã§æ–°ãŸã«ãƒ“ãƒ«ãƒˆã‚¤ãƒ³ã•ã‚Œã‚‹Modus Themesã‚’ä½¿ãŠã†
modus-vivendi DAP Mode ä»Šå›žã¯è¦‹ãŸç›®ã€ãƒ†ãƒ¼ãƒžã«ã¤ã„ã¦ã§ã™ã€‚ ã‚ãã¾ã§ã‚‚ç§ã®å°è±¡ã§ã™ãŒã€Emacsã«ã¯ã€Œã“ã‚ŒãžEmacsã€ã¨ã„ã†ã‚ˆã†ãªEmacsã‚’ä»£è¡¨ã™ã‚‹ã‚ˆã†ãªãƒ†ãƒ¼ãƒžãŒãªã‹ãªã‹è¦‹å½“ãŸã‚‰ãªã„ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚Vimã«ã¯Solarizedã‚’åˆã‚ã¨ã—ã¦Vimã‹ã‚‰å§‹ã¾ã£ãŸãƒ†ãƒ¼ãƒžãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã—ã€Electronç³»ã®ã‚¨ãƒ‡ã‚£ã‚¿ã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ†ãƒ¼ãƒžã‹ã‚‰ã—ã¦ã¨ã¦ã‚‚è¦‹æ˜ ãˆãŒè‰¯ã„ã§ã™ã€‚ä¸€æ–¹Emacsã¯ã¨è¨€ãˆã°ä»–ã®ã‚¨ãƒ‡ã‚£ã‚¿ã®ãƒ†ãƒ¼ãƒžã®ç§»æ¤ãƒ¢ãƒŽã°ã‹ã‚Šã§ã€Emacsã‹ã‚‰å§‹ã¾ã£ã¦ãƒãƒ¤ãƒ›ãƒ¤ã•ã‚Œã¦ã„ã‚‹ãƒ†ãƒ¼ãƒžãŒè¦‹å½“ãŸã‚Šã¾ã›ã‚“ï¼ˆç§ã®èª¿æŸ»åŠ›ã‚‚å½“ã¦ã«ãªã‚‰ãªã„ã®ã§ä½•ã‹ã‚ã‚Šã¾ã—ãŸã‚‰æ•™ãˆã¦ãã ã•ã„ï¼‰ã€‚ Doomç³»ã®ãƒ†ãƒ¼ãƒžç¾¤ã¯è¦‹æ˜ ãˆã¯ã™ã‚‹ã®ã§ã™ãŒã€ä¸»ã«ä»–ã®ã‚¨ãƒ‡ã‚£ã‚¿ã§åã‚’é¦³ã›ãŸãƒ†ãƒ¼ãƒžã®ç§»æ¤çµ„ã§æ§‹æˆã•ã‚Œã¦ã„ãŸã®ã§è¦‹é€ã‚Šã¾ã—ãŸã€‚Spacemacsã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã¯ã‚¢ãƒªã‹ã‚‚ã¨æ€ã„ã¾ã—ãŸãŒã€Doomã‚‚ãã†ã§ã™ãŒS
uchiuchiyama 2021/07/23
emacs

ui

editor

theme

color
ãƒªãƒ³ã‚¯
ç°¡å˜ã§ä¾¿åˆ©ï¼Sketch, Figma, AdobeXDãªã©ã«ã‚³ãƒ”ãƒšã§åˆ©ç”¨ã§ãã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ç”Ÿæˆ -CopyPalette
æœ€è¿‘ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆãä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã€ä¸€è²«æ€§ã®ã‚ã‚‹å˜è‰²ã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ç°¡å˜ã«ç”Ÿæˆã§ãã€ãã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’Sketch, Figma, AdobeXDãªã©ã«ã‚³ãƒ”ãƒšã§åˆ©ç”¨ã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CopyPalette CopyPaletteã¯1ã¤ã®ã‚«ãƒ©ãƒ¼ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€æ¿ƒæ·¡ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ç°¡å˜ã«ç”Ÿæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ç”Ÿæˆã•ã‚Œã‚‹ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã¯SVGãªã®ã§ã€ã•ã¾ã–ã¾ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«ã‚³ãƒ”ãƒšã§åˆ©ç”¨ã§ãã¾ã™ã€‚ CopyPaletteã®ä½¿ã„æ–¹ã¯ç°¡å˜ã€ç™»éŒ²ãªã©é¢å€’ãªã“ã¨ã‚‚ä¸€åˆ‡ä¸è¦ã§ã™ã€‚ ã¾ãšã¯ã€ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚
uchiuchiyama 2019/09/24
ui

sketch

color

design

introduction

webservice
ãƒªãƒ³ã‚¯
Material Design Theme & Palette Color Generator
Generate your own Material Design Color Palette with full control over the colors! Export to AngularJS, Materialize, CSS, Polymer, and more!
uchiuchiyama 2017/12/27
Material Designã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆãƒ»ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€‚Reactã§åˆ©ç”¨ã§ãã‚‹ã‚³ãƒ¼ãƒ‰ã‚‚å‡ºåŠ›ã§ãã‚‹

material

ui

color

webservice
ãƒªãƒ³ã‚¯
ãƒžãƒ†ãƒªã‚¢ãƒ«ã‚«ãƒ©ãƒ¼
Build beautiful, usa ble products faster. Material Design is an adapta ble systemâ€”backed by open-source codeâ€”that helps teams build high quality digital experiences.
uchiuchiyama 2017/06/21
material

ui

color

webservice
ãƒªãƒ³ã‚¯
ã€Tipsã€‘iTerm2ã®è‰²ãŒè¦‹ã¥ã‚‰ã„ã¨ãã¯ã€Œxterm-256colorã€ã‚’ä½¿ã† | ã‚½ãƒ•ãƒˆã‚¢ãƒ³ãƒ†ãƒŠ
Macã®ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚½ãƒ•ãƒˆã€ŒiTerm2ã€ã‚’ä½¿ã£ã¦ã„ã¦ã€ã©ã‚“ãªãƒ†ãƒ¼ãƒžã‚’ä½¿ã£ã¦ã‚‚ä»Šã²ã¨ã¤ã—ã£ãã‚Šã“ãªã„å ´åˆã€ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚¿ã‚¤ãƒ—ã®è¨å®šã‚’å¤‰æ›´ã—ã¦ã¿ã‚‹ã¨è‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã“ã®ãŸã‚ã«ã¯ã€iTerm2ã®è¨å®šã‚’å¤‰æ›´ã—ã¾ã™ã€‚ iTermã®Preferencesã‚’é–‹ãã€ã€ŒProfiles > ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ«é¸æŠž > Terminal > Report Terminal Typeã€ã§ã€Œxterm-256colorã€ã‚’é¸æŠžã—ã¾ã™ã€‚ ã“ã‚Œã‚’å¤‰æ›´ã™ã‚‹ã¨ã€ŒTERM=xterm-256colorã€ãŒè¨å®šã•ã‚Œã€ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã®è‰²ãŒ256è‰²ä½¿ç”¨å¯èƒ½ã«ãªã‚Šã€ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆãªã©ãŒç¶ºéº—ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ iTerm2ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯ã€Œxtermã€ãªã®ã§ãã®ã¾ã¾ä½¿ã£ã¦ã„ã‚‹ã¨æ„å¤–ã¨æ°—ãŒã¤ã‹ãªã„éƒ¨åˆ†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ç¶ºéº—ãªè‰²ã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ã‚’ç›®æŒ‡ã—ã¦ã„ã‚‹æ–¹ã¯ç¢ºèªã—ã¦ã¿ã‚‹ã¨è‰¯ã„ã¨æ€ã„ã¾ã™ã€‚
uchiuchiyama 2017/02/27
iterm2

mac

linux

ui

color
ãƒªãƒ³ã‚¯
DISã‚‰ã‚Œãªã„UIã‚’ä½œã‚‹ãŸã‚ã«æœ€ä½Žé™å®ˆã‚‹ã¹ã5ã¤ã®é‰„å‰‡ - ãŸã”ã‚‚ã‚Šã™ãƒ¡ãƒ¢
ã¼ãã‚‰ãŒè¿‚é—Šã«UIã‚’ä½œã‚‹ã¨ã€ãã“ã«ã¯ãƒ¦ãƒ¼ã‚¶ã®æ£ç›´ãªç›®ç·šãŒã‚ã‚Šã€éžå¸¸ã«æ§˜ã€…ãªã€ãã—ã¦çœŸã£å½“ãªåå¿œãŒã‚ã‚‹ã€‚ æ›°ãã€Œã‚ã‹ã‚‰ã‚“ã€ã€Œã¾ã•ã‹ãã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã¯ã€ã€Œä¸æ€è°ãªå‹•ä½œã€ã€Œç‹¬è‡ªå®‡å®™ã€ã€Œãƒ¢ãƒªã‚¹UIã€ã€‚ åå¿œãŒã‚‚ã‚‰ãˆã‚‹ã®ã¯éžå¸¸ã«è‰¯ã„ã“ã¨ã ãŒã€ä½•åº¦ã‚‚ä½•åº¦ã‚‚ç¹°ã‚Šè¿”ã—ã¦ã„ã‚‹ã¨ã¤ã‚‰ããªã£ã¦ãã‚‹ã®ã§ã€ã§ãã‚Œã°é¿ã‘ãŸã„ã€‚åˆ†ã‹ã£ã¦ã„ã‚‹(ã„ãŸ)ã“ã¨ã¯æœ€åˆã‹ã‚‰å¯¾å¿œã—ã¦ãŠããŸã„ã‚‚ã®ã ã€‚*1 ã¨ã„ã†ã“ã¨ã§ã€ã“ã“ã§ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§æ“ä½œã™ã‚‹ç®¡ç†ç”»é¢ç‰ã®WebUIã‚’ä½œã‚‹ã¨ãã€çœŸã£å…ˆã«å¿ƒå¾—ã¦ãŠãã¹ã5ã¤ã®é‰„å‰‡ã‚’ç´¹ä»‹ã—ãŸã„ã€‚ã“ã‚Œã‚’å®ˆã£ã¦ã„ã¦ã‚‚DISã‚‰ã‚Œãªããªã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ãŒã€ã“ã‚Œã‚’å®ˆã‚‰ãªã„ã¨é–“é•ã„ãªãDISã‚‰ã‚Œã‚‹ã®ã§æ³¨æ„ã—ã‚ˆã†ã€‚ ãªãŠã“ã®è¨˜äº‹ã§ã¯ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã¨ã„ã†ã‚‚ã®ã«ã¤ã„ã¦ã¯è€ƒæ…®ã—ãªã„ã€‚ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã¨ã‹çŠ¬ã«é£Ÿã‚ã›ã‚ã€‚ ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹å ´æ‰€ã¯cursor:pointerã‚’æŒ‡å®šã—ã‚ ã“ã‚Œã‚’å¿˜ã‚Œã‚‹ã¨ã“ã®ä¸–ã®ã‚‚ã®ã¨ã¯æ€ãˆãªã„ãã‚‰
uchiuchiyama 2014/07/19
design

color

ui
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã“ãè‰²å½©ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã¼ã† - ppworks.jp
å¦ã¼ã†ã‚ˆã€ã¨æ€ã£ã¦ã„ã¦ã€ æ–°äººãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®è‰²å½©ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»é…è‰²ã®ãƒ«ãƒ¼ãƒ«ã‚’å¦ã¹ã‚‹æœ¬ ä½œè€…: æŸ˜æ¤ãƒ’ãƒãƒãƒ³å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ã‚½ã‚·ãƒ ç™ºå£²æ—¥: 2011/10/01ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬ ã‚¯ãƒªãƒƒã‚¯: 1å›žã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚°ã‚’è¦‹ã‚‹ ã‚’èªã‚“ã§ã„ã¾ã—ãŸã€‚ @ken_c_loæ°ãŒä»¥ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§è§¦ã‚Œã¦ã„ã¾ã™ãŒã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒãƒ‡ã‚¶ã‚¤ãƒ³å¦ã¶ã®ãƒžã‚¸ã‚ªã‚¹ã‚¹ãƒ¡ã¨ã®ã“ã¨ã§ã™ã€‚ã‚ˆã£ã—ã‚ƒã€å¦ã¼ã†ã€‚ æ–°äººãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®è‰²å½©ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»é…è‰²ã®ãƒ«ãƒ¼ãƒ«ã‚’å¦ã¹ã‚‹æœ¬ æ–°äººãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®è‰²å½©ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»é…è‰²ã®ãƒ«ãƒ¼ãƒ«ã‚’å¦ã¹ã‚‹æœ¬ ä½œè€…: æŸ˜æ¤ãƒ’ãƒãƒãƒ³å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ã‚½ã‚·ãƒ ç™ºå£²æ—¥: 2011/10/01ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬ ã‚¯ãƒªãƒƒã‚¯: 1å›žã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚°ã‚’è¦‹ã‚‹ WEBã¨ã„ã†ã‚ˆã‚Šå°åˆ·ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®æœ¬ãªã®ã‹ãªï¼Ÿã¨ã„ã†å°è±¡ãªã®ã§ã™ãŒè‰²ã®ä½¿ã„æ–¹ã¨ã„ã†æ„å‘³ã§ã¯å‹‰å¼·ã«ãªã‚Šã¾ã—ãŸã€‚ ç‰¹è‰²ã®è©±ã‚„CMYKãƒ—ãƒã‚»ã‚¹ã‚«ãƒ©ãƒ¼ã®è©±ã¯ä¸€æ—¦ç„¡è¦–ã—ãªãŒã‚‰
uchiuchiyama 2014/07/19
color

design

ui

introduction

presentation
ãƒªãƒ³ã‚¯
ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŠ›ãŒãã£ã¨ä¸ŠãŒã‚‹ã€ãŠå‹§ã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆ7é¸ ï½œãƒ—ãƒ¬ã‚¼ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã‚’ã‚ãƒ¬ã‚¤ã«ã‚ã‹ã‚Šã‚„ã™ãä½œã‚ŠãŸã„ï¼ã¨æ€ã„ç«‹ã£ãŸäººã«ã€ã¾ãšãŠå‹§ã‚ã—ãŸã„ã®ãŒã“ã®ã‚µã‚¤ãƒˆã€Œä¼ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ï½œç ”ç©¶ç™ºè¡¨ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§ã™ã€‚åŸºæœ¬çš„ã«ã¯ç ”ç©¶ç™ºè¡¨ã‚’è¡Œã†å¦ç”Ÿã•ã‚“ã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã™ãŒã€ãƒ“ã‚¸ãƒã‚¹ãƒžãƒ³ã«ã‚‚èªã¿å¿œãˆã¯ååˆ†ã€‚ææ¡ˆæ›¸ãƒ»ä¼ç”»æ›¸ã®ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ä½œæˆã«ãã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹å†…å®¹ã¨ãªã£ã¦ã„ã¾ã™ã€‚ é…åŠ›ã¯ã€ã‚ã‹ã‚Šã‚„ã™ã„ã‚µãƒ³ãƒ—ãƒ«ã¨è±Šå¯Œãªè§£èª¬ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³åˆå¿ƒè€…ã«ã†ã£ã¦ã¤ã‘ã®ã‚µã‚¤ãƒˆã§ã™ã€‚ãƒšãƒ¼ã‚¸ã¯ã™ã£ãã‚Šã¨ã—ã¦ã„ã¦éžå¸¸ã«è¦‹ã‚„ã™ããƒ»èªã¿ã‚„ã™ããƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚µã‚¤ãƒˆå…¨ä½“ã®æƒ…å ±é‡ã‚‚å¤šã‹ã‚‰ãšå°‘ãªã‹ã‚‰ãšã€ã»ã©ã‚ˆãç¶²ç¾…ã•ã‚Œã¦ã„ã¦ã€ã²ã¨ã¨ãŠã‚Šç›®ã‚’é€šã—çµ‚ã‚ã£ãŸé ƒã«ã¯ã€ä¸€æ©ãƒ¬ãƒ™ãƒ«ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹è‡ªåˆ†ã«æ°—ã¥ãã“ã¨é–“é•ã„ã‚ã‚Šã¾ã›ã‚“ã€‚ç™¾èžã¯ä¸€è¦‹ã«å¦‚ã‹ãšã€‚ã¾ãšã¯ã”è¦§ã«ãªã£ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹?
uchiuchiyama 2014/03/10
presentation

design

ui

powerpoint

color

visualization
ãƒªãƒ³ã‚¯
Sublime Text 2, 3ã®ä½¿ã„ã‚„ã™ã„ãƒ†ãƒ¼ãƒžã®ã¾ã¨ã‚
Sublime Text 2ã‚„3ã§åˆ©ç”¨ã§ãã‚‹ã‚·ãƒ³ãƒ—ãƒ«ã§è¦‹ã‚„ã™ãã€ä½¿ã„ã‚„ã™ã„ãƒ†ãƒ¼ãƒžã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä½¿ã„æ…£ã‚ŒãŸãƒ†ãƒ¼ãƒžã‚‚ã‚‚ã¡ã‚ã‚“ã„ã„ã§ã™ãŒã€æ–°ã—ã„ãƒ†ãƒ¼ãƒžã«ã™ã‚‹ã¨æ°—åˆ†ã‚‚ä¸€æ–°ã•ã‚Œã€ã‚„ã‚‹æ°—ãŒã‚¢ãƒƒãƒ—ã—ã¾ã™ã‚ˆãã€‚ ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’Sublime Textã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹æ–¹æ³•ã¯ã€ä¸€ç•ªä¸‹ã«ã€‚ Spacegray Ocean Darkï¼ˆã‚ãƒ£ãƒ—ãƒãƒ£ï¼‰, Ocean Light, Eighties Dark ã®3ç¨®é¡žã€‚ã‚·ãƒ³ãƒ—ãƒ«å¥½ããªæ–¹ã¯ä¸€åº¦ãŠè©¦ã—ã‚’ã€‚ åƒ•ã¯åªä»Šã€ã€ŒOcean Lightã€ã‚’ä½¿ç”¨ä¸ã€œâ™ª
uchiuchiyama 2014/01/09
editor

theme

ui

color

design

introduction

links
ãƒªãƒ³ã‚¯
ä»Šå¹´æµè¡Œã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰
ã€Dieselã€‘Dieselã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚«ãƒ©ãƒ¼... / #F15C22 / #7A7B7Dä»–...å…¨42ä»¶
uchiuchiyama 2013/05/20
summary

color

design

ui
ãƒªãƒ³ã‚¯
HTMLã®è‰²ã®æ“ä½œãŒç´ æ™´ã‚‰ã—ãç°¡å˜ã«ãªã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œxcolorã€:phpspoté–‹ç™ºæ—¥èªŒ
jQuery color plugin xcolor - Website and Application Intelligence HTMLã®è‰²ã®æ“ä½œãŒç´ æ™´ã‚‰ã—ãç°¡å˜ã«ãªã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œxcolorã€ã€‚ å‡ºæ¥ã‚‹ã“ã¨ã¯è±Šå¯Œã«ã‚ã‚‹ã®ã§ã™ãŒã€ä»¥ä¸‹ã«ä½¿ãˆãã†ãªã‚‚ã®ã‚’åˆ—æŒ™ã—ã¦ã¿ã¾ã™ã€‚ ï¼’ã¤ã®è‰²ã‚’æ··ãœåˆã‚ã›ã¦æ–°ã—ã„è‰²ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ $.xcolor.combine('#800000', '#0000fa'); ç‰¹å®šã®è‰²ã‚’æ˜Žã‚‹ãã™ã‚‹ã“ã¨ãŒã§ãã‚‹ $.xcolor.lighten('#ff0000'); ç‰¹å®šã®è‰²ã‚’æš—ãã™ã‚‹ã“ã¨ãŒã§ãã‚‹ $.xcolor.darken('#ff0000'); é¡žä¼¼ã®è‰²ã‚’ç”Ÿæˆã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ $.xcolor.analogous('#ff0000'); getRGBãƒ¡ã‚½ãƒƒãƒ‰ã§RGBã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«åˆ†è§£ã§ãã‚‹ WEBã‚»ãƒ¼ãƒ•ã‚«ãƒ©ãƒ¼ã«è£œæ£ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ å¿œç”¨ã™ã‚‹ã“ã¨
uchiuchiyama 2010/07/12
introduction

jquery

plugin

ui

color
ãƒªãƒ³ã‚¯
ColorPicker - jQuery plugin
About A simple component to select color in the same way you select color in Adobe Photoshop Last update 23.05.2009 - Check Download tab Features Flat mode - as element in page Powerful controls for color selection Easy to customize the look by changing some images Fits into the viewport License Dual licensed under the MIT and GPL licenses. Examples Flat mode. $('#colorpickerHolder').ColorPicker({
uchiuchiyama 2008/07/07
jQueryã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ see also http://acko.net/dev/farbtastic

jquery

plugin

ui

color
ãƒªãƒ³ã‚¯
Farbtastic Color Picker â€” Acko.net
jQuery Plug-in Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element's value when a color is selected. Download Farbtastic 1.2 - January 8, 2007 (License: GPL). Demo Farbtastic uses layered transparent PNGs to render a saturation/luminance gradien
uchiuchiyama 2008/02/19
ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼

jquery

plugin

ui

color
ãƒªãƒ³ã‚¯
COLOKSGP - Link Daftar Situs Slot Thailand Terbaik dengan RTP Slot Tertinggi
COLOKSGP - Link Daftar Situs Slot Thailand Terbaik dengan RTP Slot Tertinggi Sebagai portal atau situs slot server thailand yang resmi dan terpercaya, COLOKSGP telah menjadi pilihan yang sangat tepat bagi para pem ain yang ingin mem ainkan slot gacor dengan lebih aman dan nyaman. COLOKSGP menawarkan berbagai permainan slot online dari provider-provider terkenal seperti Pragmatic Play, Joker123, Haba
uchiuchiyama 2008/02/19
ã‚µãƒ¼ãƒ¢ã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã®è‰²åˆã„ã‚’ç°¡å˜ã«å‡ºã›ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jquery

plugin

color

ui
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã®ãƒ†ã‚ã‚¹ãƒˆãŒã‚‚ã£ã¨ã‚‚èªã¿ã‚„ã™ã„æ–‡å—è‰²ã¨èƒŒæ™¯è‰²ã¯ï¼Ÿ | POP*POP
1997å¹´ã®ç ”ç©¶ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ã€Œã‚¦ã‚§ãƒ–ä¸Šã®ãƒ†ã‚ã‚¹ãƒˆãŒã‚‚ã£ã¨ã‚‚èªã¿ã‚„ã™ã„ã®ã¯ã©ã†ã„ã†ã¨ãï¼Ÿã€ãªã‚‹ã‚‚ã®ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ Â» Web page readability: Green text on yellow works the best ã“ã®ç ”ç©¶ã§ã¯ã€ãƒ•ã‚©ãƒ³ãƒˆã€è‰²ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã„ã‚ã„ã‚å¤‰ãˆã¦ã©ã®çµ„ã¿åˆã‚ã›ãŒèªã¿ã‚„ã™ã„ã‹ã‚’èª¿ã¹ãŸã‚ˆã†ã§ã™ã€‚ ã„ãã¤ã‹å‚è€ƒã«ãªã‚Šãã†ãªçµæžœãŒã‚ã£ãŸã®ã§ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã§ã¯æ—©é€Ÿãã®ç ”ç©¶çµæžœã‹ã‚‰ã€‚ ã‚‚ã£ã¨ã‚‚èªã¿ã‚„ã™ã‹ã£ãŸã®ã¯ã€Œé»„è‰²ã®èƒŒæ™¯ã€ã«ã€Œç·‘ã®æ–‡å—ã€ã ãã†ã§ã™ã€‚ãŸã ã—ãƒ•ã‚©ãƒ³ãƒˆãŒæ–œä½“ã®Arialã®ã¨ãã¯ã“ã®çµ„ã¿åˆã‚ã›ã¯æœ€æ‚ªã ãã†ã§ã™ã€‚ Times New Romanã®ã»ã†ãŒArialã‚ˆã‚Šèªã¿ã‚„ã™ã„ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚‚åˆã‚ã›ã¦è€ƒãˆã‚‹ã¨ã€ŒTimes New Romanã§ã€æ–œä½“ã§ã€é»„è‰²ã®èƒŒæ™¯ã§ã€ç·‘ã®æ–‡å—ã€ãŒä¸€ç•ªèªã¿ã‚„ã™ã‹ã£ãŸãã†ã§ã™ã€‚ â†‘ ã“ã‚“ãªæ„Ÿã˜ã§ã™ããƒ»ãƒ»ãƒ»ã€‚ ã€Œã‚°
uchiuchiyama 2007/06/29
usability

web

design

ui

font

color

css
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹16ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ„ãƒ¼ãƒ« - DesignWalker
uchiuchiyama 2007/03/11
web

design

css

tools

color

image

icon

logo

tips

ui
ãƒªãƒ³ã‚¯
1