ã€sketch】Twitterã®UIトレースをã—ã¦æ°—ãŒã¤ã„ãŸäº‹ï½œMasakiåˆã‚ã¾ã—ã¦ã€‚UIデザイン勉強ä¸ã®ãƒžã‚µã‚(@Masaki_4_5)ã§ã™ã€‚ UIデザインã€ã¨ã‚Šã‚ã‘iOS appã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚ルを得る一番ã®è¿‘é“を探ã—ãŸçµæžœã€è‰¯ã„デザインã‹ã‚‰å¸åŽã™ã‚‹ã®ãŒã¾ãšå¤§äº‹ã¨ã„ã†äº‹ã‚’èžãã¾ã—ãŸã€‚ ã“ã®ã‚ˆã†ã«ã€sketchã§å„ªã‚ŒãŸã‚¢ãƒ—リã®UIトレースをã—ã€ãã®å·¥ç¨‹ã§ãƒšãƒ¼ã‚¸ã®é·ç§»ã‚„ãã®UIã«ãªã£ãŸè¨³ã‚’考察ã—ã¦è¡Œãã“ã¨ãŒã‚¹ã‚ルç²å¾—ã«ã¯ã‚‚ã£ã¦ã“ã„らã—ã„ã§ã™ã€‚sketchã•ãˆã‚ã‚Œã°ãŠæ‰‹è»½ã§ã™ã—ã。 早速Twitterã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ç”»é¢ã¨ã‚¿ã‚¤ãƒ ラインã®ï¼’ç”»é¢ã‚’ã€Sketchを用ã„ã¦ãƒˆãƒ¬ãƒ¼ã‚¹ã—ã¦ã¿ã¾ã—ãŸã€‚Sketchを用ã„ãŸãƒˆãƒ¬ãƒ¼ã‚¹ã«ã¤ã„ã¦ã¯ãƒãƒƒãƒˆã§æ—¢ã«å¤šã説明ã•ã‚Œã¦ã„ãŸã®ã§ã¤ã¾ãšã事ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ Twitterをトレースã—ã¦æ°—ãŒã¤ã„ãŸäº‹ 左：元画åƒã€€å³ï¼šãƒˆãƒ¬ãƒ¼ã‚¹ 1.フォントã«ã¤ã„ã¦Twitterã«ã¯instagramãªã©ã¨åŒæ§˜ã«ã€å’Œæ–‡ã«ã¯"Hiragino sans"ã€è‹±æ–‡
ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’CSSã§ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãŸã‚ã«å½¹ç«‹ã¤ä¾¿åˆ©ãªã‚»ãƒ¬ã‚¯ã‚¿ã¨ãã®ä½¿ã„æ–¹
ã‚‚ã—ã€HTMLã®ãƒ†ã‚スト周りã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰ã“ã‚“ãªãŠé¡˜ã„ã‚’ã•ã‚ŒãŸã‚‰... - Qiita
ã†ã‚ã£ã€ç§ã®ã‚µã‚¤ãƒˆBootstrapãã•ã™ãŽ!? ãŸã£ãŸæ•°æ–‡å—変ãˆã‚‹ã ã‘ã§Bootstrapã®ãã•ã¿ãŒæŠœã‘ã‚‹7ã¤ã®CSSテクニック。
inspiretrends.com
ã€CSS】擬似クラスã®:(hoge)-childç³»ã¨:(hoge)-typeç³»ã®é•ã„ã‚’ã“ã“ã„らã§ã—ã£ã‹ã‚Šè¦šãˆã¦ãŠã“ã†ã‹ã€‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
Bootstrap
Web::Scraper 㧠XPath 㨠CSS セレクタを混ãœã¦ä½¿ã†ä¾‹ - Tociyuki::Diary
CSS： marginã®æ£ã—ã„ç†è§£ - kojika17
Components · Twitter Bootstrap
[CSS]最近ã®ã‚¦ã‚§ãƒ–構築ã«ã¯æ¬ ã‹ã›ãªã„è¦ä»¶ã‚’å‚™ãˆãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -The 1140px Grid
ゆーã™ã‘ã¹ãƒ¼æ—¥è¨˜
tableã®å±žæ€§cellspacing="0", cellpadding="0"ã‚’CSSã§å¯¾å¿œã™ã‚‹
永久ä¿å˜ç‰ˆï¼ï¼Ÿæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã“ã‚Œã ã‘èªã‚ã°ã™ãã§ãã‚‹ï¼ | KAYAC
CSS3ã®æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’IE6-8ã§ã‚‚使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒSelectivizrã€:phpspot開発日誌
JavaScriptã®DOM Core基礎 - 三ç‰å…µ
Blueprint: A CSS Framework | Spend your time innovating, not replicating
Objective-Cä¸è¦! - 書評 - iPhoneアプリケーション開発ガイド : 404 Blog Not Found
ichiro.to
jsdo.it
{{#tags}}- {{label}}
{{/tags}}