スクリーンショットを撮るã¨ç”»é¢ä¸Šã®ãƒ†ã‚ストãŒæ¶ˆãˆã‚‹ã‚µã‚¤ãƒˆãŒç™»å ´ã€‚ãã®ä»•çµ„ã¿ã¨ã¯ã€ã‚„ã˜ã†ã¾Watch】
UIデザインã§ä¸å¤®é…ç½®ãŒãšã‚Œã¦ã—ã¾ã†ç†ç”±ã¨è§£æ±ºæ–¹æ³•
UIデザインã«ã¯ã€è‡³ã‚‹æ‰€ã«ä¸å¤®æƒãˆãŒä½¿ç”¨ã•ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€ã‚¢ã‚¤ã‚³ãƒ³ã¨ãƒ†ã‚ストãŒç¾Žã—ãæƒã‚ãªã„ã€ãƒ†ã‚ストãŒãƒœã‚¿ãƒ³ã®ä¸å¤®ã‹ã‚‰ãšã‚Œã¦ã„ã‚‹ã€ãã‚“ãªã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ UIデザインã§ä¸å¤®é…ç½®ãŒãšã‚Œã¦ã—ã¾ã†ã¨ãã®ç†ç”±ã€å®Ÿè£…時ã«ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーãŒã§ãã‚‹ã“ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã§ãã‚‹ã“ã¨ã€æ•°å—çš„ãã—ã¦è¦–覚的ãªèª¿æ•´æ–¹æ³•ãªã©ã‚’紹介ã—ã¾ã™ã€‚ã™ãã«å®Ÿè£…ã§è©¦ã—ãŸããªã‚‹ã“ã¨ã°ã‹ã‚Šã§ã™ã€‚ Hardest Problem in Computer Science: Centering Things by Niki Tonsky 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠フォントã«ãŠã‘ã‚‹ä¸å¤®æƒãˆ line-heightã«ãŠã‘ã‚‹ä¸å¤®æƒãˆ アイコンã«ãŠã‘ã‚‹ä¸å¤®æƒãˆ アイコンフォントã«ãŠã‘ã‚‹ä¸å¤®æƒãˆ ä¸å¤®é…ç½®ãŒãšã‚Œã¦ã„ã‚‹ã®ã¯ã€ã‚¹ã‚ルã®å•é¡Œ 水平方å‘ã®ä¸å¤®æƒãˆ
４年間ã€7色ã ã‘ã§UIをデザインã—続ã‘ãŸè©±ï½œã‚³ã‚¦ãƒŽ アスヤ
2019å¹´ã«ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã¨ã—ã¦ç‹¬ç«‹ã—ãŸæ™‚ã™ãã«å£°ã‚’ã‹ã‘ã¦ã„ãŸã ã„ã¦ã€ãã“ã‹ã‚‰ãšã£ã¨UIデザイナーã¨ã—ã¦é–¢ã‚ã£ã¦ããŸæ ªå¼ä¼šç¤¾FLINTERSãŒä»Šå¹´ã§è¨ç«‹10周年ãªã‚“ã ãã†ã§ã™ã€‚ãれを記念ã—ã¦ã€ãªã‚“ã¨ãƒ¡ãƒ³ãƒãƒ¼ã§ãƒªãƒ¬ãƒ¼ã—ãªãŒã‚‰133日間ブãƒã‚°ã‚’書ã続ã‘ã‚‹ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã«æŒ‘戦ä¸ã¨ã®ã“ã¨ã€‚今回ã¯ãã®101日目ã®è¨˜äº‹ã¨ãªã‚Šã¾ã™ã€‚ 漫画アプリ「GANMA!ã€æ¼«ç”»ã‚¢ãƒ—リGANMA!僕ãŒé–¢ã‚ã£ã¦ã„ã‚‹ã®ã¯GANMA!ã®ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã§ã™ã€‚iOSå‘ã‘ã¨Androidå‘ã‘ãŒã‚ã‚Šã€ãã®ä¸¡æ–¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’担当ã—ã¦ã„ã¾ã™ã€‚ オリジナルã®ä½œå“ã§ã™ã¨ã€æœ€è¿‘アニメ化ã•ã‚ŒãŸå±±ç”°ãã‚“ã¨Lv999ã®æ‹ã‚’ã™ã‚‹ãªã©ãŒæœ‰åã§ã—ょã†ã‹ã€‚作å“自体ã¯ã„ã‚ã‚“ãªæ¼«ç”»ã‚¢ãƒ—リã§èªã‚ã¾ã™ãŒã€åŽŸä½œã¯GANMA!発。最新話ãŒæœ€é€Ÿã§èªã‚ã‚‹ã®ã‚‚GANMA!ã ã‘ã§ã™ã€‚ GANMA!ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ãšã£ã¨åƒ•1人ã ã‘ãªã®ã§ã€åƒ•ã®æ€æƒ³ã‚„判æ–ãŒã‘ã£ã“ã†å¤§ãã‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã«åæ˜ ã•ã‚Œã‚‹
Midjourneyを１年間使ã£ã¦è¦‹ã¤ã‘ãŸã€Webデザインã«ä½¿ãˆã‚‹ãƒ—ãƒãƒ³ãƒ—ト全ガイド | PhotoshopVIP
「ã©ã†ã™ã‚Œã°AIã‚’Webデザインã«æ´»ç”¨ã§ãã‚‹ã ã‚ã†ã€ 人工知能AIãŒã“ã‚Œã ã‘話題ã«ãªã£ãŸã„ã¾ã€Webやグラフィックデザインã€ã‚¤ãƒ©ã‚¹ãƒˆã‚„ゲームãªã©ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªæ¥å‹™ã‚’ã“ãªã™äººãªã‚‰ã€ä¸€åº¦ã¯è€ƒãˆãŸã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ç”ãˆã®ã²ã¨ã¤ã¯ãšã°ã‚Šã€Midjourneyãªã©ã®ç”»åƒç”ŸæˆAIã§ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å…·ç¾åŒ–ã™ã‚‹ã“ã¨ã€‚ ã—ã‹ã—ã€ãã†ã¯è¨€ã£ã¦ã‚‚入力ã§ãるプãƒãƒ³ãƒ—トã¯ç„¡é™ã«ã‚ã‚Šã€å®Ÿéš›ã«ã©ã®ã‚ˆã†ã«å…¥åŠ›ã™ã‚Œã°æœ€é«˜ã®çµæžœã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã‹ã€ã™ã¹ã¦èª¿ã¹ã‚‹ã®ã¯ã‚ã¾ã‚Šã«ã‚‚大変ã§ã™ã€‚ ãã“ã§ã“ã®è¨˜äº‹ã§ã¯ã€Midjourneyを１年間使ã„続ã‘ã¦è¦‹ã¤ã‘ãŸã€Webデザインã«ä½¿ãˆã‚‹Midjourneyプãƒãƒ³ãƒ—トã€å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ 具体的ãªã‚µãƒ³ãƒ—ル例ã¨ãƒ—ãƒãƒ³ãƒ—トを一緒ã«è¨˜è¼‰ã—ã¦ãŠã‚Šã€ã‚³ãƒ”ペã§ãã®ã¾ã¾åˆ©ç”¨ã§ãã¾ã™ã€‚ 「Midjourneyã£ã¦ä½•ï¼Ÿã€ã¨ã„ã†ã²ã¨ã¯ã€åŸºæœ¬ã®ä½¿ã„方をã¾ã¨ã‚ãŸä»¥ä¸‹ã®ã‚¬ã‚¤ãƒ‰ã‚’å‚考ã«ã©
デジタルåºã®ã‚µã‚¤ãƒˆã¯ã„ã¤ã‹ã‚‰ã‚„ã°ã‹ã£ãŸã‹ - Qiita
デジタルåºã®ã‚µã‚¤ãƒˆãŒã‚„ã°ã™ãŽã‚‹ã‚ˆã†ã ã“ã¡ã‚‰ã®è¨˜äº‹ãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã™ã€‚ çœåºã®ã‚µã‚¤ãƒˆã¨ã„ãˆã°æž¯ã‚Œæžœã¦ãŸæŠ€è¡“ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†å°è±¡ã§ã™ãŒã€ãƒ‡ã‚¸ã‚¿ãƒ«åºã¯ã•ã™ãŒæ–°ã—ã„技術をã‚ャッãƒã‚¢ãƒƒãƒ—ã—ã¦ã„ã¦ã€ã—ã‹ã‚‚動作も軽快ã§ç´ 晴らã—ã„ï¼ã¨ 「ã„ã„æ„味ã§ã‚„ã°ã„〠ã¨ã„ã†å†…容ã§ã—ãŸã€‚ ã“ã¡ã‚‰ã¯ã€ã‚µã‚¤ãƒˆã‚¹ãƒ”ードã®è¦³ç‚¹ã‹ã‚‰è€ƒå¯Ÿã—ã¦ã¿ãŸã‚¢ãƒ³ã‚µãƒ¼çš„ãªè¨˜äº‹ã¨ãªã‚Šã¾ã™ã€‚ デジタルåºã‚µã‚¤ãƒˆã¯2022å¹´4月ã«åˆ·æ–°ã•ã‚ŒãŸæ¨¡æ§˜ Googleã¯Chromeユーザーã‹ã‚‰ä¸–ç•Œä¸ã®Webサイトã®ã‚¹ãƒ”ードã«é–¢ã™ã‚‹æƒ…å ±ã‚’åŽé›†ã—ã¦ãŠã‚Š(Chrome UX Report)ã€ãƒ‘ブリックã«å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚‹ã¨ã€ãƒ‡ã‚¸ã‚¿ãƒ«åºã‚µã‚¤ãƒˆã®ã‚¹ãƒ”ードã¯2022å¹´4月ã«æ€¥æ¿€ã«æ”¹å–„ã•ã‚Œã¦ã„ã¾ã™ã€‚ 例ãˆã°LCPã®75パーセンタイルã¯ã“ã®ã‚ˆã†ã«æŽ¨ç§»ã—ã¦ãŠã‚Šã€2022å¹´4月ã«åŠåˆ†ä»¥ä¸‹ã®æ™‚é–“ã«æ”¹å–„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®é–“ã«ä½•ãŒã‚ã£ãŸã®ã‹ãªï¼Ÿã¨ã„ã†ã“ã¨ã§ã€Inter
AIã¯è‰²ã‚’〈ç†è§£ã€‰ã—ã¦ã„ã‚‹ã‹ï¼Ÿ アートディレクターãŒã€ŒChatGPTã€ã«é…色をæ案ã•ã›ã¦ã¿ãŸ
対話型AIã®è©±é¡ŒãŒå°½ããªã„。ç«ä»˜ã‘å½¹ã¨ãªã£ãŸã®ã¯ã€ŒChatGPTã€ã 。質å•ã‚„指示を投ã’ã‹ã‘ã‚‹ã¨ã€AIãŒå›žç”を生æˆã™ã‚‹ã€‚デザインã§ã®æ´»ç”¨ã‚‚å¯èƒ½ã ã‚ã†ã‹ã€‚サントリー『特茶ã€ã®ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã‚’手ãŒã‘ãŸã‚¢ãƒ¼ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼å°æ‰å¹¸ä¸€æ°ãŒã€ã€ŒChatGPTã€ã«ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã—ã¦ã¿ãŸã€‚ AIã®ãŠæ‰‹ä¸¦ã¿æ‹è¦‹ å°æ‰ã€€ã€Œè‰²ã€ã¯ã€å•†å“やサービスã€ä¼æ¥ãƒ–ランドãªã©ã®ã€ˆã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³äººæ ¼ã€‰ã‚’構æˆã™ã‚‹é‡è¦ãªè¦ç´ ã®ã²ã¨ã¤ã§ã™ã€‚ã€ˆã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³äººæ ¼ã€‰ã¨ã¯ã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ãªã‚‹ç”Ÿæ´»è€…ã¨é–¢ä¿‚を築ããŸã‚ã®ã€ãƒ–ランドå´ã®ã€ˆäººæ ¼ã€‰ã®ã“ã¨ã§ã™ã€‚ コミュニケーションã™ã‚‹å´ã®å•†å“やサービスã€ä¼æ¥ãƒ–ランドã¯ã©ã‚“ãªã€ˆäººã€‰ãªã®ã‹ã€‚ターゲットã¨ã™ã‚‹äººãŸã¡ã«è©±ã—ã‹ã‘ãŸã¨ãã€ã¡ã‚ƒã‚“ã¨èžã„ã¦ã‚‚らãˆã‚‹äººæ ¼ã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ã‚’考ãˆã‚‹ã¨ã“ã‚ã‹ã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å§‹ã¾ã‚Šã¾ã™ã€‚ 「ChatGPTã€ã¨ã¯ 「ChatGPTã€ã¯å…¥åŠ›ã—ãŸè³ªå•ã‚„指示ãªã©ã«å¯¾ã—ã¦å›žç”ã¨ãª
Web Content Accessibility Guidelines (WCAG) 2.0
ã€æ³¨æ„】 ã“ã®æ–‡æ›¸ã¯ã€2008 å¹´ 12 月 11 日付㮠W3C 勧告「WCAG 2.0〠(原文ã¯è‹±èªž)ã‚’ã€æƒ…å ±é€šä¿¡ã‚¢ã‚¯ã‚»ã‚¹å”è°ä¼šã®ã€Œã‚¦ã‚§ãƒ–アクセシビリティ基盤委員会 (WAIC)ã€ãŒç¿»è¨³ã¨ä¿®æ£ã‚’ãŠã“ãªã£ã¦å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ã“ã®æ–‡æ›¸ã®æ£å¼ç‰ˆã¯ã€ã‚ãã¾ã§ W3C ã®ã‚µã‚¤ãƒˆå†…ã«ã‚る英語版ã§ã‚ã‚Šã€ã“ã®æ–‡æ›¸ã«ã¯ç¿»è¨³ä¸Šã®é–“é•ã„ã€ã‚ã‚‹ã„ã¯ä¸é©åˆ‡ãªè¡¨ç¾ãŒå«ã¾ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã”注æ„ãã ã•ã„。 ã€æ³¨æ„】ã“ã®æ–‡æ›¸ã«ã¯ã‚ˆã‚Šæ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå˜åœ¨ã—ã¾ã™: Web Content Accessibility Guidelines (WCAG) 2.1 W3C 勧告 2008 å¹´ 12 月 11 æ—¥ã“ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ 最新ãƒãƒ¼ã‚¸ãƒ§ãƒ³:http://www.w3.org/TR/WCAG20/å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³:
ソシオメディア | ヒューマンインターフェース ガイドライン
ソシオメディアãŒã¾ã¨ã‚ã¦ã„ã‚‹ã€ãƒ’ューマンインターフェースをデザインã™ã‚‹éš›ã®æŒ‡é‡ã§ã™ã€‚ã“れらã¯ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹æ§˜ã€…ãªæ–‡çŒ®ã¨ã€å®Ÿéš›ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã§å¾—ãŸçŸ¥è¦‹ã‚’ã‚‚ã¨ã«ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ãŒç‹¬è‡ªã«ç·¨çº‚ã—ãŸã‚‚ã®ã§ã™ã€‚継続的ã«è¿½åŠ ・更新ã—ã¦ã„ãã¾ã™ã€‚ ã™ã¹ã¦ãƒ¢ãƒ‡ãƒ«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ—レゼンテーション
ã€ãƒˆãƒ¬ãƒ³ãƒ‰åˆ†æžã€‘最近ã®ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä¼¼é€šã£ã¦ãã¦ã„ã‚‹å•é¡Œ デザイン会社 ビートラックス: ブãƒã‚°
最近ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã«ãŠã‘ã‚‹ãƒã‚´ãƒˆãƒ¬ãƒ³ãƒ‰ã§ã¯ã€ãã®ã‚¹ã‚¿ã‚¤ãƒ«ã«å¤šãã®é¡žä¼¼æ€§ãŒã‚ã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚ãã®ä¸ã§ã‚‚ã€ç‰¹ã«ã‚¹ãƒžãƒ›å‘ã‘ã®ã‚¢ãƒ—リã®å½±éŸ¿ã§ã‚¢ã‚¤ã‚³ãƒ³ã®å˜åœ¨ãŒãã®ãƒ–ランドを強ãå°è±¡ã¥ã‘る役割を果ãŸã—ã¦ã„る。 ã€ãƒˆãƒ¬ãƒ³ãƒ‰åˆ†æžã€‘最近ã®ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä¼¼é€šã£ã¦ãã¦ã„ã‚‹å•é¡Œ – 第2å¼¾ 多ãã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã©ã‚“ã©ã‚“カラフル㫠é™ã‚‰ã‚ŒãŸã‚¹ãƒšãƒ¼ã‚¹ã«è¤‡æ•°ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒä¸¦ã¶ã‚¹ãƒžãƒ›ã®ãƒ›ãƒ¼ãƒ ç”»é¢ã§å˜åœ¨æ„Ÿã‚’出ã™ãŸã‚ãªã®ã‹ã€æœ€è¿‘ã®ã‚¢ã‚¤ã‚³ãƒ³ã¯ã©ã‚“ã©ã‚“カラフルã«ãªã£ã¦ãã¦ã„る。ã“ã‚Œã¯ã€ç”»é¢ã®è§£åƒåº¦ãŒä¸ŠãŒã£ã¦ãã¦ã„ã‚‹æ©æµã§ã‚‚ã‚ã‚‹ãŒã€ã©ã‚“ã©ã‚“没個性ã«ã‚‚ã¤ãªãŒã£ã¦ã„る。 カラフルアイコンã®ä»£è¡¨çš„ãªã®ãŒã‚¤ãƒ³ã‚¹ã‚¿ã‚°ãƒ©ãƒ 。インスタã¯2016å¹´ã«ãã‚Œã¾ã§ã®ã‚«ãƒ¡ãƒ©é¢¨ã®ã‚¢ã‚¤ã‚³ãƒ³ã‹ã‚‰ã€æ€ã„切ã£ã¦ã‚«ãƒ©ãƒ•ãƒ«ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å–り入れãŸã‚¢ã‚¤ã‚³ãƒ³ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã£ãŸã€‚ Googleサービスã®è¦‹åˆ†ã‘ã‚’ã¤ã‘ã‚‹ã®ãŒé›£æ˜“度高゠カラフルãªã‚«ãƒ©ãƒ¼ã‚¹ã‚ームã®ä»£è¡¨ã¨ã„ãˆã°
100 DAYS OF POETRY
100 DAYS OF POETRY is an artwork, which consists of a graphic design Notty created per day for 100 days. These 100 days were also the days when he faced his own complexes and frustrations. He thought he could get closer to his ideal self by doing this project. He did not create each work as a separate piece of art, but instead expressed his feelings and thoughts as 100 graphics as if he were writi
CSSセレクタã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆï½œ37パターンを一覧ã§è§£èª¬
CSSセレクタã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã§ã¯ã€è¦ç´ セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / åå«ã‚»ãƒ¬ã‚¯ã‚¿ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似è¦ç´ / 全称セレクターã‹ã‚‰37パターンã®ã‚»ãƒ¬ã‚¯ã‚¿ã®èª¬æ˜Žã¨å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã§ä½¿ã„方サンプルを紹介ã—ã¦ã„ã¾ã™ã€‚
★★CSSã ã‘ã§ç°¡å˜ï¼ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹ï¼ˆã‚¹ãƒžãƒ›å¯¾å¿œï¼‰
HTML <header> <div id="nav-drawer"> <input id="nav-input" type="checkbox" class="nav-unshown"> <label id="nav-open" for="nav-input"><span></span></label> <label class="nav-unshown" id="nav-close" for="nav-input"></label> <div id="nav-content">ã“ã“ã«ä¸èº«ã‚’入れる</div> </div> </header> inputやらlabelやらãŒå…¥ã£ã¦ã„ã¦ã€ä½•ã®ã“ã¨ãŒåˆ†ã‹ã‚Šã¥ã‚‰ã„ã‹ã¨æ€ã†ã®ã§ã€å°‘ã—解説をã—ã¾ã™ã€‚ 解説 全体ã¯headerã§å›²ã‚“ã§ã„ã¾ã™ã€‚ä»–ã«ã‚‚サイトタイトルやãƒã‚´ç”»åƒã‚’入れるã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚<div id="nav-drawer">ã®ä¸ã«
ç„¡æ–™ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒŠãƒ¼ã‚‚作れる超有能ツールï¼Google Web Designerã®åŸºæœ¬ï½œã‚¢ãƒŠã‚°ãƒ©ãƒ æ ªå¼ä¼šç¤¾
皆ã•ã‚“ã¯ãƒãƒŠãƒ¼ä½œæˆã®éš›ã€ã©ã®ã‚ˆã†ãªãƒ„ールを使用ã—ã¦ã„ã¾ã™ã‹ï¼ŸPhotoshopã‚„Illustratorç‰ã®æœ‰æ–™ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚½ãƒ•ãƒˆã¯ã€ç¤¾å†…ã«å°Žå…¥ã—ã¦ã„ãªã„ケースやデザインã®æŠ€è¡“ãŒãªã利用ã—ã¦ã„ãªã„人も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ãƒ•ãƒªãƒ¼ç´ æサイトã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸç”»åƒã‚’リサイズã—入稿ã™ã‚‹ã®ã‚‚良ã„ã§ã™ãŒã€ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸€æ–‡åŠ ãˆã‚‹ã ã‘ã§å°è±¡ãŒå¤‰ã‚ã‚Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã“ã¨ã§åºƒå‘Šã‚’より目立ãŸã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 2016å¹´6月ã«Flashå½¢å¼ã®ãƒ‡ã‚£ã‚¹ãƒ—レイ広告ãŒGoogle アドワーズã¸ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ããªããªã‚Šã€2017å¹´1月以é™Flashå½¢å¼ã®ãƒ‡ã‚£ã‚¹ãƒ—レイ広告ãŒå»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚Flashå½¢å¼ã¨åŒã˜ãå‹•ãã®ã‚る広告ã¯ã€HTML5広告を利用ã™ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚Google Web Designerã§ã¯å·¥æ•°ã‚‚ã‹ã‘ãšã«Google ディスプレイãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚ャンペーンå‘ã‘ã®HTML5広告
ã€ä¿å˜ç‰ˆã€‘デザインをå¦ã¶ã™ã¹ã¦ã®äººã«è´ˆã‚‹ã€é…色アイデア見本101é¸
é…色ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹é‡è¦ãªè¦ç´ ã®ã²ã¨ã¤ã§ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®å‚考ã«ã—ãŸã„ã€æœ€æ–°ã®è‰²ã®çµ„ã¿çµ„ã¿åˆã‚ã›101種類をã”紹介ã—ã¾ã™ã€‚ é…色ã¯ã€ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚見る人ã®èªè˜ã‚’å½¢æˆã—ãªãŒã‚‰ã€é›°å›²æ°—やトーンをè¨å®šã—ã¾ã™ã€‚å˜è‰²ã‚„明るã„ã€æ¶¼ã—ã„ã€æš–ã‹ã„ã€ã¾ãŸã¯è£œè‰²ã§ã‚ã‚Œã€ã™ã¹ã¦ã®è‰²åˆã„ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®å½¹å‰²ã‚’æžœãŸã—ã¾ã™ã€‚ デザインã«é©ã—ãŸè‰²ã‚’見ã¤ã‘る作æ¥ã¯é›£ã—ã„ã“ã¨ã§ã™ã€‚ãã“ã§ã€é…色ã®å‚考ã«ã—ãŸã„101種類ã®è‰²ã®çµ„ã¿åˆã‚ã›ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚å„カラーパレットã¯ã€Shutterstockã®ã‚¤ãƒ¡ãƒ¼ã‚¸ç”»åƒã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚Œã¦ãŠã‚Šã€HEXコードも一緒ã«è¨˜è¼‰ã—ã¦ã„ã‚‹ã®ã§ã€ã‚¦ã‚§ãƒ–デザインやソーシャルメディア広告ã€Eメールデザインãªã©å¹…広ã利用ã§ãã¾ã™ã€‚ コンテンツ目次 1. å˜è‰²ç³»ã‚«ãƒ©ãƒ¼ãƒ‘レット 2. 寒色系カラーパレット 3. 鮮やã‹ãªã‚«ãƒ©ãƒ¼ãƒ‘レット 4. 暖色系カラーパレット 5. 補色系カラーパ
2017å¹´ã«æ³¨ç›®ã•ã‚ŒãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’解説
2017å¹´ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¨ã£ã¦å¤šæ§˜æ€§ã®ä¸€å¹´ã§ã—ãŸã€‚ä¸ã§ã‚‚ユーザーフレンドリーã«æ³¨ç›®ã•ã‚ŒãŸå¹´ã¨è¨€ãˆã‚‹ã§ã—ょã†ã€‚ 2018å¹´ã“ã‚Œã‹ã‚‰ã®Webサイトã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§æŠ¼ã•ãˆã¦ãŠããŸã„インターフェイスデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’紹介ã—ã¾ã™ã€‚ Review of Popular Interface Design Trends in 2017 by Marina Yalanska 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 機能的ãªãƒŸãƒ‹ãƒžãƒªã‚ºãƒ ブルータリズム画åƒã«çµ±åˆã•ã‚ŒãŸã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ アニメーションã™ã‚‹ãƒ’ーãƒãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ オリジナルã®ã‚¤ãƒ©ã‚¹ãƒˆ æž ç·šãŒãªã„レイアウト ã•ã¾ã–ã¾ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ UIã«å„ªã—ã„ブランディング å˜è‰²ã®UI 進化ã—ãŸæš—ã„背景ã®ä½¿ã„æ–¹ æ–‡å—ã‚’èªã¾ã›ã‚‹ãŸã‚ã®ã‚¹ãƒšãƒ¼ã‚¹ コントラストを
スパムメールã‹ã‚‰åŽé›†ã—ãŸãƒ†ã‚スト装飾 : mwSoft blog
先日ã€æˆ‘ãŒå®¶ã®æ¨ã¦ã‚¢ãƒ‰ã‚’久々ã«é–‹ã„ãŸã‚‰ã€æ•°åƒä»¶ã®ã‚¹ãƒ‘ムメールãŒæºœã¾ã£ã¦ã„ã‚‹ã“ã¨ã«æ°—ã¥ã„ãŸã€‚ オオアリクイã¿ãŸã„ãªã‚»ãƒ³ã‚¹ã®è‰¯ã„スパムãŒãªã„ã‹ãªãã¨æ€ã£ã¦è»½ã見ã¦ã¿ãŸãŒã€æ®‹å¿µãªãŒã‚‰è‰¯è³ªãªå†…容ã¯è¦‹å½“ãŸã‚‰ãªã‹ã£ãŸã€‚ ãŸã ã€è¦‹ã¦ã„ã‚‹ã¨ã€ãƒ†ã‚スト装飾ãŒå‡ã£ãŸã‚‚ã®ãŒå¤šãã¦æ„Ÿå¿ƒã—ãŸã€‚ 仕事ã§ã‚‚æƒ…å ±ã‚’ãƒ†ã‚ストã§æ®‹ã™ã“ã¨ãŒã‚ã‚‹ã‘ã©ã€ãã‚“ãªæ™‚ã«ã¡ã‚‡ã£ã¨è¦‹ã‚„ã™ãã™ã‚‹ã®ã«ä½¿ãˆã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦åŽé›†ã—ã¦ã¿ãŸã€‚ ============================================================ ************************************************************ ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ ----------------------------------------------------
ランã‚ング
メンテナンス
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
RandomA11y - Accessible Color Combinations
ベイクãƒãƒ¼ã‚ºã‚¿ãƒ«ãƒˆ | BAKE CHEESE TART
WCAG - Contrast Checker
http://ideahacker.net/2015/02/14/9779/
{{#tags}}- {{label}}
{{/tags}}