Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
UI デザイナーãŒã‚«ãƒ©ãƒ¼ãƒ‘レットã§æ‚©ã‚“ã ã¨ãã«å‚考ã«ãªã‚‹ã‚µãƒ¼ãƒ“ス5é¸ ï½œãƒ–ãƒã‚°ï½œroot｜デザインã®å®Ÿè·µã‚’個ã‹ã‚‰çµ„織・事æ¥ã¸
root UIデザイナーã®å¤é‡Œã§ã™ã€‚ UIデザインをやã£ã¦ã„ã‚‹ã¨ã€åº¦ã€…カラーパレットã§æ‚©ã‚€å ´é¢ã«éé‡ã—ã¾ã™ã€‚特ã«æƒ…å ±ãŒå¤šããªã£ã¦ããŸã¨ãã¯å¤§å¤‰ã§ã™ã‚ˆã。 ãã‚“ãªã¨ãå‚考ã«ã—ã¦ã„る便利ãªã‚µãƒ¼ãƒ“ス5ã¤ç´¹ä»‹ã—ã¾ã™ï¼ 1.Coolors(https://coolors.co/)スペースãƒãƒ¼ã‚’押ã™ã¨ã‚«ãƒ©ãƒ¼ãƒ‘レットを自動生æˆã—ã¦ãれるサービス。 ãƒã‚°ã‚¤ãƒ³ã™ã‚‹ã¨è‡ªåˆ†ã®ã‚«ãƒ©ãƒ¼ãƒ‘レットをä¿å˜ã§ãã‚‹ã ã‘ã§ã¯ãªãã€ä»–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä¿å˜ã—ãŸã‚«ãƒ©ãƒ¼ãƒ‘レットをå‚ç…§ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã—ã¦ã€æ’®å½±ã—ãŸå†™çœŸã‹ã‚‰è‰²ã‚’スãƒã‚¤ãƒˆã—ãŸã‚Šã€ä¸€éƒ¨ã®ã‚«ãƒ©ãƒ¼ã®ã¿ãƒãƒƒã‚¯ã—ã¦ä»–ã®è‰²ã ã‘変ãˆãŸã‚Šã€RBA, CMYK, HSBãªã©æ§˜ã€…ãªã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã§ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚iOS/Androidアプリもリリースã—ã¦ãŠã‚Šã€Photoshopやイラストレーターã§ä½¿ãˆã‚‹ãƒ—ラグインもリリースã—ã¦ã„ã¾ã™ã€‚ã„ã¤ã§ã‚‚ã©ã“ã§ã‚‚ç°¡å˜ã«ã•ãã£ã¨ã‚«ãƒ©ãƒ¼ãƒ‘レッ
デザインã®å°è±¡ã¯è‰²ãŒå·¦å³ã™ã‚‹ï¼é…色パターンã«ã¤ã„ã¦è€ƒãˆã‚ˆã†
何ã‹ã‚’デザインã™ã‚‹æ™‚ã€è‰²é¸ã³ã«æ‚©ã¾ã•ã‚ŒãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿè‰²ãŒäººé–“ã®å¿ƒç†ã«åƒãã‹ã‘る影響ã¯ã¨ã¦ã‚‚大ãã„ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ãã‚Œãžã‚Œãƒ‡ã‚¶ã‚¤ãƒ³ãŒæŒã¤ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å´©ã•ãšã«ã€ä¸Šæ‰‹ã色を使ã†ã«ã¯ã€é…色ã®çŸ¥è˜ãŒã‚ã‚‹ã¨ã¨ã¦ã‚‚有利ã§ã™ã€‚色ã®é¸æŠžæ¬¡ç¬¬ã§é›°å›²æ°—も大幅ã«å¤‰ã‚ã£ã¦ãã¾ã™ã€‚今回ã¯é…色パターンをä¸å¿ƒã«ã€è‰²ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®é–¢ã‚ã‚Šã«ã¤ã„ã¦è€ƒãˆã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ç·¨é›†ãƒ»åŸ·ç† ï¼SHIGEMATSU, AYUPY GOTO 色ã®æŒã¤ã‚¤ãƒ¡ãƒ¼ã‚¸ã¨ã¯ï¼Ÿ 色ã®é¸æŠžã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹éš›ã¨ã¦ã‚‚é‡è¦ã§ã™ã€‚ãŸãã•ã‚“ã®è‰²ãŒã‚ã‚‹ä¸ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ã«åˆã£ãŸã‚‚ã®ã‚’é¸ã¶ã“ã¨ãŒã§ãã‚‹ã‹ãŒå¤§åˆ‡ã«ãªã£ã¦ãã¾ã™ã€‚明暗ãŒå°‘ã—変ã‚ã‚‹ã ã‘ã§ã‚‚ãƒã‚¸ãƒ†ã‚£ãƒ–ã«æ„Ÿã˜ãŸã‚Šã€ãƒã‚¬ãƒ†ã‚£ãƒ–ã«æ„Ÿã˜ãŸã‚Šâ€¦è‰²æ¬¡ç¬¬ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå·¦å³ã•ã‚Œã¾ã™ã€‚ãã®ãŸã‚ã€è‰²ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã¤ã„ã¦ã—ã£ã‹ã‚Šã¨ç†è§£ã‚’æ·±ã‚ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãšã¯ã€å¤šãã®äººãŒæŒã¤ä¸€èˆ¬çš„ãªè‰²ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾
comm（コム）/ã‚‚ã£ã¨ã¤ãªãŒã‚‹ã€é«˜éŸ³è³ªãªç„¡æ–™é€šè©±ã‚¢ãƒ—リ
comm（コム）ã¯é«˜éŸ³è³ªãªé€šè©±ã‚„メッセージã®ã‚„ã‚Šã¨ã‚ŠãŒå…¨ã¦ç„¡æ–™ã§æ¥½ã—ã‚るスマートフォンアプリã§ã™ã€‚大切ãªäººã¨é›»è©±ã‚’ã—ãŸã‚Šã€ä»²è‰¯ã—ã®å‹ã ã¡ã¨ã‚ã„ã‚ã„グループトークをã—ã¦ã¿ã‚ˆã†ï¼Comm 高å“質ãªç„¡æ–™é€šè©±ã§å¤§å¥½ããªäººã¨é›»è©±ã‚’ã—よㆠcommã®ç„¡æ–™é€šè©±ã¯é«˜å“質ã ã‹ã‚‰ã€ 大好ããªäººã®å£°ã‚‚クリアã«èžã“ãˆã¾ã™ã€‚ iPhone版 無料ダウンãƒãƒ¼ãƒ‰ Android版 無料ダウンãƒãƒ¼ãƒ‰ ※ã¤ãªãŒã‚‹ï¼š 通信ã®å®‰å®šæ€§ã®ãŸã‚ã€éŸ³å£°ãƒ‡ãƒ¼ã‚¿é€šä¿¡ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ã‚µãƒ¼ãƒãƒ¼æ–¹å¼ã‚’採用ã—ã€å¤§è¦æ¨¡ã‚µãƒ¼ãƒ“スã§å®Ÿç¸¾ã®ã‚ã‚‹ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¤ãƒ³ãƒ•ãƒ©ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£ã‚’使用ã—ã¦ã„ã¾ã™ã€‚上記ã®ã»ã‹ã€ç¬¬ä¸‰è€…æ©Ÿé–¢ã«ã‚ˆã‚‹èª¿æŸ»ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ※高音質　： 一般的ãªæºå¸¯é›»è©±ã§ã®é€šè©±ã‚ˆã‚Šã‚‚高ã„ビットレートã®éŸ³å£°ã‚³ãƒ¼ãƒ‡ãƒƒã‚¯ã‚’使用ã—ã¦ã„ã¾ã™ã€‚
クリエイターã¨ã—ã¦åˆºæ¿€ã•ã‚Œãšã«ã¯ã„られãªã„デザインエージェンシーã®ã‚µã‚¤ãƒˆè‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
クリエイターã§ã‚ã‚Œã°ã‚ªã‚·ãƒ£ãƒ¬ãªã‚ªãƒ•ã‚£ã‚¹ã«ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªä»•äº‹ã€ã‹ã£ã“ã„ã„自社サイトã«å刺ã€è‡ªåˆ†ã¯ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªä¸–ç•Œã§ä»•äº‹ã‚’ã—ã¦ã„ã‚‹ã‚“ã ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ãƒ³ãƒ†ã‚£ãƒ†ã‚£ã‚’æ„Ÿã˜ã‚‹äº‹ãŒå¥½ããªäººã¯ã‚„ã£ã±ã‚Šå¤šã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ã‹ãã„ã†åƒ•ã¯ãã®ä¸€äººã§ã€å…ˆæ—¥ã¾ã ã¾ã å…ˆã®è©±ã—ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ã¡ã‚‡ã£ã¨ã€Žåˆ¶ä½œã‚¹ã‚¿ã‚¸ã‚ªçš„ãªãƒ¤ãƒ„ã¡ã‚ƒã‚“ã¨æŒã¨ã†ã‚ˆã€ã¨ã„ã†è©±ã—ã«ãªã‚Šã€å‚考ã«ãªã‚Šãã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ã‚·ãƒ¼ã®è©±ã«ãªã‚Šã¾ã—ãŸã€‚ 僕自身ã¯æ†§ã‚Œã«è¿‘ã„物ã«ãªã‚Šã¾ã™ãŒã€ãã‚“ãªã‚ªãƒ•ã‚£ã‚¹ã¨æ¡ˆä»¶ã®æ•°ã€…ã«å›²ã¾ã‚Œã¾ãã£ãŸç’°å¢ƒã‚’作ã£ã¦ã¿ãŸã„ã¨å¤¢è¦‹ãšã«ã¯ã„られã¾ã›ã‚“。 ãã“ã§ã€ä»Šæ—¥ã¯è‡ªåˆ†è‡ªèº«ã®ãã‚“ãªã€Žã“ã†ãªã‚ŠãŸã„ãªãã€ã¨æ€ãˆã‚‹ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ã‚·ãƒ¼ã®ã‚µã‚¤ãƒˆã‚’ã¡ã‚‡ã£ã¨ã”紹介ï¼åƒ•è‡ªèº«ãŒã„ã„ãªãã“ã‚“ãªã‚µã‚¤ãƒˆã¨ã‹ã‚ªãƒ•ã‚£ã‚¹ã¨ã‹ã€ã£ã¦æ€ãˆã‚‹ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ã‚·ãƒ¼ã°ã‹ã‚Šã§ã€Žã„ã¤ã‹ã“ã†ãªã‚‹ãžï¼ã€ã¨æ„気込む事を目的ã«ã•ã›ã¦ã‚‚らã£ã¦ã‚‹ãŸã‚独æ–ã¨å見ã§ç”³ã—訳
å°‘ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック
å°‘ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック：ズルã„デザイン（1）（1/2 ページ） デザインãŒè‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ä½œã‚ŒãŸã‚‰ã„ã„ãªã‚ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒžã®ã¿ãªã•ã‚“。少ãªã„手間ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsを紹介ã—ã¾ã™ Webプãƒã‚°ãƒ©ãƒžã€Webエンジニアã®çš†ã•ã‚“ãŒã€å€‹äººã§ä½œã‚‹Webサービスやãƒãƒƒã‚«ã‚½ãƒ³ãªã©ã§ã€çŸæœŸé–“ã«é›†ä¸ã—ã¦ã‚µãƒ¼ãƒ“ス開発ã—ã¦ãƒãƒ¼ãƒ³ãƒã—ãŸã„ã¨ãã«ã€ã‚‚ã†ã¡ã‚‡ã£ã¨è‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã¨ã„ã„ãªã‚ã¨ã„ã†å£°ã‚’よãèžãã¾ã™ã€‚ ã“ã®ä¼ç”»ã¯ã€ãã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒžãŒã€å°‘ãªã„手間ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsを紹介ã—ã¾ã™ã€‚ （注）ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ を分ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’拡大ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ズルã„デザインã¯Sassã¨Compassを利用ã—
縦や横ã«é•·ã„サイト「高級ペライãƒã€1度ã¯è¦‹ã¦ãŠããŸã„スクãƒãƒ¼ãƒ«æ¼”出ã®ã¾ã¨ã‚32個ï¼
HTML+CSS+JavaScriptã§ã¤ãるサイトã®å®šç•ªæ¼”出「高級ペライãƒã€ï¼ HTMLファイ部ã®ã€ŒHTML5ã®é¬¼ã€ã“ã¨ã»ã‚“ã ã§ã™ã€‚ カヤック社内ã§ã¯ã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ã¨ã„ã†æ„›ç§°ã§å‘¼ã‚“ã§ã„る縦や横ã«é•·ã„1ページサイト。 スクãƒãƒ¼ãƒ«ã«åˆã‚ã›ãŸãƒ‘ララックスやアニメーションã®æ¼”出ãŒå°è±¡çš„ã§ã™ã‚ˆã。 今回ã¯ã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ã¨ã‚°ã‚°ã‚‹ã¨1ä½ã«è¡¨ç¤ºã•ã‚Œã‚‹ã€ 僕ã®ã¯ã¦ãƒ–「高級ペライãƒã€ã‚¿ã‚°ã‹ã‚‰åŽ³é¸32サイトを紹介ã—ã¾ã™ï¼ ã¾ãšã¯çŽ‹é“ï¼ç¸¦ã«é•·ã„高級ペライãƒ
スマートフォン専用ページを作æˆã™ã‚‹éš›ã«çŸ¥ã£ã¦ãŠããŸã„ãƒã‚¤ãƒ³ãƒˆï½œWebpark
最近今ã‚るサイトをスマートフォンã«å¯¾å¿œã•ã›ã‚‹ã¹ãã€ã‚³ãƒ„コツãŒã‚“ã°ã£ã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€ãã®éš›ã«æ°—ã«ãªã£ãŸã“ã¨ã‚„知ã£ã¦ãŠããŸã„ãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚基本的ãªå†…容も多ã„ã¨æ€ã„ã¾ã™ãŒã€ã”å‚考ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 1. スマートフォンã«å¯¾å¿œã•ã›ã‚‹ã«ã¯ï¼Ÿ ウェブサイトをスマートフォンã«å¯¾å¿œã•ã›ã‚‹ã«ã¯2ã¤ã®ãƒ‘ターンãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ PCã«ã‚‚スマートフォンã«ã‚‚対応ã—ãŸãƒšãƒ¼ã‚¸ã‚’作æˆã™ã‚‹ã‹ã€PC用ページã¨ã¯åˆ¥ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å°‚用ページを作æˆã™ã‚‹ã‹ã§ã™ã€‚ 1ã¤ç›®ã®PCã«ã‚‚スマートフォンã«ã‚‚対応ã—ãŸãƒšãƒ¼ã‚¸ã¯ã€Media Queriesを使ã†å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ Media Queriesを使ã†ã¨ç”»é¢ã®ã‚µã‚¤ã‚ºã®é•ã„ã«ã‚ˆã£ã¦é©ç”¨ã™ã‚‹CSSを変更ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 例ãˆã°ã€CSS-Tricksã¨ã„ã†ã‚µã‚¤ãƒˆã¯ç”»é¢ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤§ãã変ã‚ã£ã¦ã¾ã™ã€‚ Media Queriesã«ã¤ã„ã¦ã¯å¾Œã§ç°¡å˜ã«ç´¹ä»‹
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Webデザインã®è‰²ã®æ±ºã‚æ–¹
Components · Twitter Bootstrap
{{#tags}}- {{label}}
{{/tags}}