複雑ã‹ã¤ãƒªãƒƒãƒãªä½“験をæä¾›ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—リを開発ã™ã‚‹ãŸã‚ã®ãƒãƒ¼ãƒ ワークã€ãã®ä¸ã§ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å½¹å‰²ã«ã¤ã„ã¦
スマートフォンアプリ開発ã«ãŠã‘る共創的ãªé–‹ç™ºãƒãƒ¼ãƒ
複雑ã‹ã¤ãƒªãƒƒãƒãªä½“験をæä¾›ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—リを開発ã™ã‚‹ãŸã‚ã®ãƒãƒ¼ãƒ ワークã€ãã®ä¸ã§ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å½¹å‰²ã«ã¤ã„ã¦
スマホUI考（番外編）　顧客やユーザーã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—リã¯99%ç ´ç¶»ã™ã‚‹ | fladdict
顧客や上å¸ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å ´å½“ãŸã‚Šãªè¦æœ›ã«å¯¾å¿œã—ã¤ã¥ã‘ã‚‹ã¨ã€ã©ã‚“ãªã‚¢ãƒ—リもゴミアプリã«ãªã‚‹ã€‚ãŸã¨ãˆãã‚ŒãŒç†ã«ã‹ãªã£ãŸè¦æœ›ã§ã‚ã£ã¦ã‚‚。 ãªãœãªã‚‰é¢ç©ã®é™ã‚‰ã‚ŒãŸã‚¹ãƒžãƒ›ã§ã¯ã€Œä¸€ç”»é¢ã®æ©Ÿèƒ½æ•°ã¨ãƒœã‚¿ãƒ³æ•°ã€ãŒã€ä½¿ã„易ã•ã¨å“質ã«æ·±ãリンクã—ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã‚’ã€ã‚¨ãƒ©ã„人ã«ãƒ—レゼンã™ã‚‹ã®ãŒãŠä»•äº‹ã®ä»Šæ—¥ã“ã®é ƒã€‚ã§ã‚‚毎回毎回ã€åŒã˜ã“ã¨ã‚’説明ã™ã‚‹ã®ãŒã‚·ãƒ³ãƒ‰ã‚¤ã®ã§è³‡æ–™ã‚’ブãƒã‚°ã«ã¾ã¨ã‚ãŸã„ãªãã¨æ€ã†ãªã©ã€‚ æ€è€ƒå®Ÿé¨“ã¨ã—ã¦ã€ã“ã“ã§ã¯æž¶ç©ºäº‹ä¾‹ã¨ã—ã¦Twitterアプリを例ã«è€ƒãˆã¦ã¿ã‚‹ã€‚ 何ã‹ã®é–“é•ã„ã§ã€æ—¥æœ¬ã®å¤§æ‰‹ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒTwitterã‚’è²·åŽã™ã‚‹ã¨ãƒ»ãƒ»ãƒ»UIデザイナーãŒä½“を張らãªã„ã¨99%ãらã„ã®ç¢ºçŽ‡ã§ã“ã†ãªã‚‹ã®ã§ã™ã€‚ ã“ã“ãŒã‚ªãƒªã‚¸ãƒŠãƒ« Request1: ダイレクトメッセージをトップ階層㫠ユーザーã‹ã‚‰ã®çœŸã£å½“ãªè¦æœ›ã€‚実際ã«ã¯ã‚µãƒ¼ãƒ“スã®æœ¬è³ªã§ã¯ãªã„ã®ã§ã™ãŒã€è¦æœ›ã¯ã‹ãªã‚Šå¤šã„ã¯ãšã€‚ ãŸã Twitter社的ã«ã¯me
インテリアãƒãƒ¼ãƒˆï½žéƒ¨å±‹ã®ã‚¤ãƒ³ãƒ†ãƒªã‚¢ã€æ¨¡æ§˜æ›¿ãˆã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒãƒ¼ãƒˆä¾‹
Interior coordination インテリアコーディãƒãƒ¼ãƒˆ 部屋作りã®æ¥½ã—ã¿ã¨ã„ã£ãŸã‚‰ã‚„ã£ã±ã‚Šæ¨¡æ§˜æ›¿ãˆã‚„コーディãƒãƒ¼ãƒˆï¼ã„ã¤ã‚‚ã®å®¶å…·ã‚‚レイアウト変更ã™ã‚‹ã ã‘ã§ãŠéƒ¨å±‹ã®å°è±¡ãŒå¤‰ã‚ã‚‹ã®ã§ãŠã‚‚ã—ã‚ã„ã§ã™ã。カラーコーディãƒãƒ¼ãƒˆã‚‚盛り込んã ãƒãƒ©ãƒ³ã‚¹ã®è‰¯ã„部屋作りテクニックã§ã™ã€‚ Interior DIY インテリアDIY åˆå¿ƒè€…ã®æ–¹ã«ã‚‚分ã‹ã‚Šã‚„ã™ã„よã†ã€å†™çœŸã‚„イラストã§DIY・日曜大工ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãƒ»ä½œã‚Šæ–¹ã‚’紹介ã—ã¦ã„ã¾ã™ã€‚特ã«ã€Œã™ã®ã“ã€ã¨ã€Œã‚«ãƒ©ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã€ã‚’使ã£ãŸDIYãŒäººæ°—ã§ã™ã€‚ Idea navigation アイデアNAVI インテリアãƒãƒ¼ãƒˆå†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をテーマã«æ²¿ã£ã¦ã¾ã¨ã‚ãŸã‚‚ã®ã‚’ã”紹介ã—ã¾ã™ã€‚ãã®ä»–ã«è‰²ã€…シミュレーション的ãªã“ã¨ã‚‚載ã›ã¦ã„ã¾ã™ã€‚ Showroom navigation ショールームNAVI 日本全国ã®ã‚¤ãƒ³ãƒ†ãƒªã‚¢ã‚·ãƒ§ãƒ¼ãƒ«ãƒ¼ãƒ やショップをã”紹介ã—ã¦ã„ã¾ã™ã€‚ â€»æƒ…å ±
» 日本語é™å®š UIã€UXガイドラインã¨ãã®ä»–ã¾ã¨ã‚ | Webnoborder
インターãƒãƒƒãƒˆä¸Šã«æ§˜ã€…ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ä¸ã§ã‚‚UIã€UXã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«ã¤ã„ã¦è¨€åŠã—ã¦ã„る日本語é™å®šã®æƒ…å ±ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ 有志ã§ç¿»è¨³ã•ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚æ„Ÿè¬ã§ã™ï¼ Apple 超ãŒä»˜ãã»ã©æœ‰åãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆä¸Šã«æ§˜ã€…ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ä¸ã§ã‚‚UIã€UXã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«ã¤ã„ã¦è¨€åŠã—ã¦ã„る日本語é™å®šã®æƒ…å ±ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ 有志ã§ç¿»è¨³ã•ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚æ„Ÿè¬ã§ã™ï¼ Apple 超ãŒä»˜ãã»ã©æœ‰åãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ã€‚ã“れを抑ãˆã¦ãŠã‘ã°ä»–ã¯å¿…è¦ãªã„ã‹ã‚‚？ アップル ヒューマンインタフェースガイドライン iOS ヒューマン インターフェイス ガイドライン(PDF) iPadヒューマンインターフェイスガイド ライン(PDF) Google Androidアプリã¯iPhoneã¨åŒã˜UIã§è‰¯ã„ã‚“ã‚“ã˜ã‚ƒãªã„？ã¨æ€ã£ã¦ã„ã‚‹æ–¹ã¯ã€é–‹ç™ºã™
ã‹ã£ã“ã„ã„WEBã¯ç‰©ãŒå£²ã‚Œã‚‹ã®ã‹ï½œMore Access! More Fun
日本人ã®æ„地ã«ã‹ã‘ã¦ã‚¤ã‚®ãƒªã‚¹ã®ãƒ€ã‚µã‚¤ç—…院ã®WEB見ã¤ã‘ãŸã€‚ãŒã€ãƒ€ã‚µã‚¤ç¨‹åº¦ã§ã¯ä¼¼ãŸã‚Šå¯„ã£ãŸã‚Šã ãŒã•ã™ãŒã«â†‘ã®ä¸è¯æ€æƒ³ã¿ãŸã„ãªè‰²ã®ã¯ç„¡ã‹ã£ãŸã€‚ã¾ã‚ã€ã‚„ã‚‹æ°—ã®ç„¡ã„åŒå£«ã§æ¯”ã¹ã¦ã‚‚æ„味ãªã„ッス・・・ ã—ã‹ã—ã“ã®äººã®ã€Œã‹ã£ã“ã„ã„ã€ã¨æŒ™ã’ã¦ã„るサイトãŒFlashãƒãƒªãƒãƒªã®æ™‚代é…ã‚Œã®ã‚‚ã®ã°ã‹ã‚Šã§ã€ã©ã†ã‚‚日本人ã¨ã¯æ„Ÿè¦šãŒé•ã†ã®ãã€ã¨æ€ã£ãŸã‚ã‘。ã¾ã¨ã‚サイトã¿ãŸã‚‰åŒã˜ã“ã¨è¨€ã£ã¦ã‚‹äººãŒã„ã¦æ„Ÿå¿ƒã—ãŸã€‚ 27番ã®æŠ•ç¨¿ã«å®Œå…¨åŒæ„ã§ã™ã€‚ アメリカã®ã‚µã‚¤ãƒˆã¨æ—¥æœ¬ã®ãã‚Œã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’比ã¹ã¦ã‚‚ã€æ—¥æœ¬ã®ãƒ©ãƒƒãƒ—ã¨æœ¬å ´ã®ãれを比ã¹ã¦ã€Œæ—¥æœ¬èªžã¯ãƒ€ã‚µã‚¤ã€ã¨è¨€ã£ã¦ã‚‹ã®ã¨å¤§å·®ãªãã€ã¨ã«ã‹ãæ¼¢å—自体ãŒã‚‚ã¨ã‚‚ã¨æ¨ªæ›¸ãã§ã¯ç„¡ãã¦ç¸¦æ›¸ã用ã ã—ã€WEBã¯ã‚‚ã¨ã‚‚ã¨æ¨ªæ›¸ãã®è‹±èªžã«ã‚ã‚ã›ã¦ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ãšã‚‹ã„ã‚ã‘ã§ã™ã€‚ ãã‚‚ãも日本ã¨ã‚¢ãƒ¡ãƒªã‚«ã§ã®ä¾¡å€¤è¦³ã«å¤§ããªå·®ãŒã‚ã‚Šã¾ã™ã€‚日本ã®å®˜å…¬åºãªã‚“ã¦å›½æ°‘ã®èª°ï¼‘人も「クールã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦æ¬²ã—ã„ã€ã£ã¦æœ›ã‚“ã§ãªã„ã®ã§ã‹
シリコンãƒãƒ¬ãƒ¼ã§èžã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒç¾Žã—ã„Webサービスï¼ã‚¢ãƒ—リ15é¸ - パパパパ
ã“ã®ãƒ–ãƒã‚°ã¯ã€åƒ•ãŒã“ã‚Œã¾ã§Webサービスをã„ãã¤ã‹ä½œã£ã¦ãã¦ã€å¤±æ•—ã—ãŸã‚ŠæˆåŠŸã—ãŸã‚Šè‰²ã€…体験ã—ã¦ã„ã‚‹ã“ã¨ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ シリコンãƒãƒ¬ãƒ¼ã«æ¥ã¦45æ—¥ãŒçµŒã¡ã¾ã—ãŸã€‚今日ã¯ã„ã¤ã‚‚ã¨è¶£å‘を変ãˆã¦ã€ã“ã¡ã‚‰ã§èžã„ãŸã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„UI/UXãŒç¾Žã—ã„Webサービスやアプリã®ä¸€éƒ¨ã‚’紹介ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Chill http://chill.com/ デザインã®ã‚¤ã‚±ã¦ã‚‹ã‚µãƒ¼ãƒ“スをèžãã¨ã€ã‹ãªã‚Šã®ç¢ºçŽ‡ã§ã“ã®ã‚µãƒ¼ãƒ“スã®åå‰ãŒæŒ™ãŒã‚Šã¾ã—ãŸã€‚å‹•ç”»ã®ä¸Šã«æŠ•ç¨¿è€…ã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ç”»åƒãŒå††å½¢ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã®ãŒç´ 敵ã§ã™ã€‚詳細ページã®ã€ŒThoughts?ã€ãƒœã‚¿ãƒ³ã®å‹•ããŒç§€é€¸ã€‚色々å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã ã¨æ€ã„ã¾ã™ã€‚ Chillã®ã‚ˆã†ã«Pinterest風デザインã¯ã€ä»Šã¾ã•ã«ãƒˆãƒ¬ãƒ³ãƒ‰ã®ã‚ˆã†ã§ã€æ•™ãˆã¦ã‚‚らã£ãŸã‚µã‚¤ãƒˆã®ä¸ã§ã‚‚本家ã«è² ã‘ãšåŠ£ã‚‰ãšã®ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‚’æŒã£ãŸã‚µãƒ¼ãƒ“スも多ã„ã§ã™ã€‚女性ウケãŒè‰¯ã„ã“ã¨ã¨ã€ç”»åƒã‚’ファーストビューã§ãŸãã•ã‚“
é…色ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€æ–‡ç« ã€å†™çœŸã€ã‚»ãƒ³ã‚¹ãŒãªã„ã¨ã‚ãらã‚ã‚‹å‰ã«å‹‰å¼·ã—よã†ï¼ï½œWebpark
自分ãŒä½œã£ãŸã‚¦ã‚§ãƒ–サイトを見ã¦ã€ã€Œã‚»ãƒ³ã‚¹ãªã„ãªã€ã¨ã¸ã“ã‚€ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ç§ã¯ã‚ˆãã‚ã‚Šã¾ã™ã€‚色使ã„ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€å†™çœŸã€æ–‡ç« ãªã©ãªã©ã€ã©ã‚Œã‚’ã¨ã£ã¦ã‚‚センスãªã„ãªã¨ã¸ã“ã‚“ã§ã„ã¾ã—ãŸã€‚ ã‘ã©ã€ã‚»ãƒ³ã‚¹ãŒãªã„ã®ã§ã¯ãªãã€å˜ã«åŸºç¤Žã‚’勉強ã—ã¦ã„ãªã„ã ã‘ã¨ã„ã†ã“ã¨ã«æœ€è¿‘æ°—ã¥ãã¾ã—ãŸã€‚センスã¯ã‚‚ã£ã¨é«˜ã„次元ã®è©±ã§ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã‚»ãƒ³ã‚¹ã‚’言ã„訳ã«ã—ã¦ã—ã¾ã„ãŒã¡ãªåˆ†é‡Žã®åŸºç¤Žã‚’å¦ã¹ã‚‹ã™ã°ã‚‰ã—ã„記事を集ã‚ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹è‡ªä½“å˜ãªã‚‹ã¾ã¨ã‚記事ã§ã™ãŒã€ã§ãã‚‹ã ã‘厳é¸ã—ã€èªã‚“ã§ã»ã—ã„é †ã«ä¸¦ã¹ã¾ã—ãŸã€‚皆ã•ã‚“ã€ã‚ãらã‚ãšã«ä¸€ç·’ã«å‹‰å¼·ã—ã¾ã—ょã†ã€‚ é…色 アクセントã«ãªã‚‹è‰²ã‚’使ã†ã®ãŒè‹¦æ‰‹ã§ã€åŒè‰²ç³»ã®è‰²ã°ã‹ã‚Šä½¿ã£ã¦ã—ã¾ã†ã®ã§ã™ãŒã€ã“れらをèªã‚ã°æã‚Œãšã«ä½¿ãˆãã†ã€‚ 色彩センスã®ã„らãªã„é…色講座 ベースカラーã€ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã«åˆ†é¡žã—ã¦ã©ã®ã‚ˆã†ãªè‰²ã‚’é¸ã¶ã¹ãã‹åˆ†ã‹ã‚Šã‚„ã™ã解説ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚具体例もã‚ã£ã¦åˆ†ã‹
米国ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ•™è‚²ã‹ã‚‰å¦ã‚“ã ã“㨠デザイン会社 ビートラックス: ブãƒã‚°
ã¯ã˜ã‚ã«æ•™æŽˆã‹ã‚‰ã®Why? Why? Why?ã¨ç«‹ã¦ç¶šã‘ã«æŠ¼ã—寄ã›ã‚‹ã€Œã©ã†ã„ã£ãŸãƒã‚¸ãƒƒã‚¯ã‚’å…ƒã«ã€œã‚’デザインã—ãŸã®ã‹ï¼Ÿã€ã¨ã„ã†è³ªå•ã®åµã«å¯¾ã—ã¦ã€å¦ç”Ÿé”ãŒBecause, Because, Becauseã¨ç´ æ—©ãç†è«–を構æˆã—ã¦ã€Œä½•æ•…ãªã‚‰ã€œã ã‹ã‚‰ã§ã™ã€ã¨ã„ã†ãƒã‚¸ãƒƒã‚¯ã‚’組ã¿ç«‹ã¦ç¶šã‘る。 ãã‚“ãªç±³å›½å¤§å¦ã§å±•é–‹ã•ã‚Œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³è¬›ç¾©ã‚’ç›®ã®è¾ºã‚Šã«ã—ã¦ããŸåƒ•ã¯ã€ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã“ã‚“ãªã«ã‚‚ç†è«–çš„ãªãƒ—ãƒã‚»ã‚¹ã ã£ãŸã®ã‹ã€ã¨ã„ã†çŽ‡ç›´ãªå®Ÿæ„Ÿã‚’æŒã£ã¦ã„ã¾ã™ã€‚ デザインã¨èžãã¨ç”Ÿã¾ã‚ŒæŒã£ãŸæ‰èƒ½ã‚’å˜åˆ†ã«ç™ºæ®ã—ã¦ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã«æ§˜ã€…ãªã‚‚ã®ã‚’生ã¿å‡ºã—ã¦ã„ãã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ãŠæŒã¡ã®æ–¹ã‚‚多ã„ã‹ã‚‚知れã¾ã›ã‚“ãŒã€ã“ã‚Œã¯å…¨ãã®èª¤è§£ã§ã‚ã‚‹ã¨è¨€ãˆã¾ã™ã€‚ 本æ¥ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã¨ã¯å•é¡Œè§£æ±ºã‚’å‰æã¨ã—ã¦ã„ã‚‹ãŸã‚ã€åœ°å‘³ãªä½œæ¥ã®é€£ç¶šã§ã‚ã‚Šã€éžå¸¸ã«ç†è«–çš„ãªãƒ—ãƒã‚»ã‚¹ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ 僕ã¯æ—¥æœ¬ã§5å¹´é–“ã€ç±³å›½ã§3年間デザインã®æ•™è‚²ã‚’å—ã‘ã¾ã—ãŸãŒã€å®Ÿæ„Ÿã¨ã—ã¦
見出ã—è¦ç´ をシンプルãªHTMLã§ç¾Žã—ãスタイルã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | コリス
h1ã‚„h2ãªã©ã®è¦‹å‡ºã—è¦ç´ をシンプルãªHTMLã§å®Ÿè£…ã—ã€ç¾Žã—ã„スタイルをé©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Cool headings with pseudo-elements [ad#ad-2] デモ 実装 デモ デモã¯æ“¬ä¼¼è¦ç´ ã ã‘ã§ãªãã€background-clipãªã©ã®CSS3を使用ã—ã¦ã„ã‚‹ãŸã‚ã€Safari 5+, Chrome 7+, Firefox 3.6+, Opera 10+, IE 9+ ã§ã”覧ãã ã•ã„。 デモページ 実装 HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€h1è¦ç´ ã«classを与ãˆã‚‹ã ã‘ã§ã™ã€‚ <h1 class="headline1">I took lessons</h1> ※デモã¯4ã¤ã‚ã‚Šã€classを変更ã™ã‚‹ã ã‘ã§ã™ã€‚ CSS: å„デモ共通ã®ãƒ™ãƒ¼ã‚¹ bodyè¦ç´ をメインã®ãƒ©ãƒƒãƒ‘ーã¨ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ h1è¦ç´ ã«ã¯font-familyã¨sizeã®ã¿å…±é€šã§æŒ‡å®š
æ¼¢å—ã‚‚æƒã£ã¦ã‚‹ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -2011年版
商用サイトã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãる日本語ã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ※フォントã¯å…¨ã¦å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™ã§ã™ãŒã€åˆ©ç”¨ã®éš›ã«ã¯å¿…ãšãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã”確èªãã ã•ã„。 最新版を公開ï¼ãƒ•ã‚©ãƒ³ãƒˆã®æ•°ãŒå¤§å¹…ã«å¢—ãˆã¦ã„ã¾ã™ã€‚ 2019年用ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ 366種類ã®ã¾ã¨ã‚
JavaScriptã§ä½œã‚‰ã‚ŒãŸã€è¦‹ãŸã“ã¨ãªã„UIデザインã®Webサイト
æ ªå¼ä¼šç¤¾ã‚µã‚¤ã‚¾ãƒ¼ï¼ˆCyzo inc.） / Raffael Stüken / La Moulade - Creative St...ä»–...å…¨11件
ã“ã“ã¾ã§æ•™ãˆã¦ãã‚Œã¦ã„ã„ã®ï¼Ÿï¼WEB屋ã®ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã¨åº•åŠ›ã‚’上ã’る厳é¸ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
WEB制作ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã£ã¦æœ¬å½“ã«å¤šã„ã§ã™ã‚ˆã。 ã§ã‚‚ã€æœ¬å½“ã«å½¹ã«ç«‹ã£ã¦ã„ã‚‹ã€åˆ¶ä½œã«ç”Ÿã‹ã›ã¦ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã£ã¦å°‘ãªããªã„ã§ã™ã‹ï¼Ÿãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®éŽç¨‹ãŒä¸é€”åŠç«¯ã ã£ãŸã‚Šã€é€”ä¸ã‹ã‚‰ã¤ã„ã¦ã„ã‘ãªããªã£ãŸã‚Šã€‚ã¯ãŸã¾ãŸã€ç¶šãã¯æœ‰æ–™ãªã‚“ã¦ç‰©ã‚‚今ã¾ã§ã‚ã‚Šã¾ã—ãŸã€‚ ã—ã‹ã—ï¼åƒ•ã®çŸã„WEB屋人生ã§ã™ãŒã€å¹´ã«2ã€3ã¯ã€ŽãŠã€ãŠã‰ã‰ï¼ãƒžã‚¸ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ä¸ŠãŒã‚‹WAï¼ã€ã¨å«ã³ãŸããªã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«å‡ºä¼šã†ã“ã¨ãŒç¨€ã«ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªæ„ŸéŠ˜ã‚’å—ã‘ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯é€Ÿæ”»ã§Facebookã«ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ä»Šæ—¥ã¾ã§è¦‹ã¦ããŸä¸ã§ã€ä½™ã‚Šã«ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒé«˜ã‹ã£ãŸã‚Šã€ç¢ºå®Ÿã«è‡ªåˆ†ã‚„周りã®ã‚¹ã‚ルã€ãã—ã¦ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã‚’上ã’ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’厳é¸ã—ã¦ã”ç´¹ä»‹ï¼ è‹±èªžè¨˜äº‹ãƒ¡ã‚¤ãƒ³ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ˆã‚Šãªã‚‰ã‚¹ãƒ†ãƒƒãƒ—byステップãªã®ã§ãªã‚“ã¨ã‹ãªã‚Šã¾ã™ï¼ã‚³ãƒ¼ãƒ‰ãªã‚‰ã€Demoã¨ã‹å¤šã„ã®ã§è¦‹ãªãŒã‚‰ã¤ã„ã¦ã„ã‘ã°ç†è§£ã§ãã¾ã™ï¼æ˜¯éžå‚考ã¾ã§ã«æµã—èªã¿ã—ã¦è¦‹
暮らã—ã®æƒ…å ±ã‚µã‚¤ãƒˆnanapiã¯ã‚µãƒ¼ãƒ“スを終了ã„ãŸã—ã¾ã—㟠| nanapi [ナナピ]
2020å¹´8月31æ—¥(月)ã‚’ã‚‚ã¡ã¾ã—ã¦ã€nanapiã«é–¢ã‚ã‚‹ã™ã¹ã¦ã®ã‚µãƒ¼ãƒ“スã¯çµ‚了ã„ãŸã—ã¾ã—ãŸã€‚ nanapiã¯ã€2009å¹´ã®ã‚µãƒ¼ãƒ“ス開始より「ã¿ã‚“ãªã§ä½œã‚‹æš®ã‚‰ã—ã®ãƒ¬ã‚·ãƒ”ã€ã¨ã„ã†è€ƒãˆã®ã‚‚ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çš†ã•ã¾ã«ç”Ÿæ´»ã«é–¢ã™ã‚‹æ§˜ã€…ãªã€Œãƒã‚¦ãƒ„ーã€ã‚’投稿ã—ã¦ã„ãŸã ã投稿型ãƒã‚¦ãƒ„ーサービスã¨ã—ã¦é‹å–¶ã—ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ ç´„11å¹´é–“ã«ã‚ãŸã£ã¦çš†ã•ã¾ã‹ã‚‰ã”支æ´ã‚’ã„ãŸã ãサービスを継続ã§ããŸã“ã¨ã€nanapi編集部一åŒã€å¿ƒã‚ˆã‚Šå¾¡ç¤¼ç”³ã—上ã’ã¾ã™ã€‚ 掲載ã•ã‚Œã¦ã„ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ã®nanapiã«ã¤ã„ã¦ã®ãŠå•ã„åˆã‚ã›ã¯ã€nanapi@supership.jp ã¾ã§ãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ é•·ãã«æ¸¡ã‚Šnanapiã‚’å¿œæ´ã—ã¦ãã ã•ã‚Šã€æœ¬å½“ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
海外ã®ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¤ãƒ³ãƒ†ãƒªã‚¢ã‚µã‚¤ãƒˆ25é¸ | ãŠã—ゃれãªã‚¤ãƒ³ãƒ†ãƒªã‚¢,デザイン雑貨検索サイト – Good items | ã‚¤ãƒ³ãƒ†ãƒªã‚¢æƒ…å ±
海外ã®ã‚¤ãƒ³ãƒ†ãƒªã‚¢ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œtop 25 interior design & furniture blogsã€ã®æƒ…å ±ãŒã¨ã¦ã‚‚ç´ æ™´ã‚‰ã—ã‹ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ã©ã®ã‚µã‚¤ãƒˆã‚‚æƒ…å ±é‡ãŒè±Šå¯Œã§ç”»åƒã‚‚多ãã€ã¨ã¦ã‚‚楽ã—ã‚るサイトã§ã™ï¼ design sponge インテリアã®ã¡ã‚‡ã£ã¨ã—ãŸDIY記事ã‹ã‚‰ãƒªãƒ•ã‚©ãƒ¼ãƒ ã®Befor Afterã®å†™çœŸãªã©ã€æ›´æ–°é »åº¦ã®é«˜ã„ブãƒã‚°ã§ã™ã€‚ moco loco グリッドデザインã§ã‚·ãƒ³ãƒ—ルã«ã¾ã¨ã‚られãŸwebサイト。デザイン性ã®é«˜ã„写真ãŒå¤šã見れるã®ã§ã€ã‚¤ãƒ³ã‚¹ãƒ”レーションを沸ã‹ã›ãŸã„ã¨ãã«ã¿ã‚‹ã¨ã„ã„ã‹ã‚‚。 apartment therapy ã²ã¨ã¤ã®è¨˜äº‹ã”ã¨ã®ç”»åƒã‚‚豊富ã§ã™ã€‚New York,Los Angelesãªã©ã‚«ãƒ†ã‚´ãƒªãŒåˆ†ã‹ã‚Œã¦ã„ã¾ã™ã€‚ inhabitat 建築ã€ã‚¤ãƒ³ãƒ†ãƒªã‚¢ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãªã©ã®ã‚«ãƒ†ã‚´ãƒªã”ã¨ã«è¨˜äº‹åˆ†ã‘ã•ã‚Œã¦ã„ã¦ã€è¦‹ã”ãŸãˆãŒã‚ã‚Šã¾ã™
CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãªã‚‰çµ¶å¯¾è¦šãˆã¦ãŠããŸã„é…ç½®ã®ãƒ«ãƒ¼ãƒ«ï¼šãƒ•ãƒãƒ¼ãƒˆã‚„絶対é…ç½®ã€z-index ã¨ã‹ã„ã‚ã„ã‚
最近改ã‚㦠CSS ã®åŸºæœ¬ã€è¦ç´ ã®é…ç½®ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦å¦ç¿’ã—ã¾ã—ãŸã€‚éŽåŽ»ã« CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã®è¨˜äº‹ã‚’書ã„ãŸäº‹ãŒã‚ã‚‹ã‚“ã§ã™ã‘ã©ã€æ”¹ã‚ã¦å‹‰å¼·ã—ã¦ã¿ãŸã‚‰ã€ã„ã‚ã„ã‚é–“é•ãˆã¦è§£é‡ˆã—ã¦ã„ãŸãªãƒ¼ ... ã£ã¦ã„ã†ã‹ã€åŸºæœ¬ãŒåˆ†ã‹ã£ã¦ãªã‹ã£ãŸã‚“ã ãªãƒ¼ã¨åçœ ...。今回㯠CSS ã®åŸºæœ¬ä¸ã®åŸºæœ¬ã€è¦–覚整形モデルã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Webデザインをã™ã‚‹ä¸Šã§ã€å¿…é ˆã¨ã‚‚言ãˆã‚‹ã®ãŒ CSS …。ã“ã®ãƒ–ãƒã‚° – Webデザインレシピã§ã‚‚ã€éŽåŽ»ã« CSS ã«ã¤ã„ã¦æ›¸ã„ãŸè¨˜äº‹ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚最近 … ã§ã‚‚ãªã„ã‘ã©ã€ä»¥ä¸‹ã®ãµãŸã¤ã¯ CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦ã€ã„ã‚ã„ã‚ã¨æ›¸ã„ãŸè¨˜äº‹ã§ã—ãŸã€‚ CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãªã‚‰çµ¶å¯¾è¦šãˆã¦ãŠããŸã„ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®ã‚¯ã‚»ã¨ã‹ã„ã‚ã„゠– 2011å¹´ 6月17æ—¥ CSS：åˆå¿ƒè€…ã®é ƒã«ãƒãƒžã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚ã‚Œã“ã‚Œ … IE7多゠-2011å¹´ 4月21æ—¥ ã§
ウェブデザインãŒè‹¦æ‰‹ãªãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŸã¡ã¸ã€ŒXHTML+CSSデザイン 基本原則ã€ã“ã‚Œã ã‘。〠- elm200 ã®ãƒŽãƒžãƒ‰ã§è¡Œã“ã†ï¼
ç§ã¯ã‚¦ã‚§ãƒ–デザインãŒã§ããªã„プãƒã‚°ãƒ©ãƒžãƒ¼ã§ã‚る。以å‰ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«ä»»ã›ã¦ãŠã‘ã°è‰¯ã„ã¨æ€ã£ã¦ã„ãŸã€‚ã ãŒã€è€ƒãˆã¦ã¿ã‚‹ã¨ã€ã‚ã‚Œã‚ã‚Œã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚‚ã®ã—ã‹ç›®ã«ã™ã‚‹ã“ã¨ã¯ã§ããªã„ã®ã 。ã©ã‚“ãªã«å„ªã‚ŒãŸã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ をプãƒã‚°ãƒ©ãƒžãƒ¼ãŒå®Ÿè£…ã—ã¦ã‚‚ã€æ®‹å¿µãªãŒã‚‰ç§ãŸã¡ã®ç›®ã«ã¯è¦‹ãˆãªã„（å応速度ã§ä½“æ„Ÿã§ãã‚‹ã“ã¨ã¯ã‚ã‚‹ã«ã—ã¦ã‚‚）。人もウェブサイトも見ãŸç›®ãŒï¼™å‰²ãªã®ã§ã‚る。 最近ã€ç§ã¯ã€Œæ›¸è©•äººã€ã¨ã„ã†ã‚¦ã‚§ãƒ–サービスを始ã‚ãŸã€‚当然ã€ç§ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’雇ã†ä½™è£•ãªã©ãªã„。自分ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’制作ã™ã‚‹å¿…è¦ã«è¿«ã‚‰ã‚ŒãŸã€‚ã•ã¦å›°ã£ãŸã©ã†ã™ã‚‹ã‹ã€‚ ç§ã¯ã€ã‚る人気ウェブサービスをé‹å–¶ã™ã‚‹å‹äººã«å°‹ãã¦ã¿ãŸã€‚å½¼ã¯ã€æ˜”ã€ä¸€ç·’ã«ä»•äº‹ã‚’ã—ãŸã“ã¨ãŒã‚るプãƒã‚°ãƒ©ãƒžãƒ¼ã 。特ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’専門的ã«å‹‰å¼·ã—ãŸã“ã¨ã¯ãªã„ã¯ãšãªã®ã«ã€å½¼ãŒä½œã‚‹ã‚µã‚¤ãƒˆã¯ã©ã“ã‹ã‚ã‹ã¬ã‘ã¦ã„る。彼ã«æ ¹æŽ˜ã‚Šè‘‰æŽ˜ã‚Šå°‹ãã‚‹ã†ã¡ã«ã€å‹§ã‚ã¦ãã‚ŒãŸæœ¬ãŒã“れ。 XHTML&CSSデザイン
2read.jp - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - ã¾ã¨ã‚ ランã‚ング èªæ›¸ ãƒã‚°ã‚¤ãƒ³ æ›¸ç± è‘—è€… å°èª¬ マンガ リソースãŠã‚ˆã³æƒ…å ±
ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼ 2read.jp ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚一般トピックã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãる内容ã¯ã€2read.jpãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…容ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’願ã£ã¦ã„ã¾ã™ï¼
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
layer8.sh
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ã“ã†ã€ç´ 敵ãªUIデザインã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}