CSSã§ãƒªã‚¹ãƒˆã‚’æ•´å½¢ã™ã‚‹ãªã‚‰è¦šãˆã¦ãŠãã¹ã８ã¤ã®ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ル集:phpspot開発日誌CSSã§ãƒªã‚¹ãƒˆã‚’æ•´å½¢ã™ã‚‹ãªã‚‰è¦šãˆã¦ãŠãã¹ã８ã¤ã®ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ル集。 リストデザインã¨ã„ã†ã¨ã€CSSã®æ•´å½¢æ–¹æ³•ã«ã‚ˆã£ã¦æ§˜ã€…ãªè¦‹ã›æ–¹ãŒå¯èƒ½ã§ã™ãŒã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼†ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ä»˜ããŒã¾ã¨ã¾ã£ãŸã‚¨ãƒ³ãƒˆãƒªãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ リストデザインã®éš›ã¯ã€ã„ã¤ã‚‚å˜èª¿ã«ãªã‚ŠãŒã¡ã€ã¨ã„ã†æ–¹ã¯è¦šãˆã¦ãŠãã¨ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚作れãã†ã§ã™ã—ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’駆使ã—ã¦ã¾ã£ãŸãæ–°ã—ã„デザインを考ãˆã‚‹ã“ã¨ã‚‚出æ¥ãã†ã€‚ ãã‚Œã§ã¯ä»¥ä¸‹ã«ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒªã‚¹ãƒˆã®ã‚µãƒ³ãƒ—ルをã”紹介。 1. サイトã®ãƒŠãƒ“ゲーション風ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒªã‚¹ãƒˆ 2. 番å·ä»˜ã＆番å·ã®æ¨ªã«ç¸¦ã®ãƒ©ã‚¤ãƒ³ãŒã¯ã„ã£ãŸè¦‹ã‚„ã™ã„リスト 3. 矢å°ç”»åƒã‚’使ã£ãŸãƒªã‚¹ãƒˆ 4. iPhoneスタイルã®ã‚¯ãƒ¼ãƒ«ãªãƒœãƒƒã‚¯ã‚¹ãƒªã‚¹ãƒˆ 5. ツリーã£ã½ã„å½¢å¼ã«ã§ãるリストデザイン 6. 複数行ã«ã—ã¦ãƒ†ã‚ストã£ã½ã表示ã§ãるテã‚ストリスト 7. ワンラインã«ã—ã¦ã€ã‚«ãƒ³ãƒžã‚’付与
CSSã®å®Ÿè£…状æ³ã§å¤‰ã‚るボックスã®ãƒ‡ã‚¶ã‚¤ãƒ³æ–¹æ³•
[CSS]100%å¹…ã®ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã‚’天地ã«å›ºå®šè¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
http://www.designwalker.com/2009/01/table.html
CSS Spriteを活用ã—よㆠ- DesignWalker
{{#tags}}- {{label}}
{{/tags}}