効果的ãªç®¡ç†ç”»é¢ã‚’ デザインをã™ã‚‹ãŸã‚ã« é¿ã‘ã‚‹ã¹ã5ã¤ã®ç½ Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
低コントラストã®ãƒ†ã‚ストã¯è§£æ±ºç–ã«ãªã‚‰ãªã„
低コントラストã®ãƒ†ã‚ストãŒãƒˆãƒ¬ãƒ³ãƒ‰ã®ã‚ˆã†ã 。ã—ã‹ã—ã€ãã‚Œã¯è¦–èªæ€§ãŒæ‚ªãã€ç™ºè¦‹ã—ã«ããã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティも劣る。代ã‚ã‚Šã«ã€ã‚‚ã£ã¨ãƒ¦ãƒ¼ã‚¶ãƒ–ルãªä»£æ¡ˆã‚’検討ã—よã†ã€‚ Low-Contrast Text Is Not the Answer by Katie Sherwin on June 7, 2015 日本語版2015å¹´9月16日公開 低コントラストã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç¾Žã—ã„ã¨ã„ã†ã®ã¯Webã«ç¹°ã‚Šè¿”ã—ç«‹ã¡ç¾ã‚Œã‚‹æ€æƒ³ã ãŒã€ãã‚Œã¯è¦–èªæ€§ã‚„発見ã—ã‚„ã™ã•ã‚’奪ã„去るもã®ã§ã‚る。低コントラストã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç›®ã«è² æ‹…ãŒã‹ã‹ã‚‹ã®ã§ã€æ³ã‚’å–ã£ã¦ã€èƒ½åŠ›ãŒå°‘ã—è¡°ãˆãŸã‚ˆã†ã«æˆ‘々ã¯æ„Ÿã˜ã‚‹ã€‚ミニマリズムã¨ã„ã†ãƒˆãƒ¬ãƒ³ãƒ‰ã«é…了ã•ã‚ŒãŸã‚µã‚¤ãƒˆã¯ã€é«˜ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã¨ã„ã†å¾“æ¥ã‹ã‚‰ã®è‡ªåˆ†ãŸã¡ã®æµå„€ã‚’æ¨ã¦åŽ»ã‚Šã€æš—é»’é¢ï¼ˆã‚ã‚‹ã„ã¯ãƒŸãƒ‡ã‚£ã‚¢ãƒ グレーé¢ã¨è¨€ã†ã¹ãã‹ï¼‰ã«å¯è¿”ã‚ã†ã¨ã—ã¦ã„る。デザインã§ã®è©•ä¾¡ã®ãŸã‚ã«èªã¿ã‚„ã™ã•ã‚’çŠ ç‰²ã«ã—よã†ã¨ã™ã‚‹ã‚µã‚¤ãƒˆã«ã¨ã£ã¦ã€ä½Žã‚³
é¢å€’ãªæ‰‹é †ã¯ä¸è¦ï¼HTMLã®è¨˜è¿°ã ã‘ã§å¤šæ©Ÿèƒ½ãªãƒ¦ãƒ¼ã‚¶ãƒ¼èªè¨¼ã‚’実ç¾ã™ã‚‹ã€ŒAuthpackã€ã‚’使ã£ã¦ã¿ãŸï¼ -
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“（@0310lan）ã§ã™ï¼ 今回ã¯ã€ã”ã普通ã®é™çš„ãªWebサイトã«ãƒ¦ãƒ¼ã‚¶ãƒ¼èªè¨¼æ©Ÿèƒ½ã‚’手軽ã«çµ„ã¿è¾¼ã‚ã‚‹ç„¡æ–™ã®ã‚µãƒ¼ãƒ“スをã”紹介ã—ã¾ã™ã€‚ 特ã«é›£ã—ã„プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯å¿…è¦ãªãã€å˜ç´”ãªHTMLã®å±žæ€§ã‚’付与ã™ã‚‹ã ã‘ã§èª°ã§ã‚‚ç°¡å˜ã«é«˜åº¦ãªèªè¨¼æ©Ÿèƒ½ã‚’実装ã§ãã‚‹ã®ãŒå¤§ããªç‰¹å¾´ã§ã™ã€‚ ã¾ãŸã€ãƒã‚°ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶ãƒ¼å‘ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を作æˆã—ãŸã‚Šã€è‡ªå‹•çš„ã«ç”»é¢ã‚’é·ç§»ã•ã›ã‚‹ãªã©ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚‚ãŸãã•ã‚“盛り込ã¾ã‚Œã¦ã„ã¾ã™ã€‚HTMLã®åŸºæœ¬çš„ãªçŸ¥è˜ãŒã‚ã‚Œã°èª°ã§ã‚‚活用ã§ãã‚‹ã®ã§ã€Web開発ã«ã”興味ã‚る方もå«ã‚ã¦ãœã²å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ ãªãŠã€paizaラーニングã§ã¯ã€å‹•ç”»ã§å¦ã¹ã‚‹ã€ŒHTML/CSS入門編ã€ã®è¬›åº§ã‚’公開ã—ã¦ã„ã¾ã™ã®ã§ã€ã¾ãšHTMLã®åŸºæœ¬ã‚’å¦ã³ãŸã„ã¨ã„ã†æ–¹ã«ã¯ã“ã¡ã‚‰ã‚‚ãŠã™ã™ã‚ã§ã™ã€‚ 〠Authpack 】 ■「Authpackã€ã®ä½¿ã„æ–¹ ãã‚Œã§ã¯ã€ã€ŒAuthpackã€ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã«ã¤ã„ã¦å…·ä½“çš„ã«è¦‹
スプレッドシートをWeb開発ã®ä¸‡èƒ½ãƒ„ールã«å¤‰ãˆã‚‹ãŠã™ã™ã‚サービス厳é¸ã¾ã¨ã‚ï¼ -
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“（@0310lan）ã§ã™ï¼ 今回ã¯ã€GoogleãŒæä¾›ã—ã¦ã„るスプレッドシートを表計算ã§ã¯ãªãã€Web開発ã®å³æˆ¦åŠ›ã«ãªã‚‹ä¸‡èƒ½ãƒ„ールã¸ã¨å¤‰ãˆã¦ã—ã¾ã†ã‚µãƒ¼ãƒ“スを厳é¸ã—ã¦ã”紹介ã—よã†ã¨æ€ã„ã¾ã™ã€‚ スプレッドシートã®ãƒ‡ãƒ¼ã‚¿ã‚’活用ã—ã¦ã€Webコンテンツを作æˆã—ãŸã‚Šãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã¨ã—ã¦æ´»ç”¨ã™ã‚‹ãªã©ã•ã¾ã–ã¾ãªé–‹ç™ºæ‰‹æ³•ã«å¿œç”¨ã§ãã‚‹ã®ã§ã€ã”興味ã‚ã‚‹æ–¹ã¯ãœã²å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â– ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¼ã‚¿ã‚’å³åº§ã«APIã§æä¾›ã™ã‚‹ï¼ 〠SwiftSheet 】 SwiftSheetã¯Excelやスプレッドシートãªã©ã§ç®¡ç†ã—ã¦ã„るデータをã€å³åº§ã«RESTful APIã¨ã—ã¦ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¦ãれるã®ãŒå¤§ããªç‰¹å¾´ã§ã™ã€‚ CSVã§ä¿å˜ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã¨ã„ã†ç°¡å˜ãªæ“作ã®ãŸã‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã‚„課金ãªã©ã¯ä¸€åˆ‡ä¸è¦ã§ã™ã€‚ ãŸã¨ãˆã°ã€ãŠåº—ã®ãƒªã‚¹ãƒˆã‚’スプレッドシートã§ç®¡ç†ã—ã¦ã„ã‚‹ã¨ã—ã¾ã™ã€‚ ã“
ã€ç”Ÿå˜æˆ¦ç•¥ã€‘20代ã®WebデザイナーãŒèº«ã«ã¤ã‘ã‚‹ã¹ã15ã®ã‚¹ã‚ル一覧 -
Photo by Matthew Pearce 今回ã®paiza開発日誌ã¯ç‰‡å±±ãŒãŠé€ã‚Šã—ã¾ã™ã€‚ 皆ã•ã‚“ã¯WebデザイナーãŒã©ã‚“ãªä»•äº‹ã‚’ã™ã‚‹äººã‹ï¼Ÿã¨ã„ã†äº‹ã‚’明確ã«ã‚¤ãƒ¡ãƒ¼ã‚¸å‡ºæ¥ã‚‹ã§ã—ょã†ã‹ï¼Ÿ 最近ã€å¼Šç¤¾ã§Web/UIデザイナーを採用ã™ã‚‹äº‹ã«ãªã£ãŸã®ã§ã™ãŒã€æ±‚人ã®è¦ä»¶ã‚’固ã‚ã¦ã„ãã«ã‚ãŸã£ã¦ã€ãã‚‚ãã‚‚Webデザイナーã£ã¦ã€ã©ã‚“ãªçµŒé¨“ã‚’æŒã£ãŸäººã‚’指ã™ã‚“ã ã£ã‘？ã¨ã„ã†ã®ãŒæ›–昧ã ã£ãŸã®ã§ã€Webデザイナーã®ã‚ャリアパスã¨ã€15分野ã®ã‚¹ã‚ル一覧を書ã出ã—ã¦ã¿ã¾ã—ãŸã€‚ ç¾åœ¨20代ã®Webデザイナーã ã¨ã„ã†æ–¹ãŒã€ä»Šå¾Œã®ã‚ャリアを考ãˆã‚‹éš›ã«ã‚‚ã¡ã‚‡ã†ã©å‚考ã«ãªã‚Šãã†ãªç‰©ã«ãªã£ãŸã®ã§ã€ã›ã£ã‹ããªã®ã§å…¬é–‹ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚Webデザイナーã‹ã‚‰ã©ã®ã‚ˆã†ãªè·ç¨®ã«ã‚ャリアアップ出æ¥ã‚‹ã®ã‹ã¨è¨€ã†äº‹ã¨ã€ãã®ãŸã‚ã«å¿…è¦ãªçµŒé¨“ã‚’15分野ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ä¼æ¥ãŒWebデザイナーを採用ã™ã‚‹éš›ã®æ±‚人è¦ä»¶å®šç¾©ã«ã‚‚使ãˆã‚‹ã‹ã¨æ€ã„ã¾ã™
Vector æ–°ç€ã‚½ãƒ•ãƒˆãƒ¬ãƒ“ュー 「Xenu's Link Sleuth〠- シンプルã§ä½¿ã„ã‚„ã™ã„ã€SSL対応ã®ãƒªãƒ³ã‚¯ãƒã‚§ãƒƒã‚«
シンプルã§ä½¿ã„ã‚„ã™ã„リンク切れãƒã‚§ãƒƒã‚¯ã‚½ãƒ•ãƒˆã€‚ã™ã¹ã¦ã®ãƒªãƒ³ã‚¯ã®çŠ¶æ…‹ã‚’レãƒãƒ¼ãƒˆã§ç¢ºèªã™ã‚‹ã“ã¨ã‚‚ã§ãる。「Xenu's Link Sleuthã€ã¯ã€ã‚µã‚¤ãƒˆå†…ã«è¨ç½®ã•ã‚ŒãŸãƒªãƒ³ã‚¯ã‚’ãƒã‚§ãƒƒã‚¯ã—ã€æœ‰åŠ¹ã«æ©Ÿèƒ½ã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’調ã¹ã‚‹ãŸã‚ã®ã‚½ãƒ•ãƒˆã€‚リンクã®æœ‰åŠ¹/無効ã¯è‰²åˆ†ã‘表示ã•ã‚Œã€ã²ã¨ã‚ã§çŠ¶æ…‹ã‚’確èªã§ãる。通常ã®ãƒªãƒ³ã‚¯ã®ã»ã‹ã€ç”»åƒã‚„フレームã€èƒŒæ™¯ã€ãƒ—ラグインã€ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ã‚¹ã‚¯ãƒªãƒ—トã€Javaアプレットãªã©ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚SSL対応ã®ã‚µã‚¤ãƒˆã‚„外部サイトã¸ã®ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã€ã•ã‚‰ã«ã¯ãƒ‘ソコンã«ä¿å˜ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒªãƒ³ã‚¯ã®æœ‰åŠ¹/無効もãƒã‚§ãƒƒã‚¯ã§ãる。 使ã„æ–¹ã¯ç°¡å˜ã€‚ユーザãŒãƒ€ã‚¤ã‚¢ãƒã‚°ã«å…¥åŠ›ã—ãŸURLを対象ã«ã€ï¼ˆã‚µã‚¤ãƒˆå†…外をå•ã‚ãšï¼‰å¼µã‚‰ã‚ŒãŸãƒªãƒ³ã‚¯ã®ã™ã¹ã¦ã‚’ãƒã‚§ãƒƒã‚¯ã—ã€çµæžœã‚’リストã«ä¸€è¦§è¡¨ç¤ºã™ã‚‹ã€‚è¨å®šã«ã‚ˆã‚Šã€ç‰¹å®šã®æ–‡å—列ã§ã¯ã˜ã¾ã‚‹URLã‚’ãƒã‚§ãƒƒã‚¯å¯¾è±¡ã«å«ã‚ãŸã‚Šï¼ˆã¾ãŸã¯é™¤å¤–）ã€ãƒã‚§ãƒƒã‚¯ã™ã‚‹
I/O 3000
I/O 3000ã¯ã€Webデザインã«é–¢ã‚る人ã®ãŸã‚ã®Webデザインギャラリーサイトã§ã™ã€‚国内外をå•ã‚ãšã€Web制作ã®å‚考ã¨ãªã‚‹ã‚µã‚¤ãƒˆã‚’セレクトã—ã¦ã„ã¾ã™ã€‚
Kazuho's Weblog: ウェブページã®æç”» (first-paint) ã¾ã§ã®æ™‚間を測定ã™ã‚‹ãƒ„ールを作ã£ãŸä»¶ã€ã‚‚ã—ãã¯HTTP2時代ã®ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®è©±
ウェブページã®æç”» (first-paint) ã¾ã§ã®æ™‚間を測定ã™ã‚‹ãƒ„ールを作ã£ãŸä»¶ã€ã‚‚ã—ãã¯HTTP2時代ã®ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®è©± ウェブページã®è¡¨ç¤ºã¾ã§ã«ã‹ã‹ã‚‹æ™‚é–“ã‚’ã„ã‹ã«çŸãã™ã‚‹ã‹ã£ã¦ã®ã¯ã€å„²ã‹ã‚‹ã‚¦ã‚§ãƒ–サイトを構築ã™ã‚‹ä¸Šã§é¿ã‘ã¦é€šã‚Œãªã„ã€ã¨ã¦ã‚‚é‡è¦ãªè¦ç´ ã§ã™ã€‚ å°‘ã—å¤ã„データã¨ã—ã¦ã¯ã€ãŸã¨ãˆã°ã€ã‚¦ã‚§ãƒ–ページã®è¡¨ç¤ºãŒ500ミリ秒é…ããªã‚‹ã¨åºƒå‘Šå£²ä¸ŠãŒ1.2%低下ã™ã‚‹ã¨ã„ã†Bingã®ä¾‹ãªã‚“ã‹ã‚‚知られã¦ã„ã‚‹ã‚ã‘ã§ã™ã€‚ 「ウェブページã®è¡¨ç¤ºã¾ã§ã«ã‹ã‹ã‚‹æ™‚é–“ã€ã¨è¨€ã£ãŸå ´åˆã€å®Ÿéš›ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã„ãã¤ã‹ã®ãƒ¡ãƒˆãƒªãƒƒã‚¯ãŒã‚ã‚Šã¾ã™ã€‚ イベント æ„味
ゲームã®ä¼šè©±ã‚·ãƒ¼ãƒ³ã‚’ç°¡å˜å®Ÿè£…ã§ãã‚‹ JavaScript ライブラリ「MessageViewJSã€ã‚’公開ã—ã¾ã—ãŸï¼
ã©ã‚‚ã§ã™ã€‚ 先日ã€MacBookPro15インãƒä¸Šä½ãƒ¢ãƒ‡ãƒ«ã‚’購入ã—ã¾ã—ã¦ã€ã‚¦ã‚ウã‚ã§ä»Šå›žã‚‚ãã‚Œã«ã¤ã„ã¦æ›¸ã“ã†ã‹ã¨æ€ã„ã¾ã—ãŸãŒã€ã‚„ã£ã±ã‚Šã‚„ã‚ã¾ã—ãŸã€‚w ã¨ã€‚ãªã‚“ã¨ãªãã€ã‚ªãƒ¼ãƒ—ンソースã£ã¦ã‚„ã¤ã€ã‚„ã£ã¦ãªã„ãªã¨æ€ã£ã¦ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ （ãªã‚“ã‹ãƒ¢ãƒ†ã‚‹ã¨å™‚ã§èžã„ãŸã®ã§w ã‚。嘘ã§ã™ã€‚） iPhoneアプリã¨ã‹ã®ã‚²ãƒ¼ãƒ 内ã§ã‚‚よãã‚る会話シーン。 ã“ã‚“ãªæ„Ÿã˜ã®ä¼šè©±ã‚·ãƒ¼ãƒ³ãŒã‚ã‚‹ã‹ã¨æ€ã†ã®ã§ã™ãŒã€ã“れをhtmlã€JavaScriptã§ç°¡å˜å®Ÿè£…ã§ãã‚‹ã€JavaScriptライブラリã§ã™ã€‚ ãã®åも「MessageViewJS〠Github https://github.com/webcyou/MessageViewJS デモページ http://webcyou.com/message_view_js/demo/ 会社ã§ã‚‚色々ã¨ä½œã‚‰ã•ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã—ã¦ã€å…¬é–‹ã—ãŸã„ãªãƒ¼ã¨æ€ã£ã¦ã„ã‚‹ã®ãŒã€ç‰¹è¨±ã‚’å–ã£ã¦ã—ã¾ã£
スクリーンショットã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã¤ã‘ã¦ã‚·ã‚§ã‚¢ã§ãるツール
スクリーンショットã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã¤ã‘ã¦ã‚·ã‚§ã‚¢ã§ãるツールWebサイトã«ä¿®æ£æŒ‡ç¤ºã‚’出ã™æ™‚ã€ã©ã‚“ãªãƒ„ールã§ã€ã©ã®ã‚ˆã†ã«ã‚·ã‚§ã‚¢ã—ã¦ã„ã¾ã™ã‹ï¼Ÿè©²å½“ページã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’撮影ã—ã€ãã®ç”»åƒã«æŒ‡ç¤ºã‚’入れã¦ã„ã…ã¨ã„ã†æ–¹ãŒå¤šã„ã‹ãªã€ã¨æ€ã„ã¾ã™ã€‚今回ã¯Webサイトã®åˆ¶ä½œè€…ã®ã¿ãªã‚‰ãšã€åˆ¶ä½œè€…ã«æŒ‡ç¤ºã‚’ã ã™äººã‚„ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã‚‚使ãˆã‚‹ã€ä¿®æ£æŒ‡ç¤ºãŒã‚°ãƒ³ã¨æ¥½ã«ãªã‚Šãã†ãªãƒ„ールをã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ï¼ AUN[ã‚ã†ã‚“]AUN[ã‚ã†ã‚“]ã¯ãµã›ã‚“ç´™ã®æ„Ÿè¦šã§ Web サイトや画åƒã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’残ã—ã€å…±æœ‰ã§ãるツールã§ã™ã€‚登録ä¸è¦ï¼ç„¡æ–™ã§æ°—軽ã«åˆ©ç”¨ã§ãã‚‹ã¨ã“ã‚ãŒé…力的。対象ã¨ãªã‚‹ Web サイト㮠URL を入力ã™ã‚‹ã ã‘ã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’撮影ã§ãã€æŒ‡ç¤ºã‚„コメントを残ã—ã¦ã„ã‘ã¾ã™ã‚ˆã€‚ã•ã£ãã試ã—ã¦ã¿ã¾ã—ょã†ã€‚ サイトã‹ã‚‰ URL を入力ã—ã€èªã¿è¾¼ã¿ãŒçµ‚ã‚ã‚‹ã¨ã€ç”»é¢ã‚’トリミングã™ã‚‹ã‹ã©ã†ã‹ã®é¸æŠžç”»é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚èªã¿è¾¼ã‚“ã ス
geeks-dev.com - geeks dev リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CallToInspiration – Small details for very exacting ideas!
{{#tags}}- {{label}}
{{/tags}}