[CSS]OS X Yosemiteã®ã‚ˆã†ã«èƒŒæ™¯ãŒé€ã‘る美ã—ã„パãƒãƒ«ã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆæ˜¨æ—¥ç™ºè¡¨ã•ã‚ŒãŸ2014年秋リリースã®OS X 10.10 Yosemiteã§æŽ¡ç”¨äºˆå®šã®èƒŒæ™¯ã‚’åŠé€æ˜Žã®ãƒ–ラーã§é€ã‘ã•ã›ã‚‹ç¾Žã—ã„パãƒãƒ«ã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ 記事ã¯ä¸€æ—¥é…ã‚Œã§ã™ãŒã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯å½“æ—¥ã§ã€ä»•äº‹ãŒæ—©ã„ã§ã™ï½— OS X Yosemite Style UI ※Chrome, Safari, Firefox, IE11ã§ã©ã†ãžã€‚ コードã¯ã€ç°¡ç•¥åŒ–ã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ 実際ã®ã‚³ãƒ¼ãƒ‰ã¯ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã‚’å‚考ã«ã—ã¦ãã ã•ã„。 HTML タイトルã®ãƒãƒ¼ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’divã§å®Ÿè£…ã—ã€articleã§å†…包ã—ã¾ã™ã€‚ <article> <div class="title"> <h1>タイトル</h1> </div> <div class="content"> <p>コンテンツ</p> </div> </article> CSS åŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ *, *:aft
å…¨ã¦å•†ç”¨åˆ©ç”¨ç„¡æ–™ï¼ã™ãã«ä½¿ãˆã‚‹JPEGç´ æã‹ã‚‰ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚’作æˆã§ãã‚‹PSDã¾ã§ãƒ–ラーãªèƒŒæ™¯ç´ æã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}