リデザインã¨border-radiusã¨text-shadowã§ã£ã‹ã„ãƒã‚´ã«é£½ãã¦ãã¦ãƒ˜ãƒƒãƒ€ã‚’コンパクトã«ã—ãŸããªã£ãŸã®ã§ã€å°‘ã—å‰ã‹ã‚‰ã‚µã‚¤ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’色々ã„ã˜ã£ã¦ã„ãŸã€‚ナビã¨æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã¨ãƒã‚´ã‚’一段ã«ä¸¦ã¹ã‚‹ã®ã¯ã‹ãªã‚Šé›£ã—ã‹ã£ãŸã®ã§ã€ãƒã‚´ã‚’アイコンã«ã—ã¦ç„¡ç†ã‚„ã‚Šè©°ã‚込むã“ã¨ã«ã—ãŸã€‚border-radiusã¾ãり。緑ã®æµè¡Œã¯ã¾ã ã¾ã 続ãらã—ã„ã®ã§è‰²ã¯ã“ã®ã¾ã¾ã§ã€‚次ã¯ã‚ªãƒ¬ãƒ³ã‚¸ã ãª(é©å½“)。 ヘッダ ãƒã‚´ãƒ»ã‚¢ã‚¤ã‚³ãƒ³ã¨ãƒŠãƒ“ã‚’float: left;ã€æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã¨Twitterã¨ãƒ•ã‚£ãƒ¼ãƒ‰ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’float: right;。ãã‚Œãžã‚Œã«border-radiusを使ã£ã¦å°‘ã—丸ã¿ã‚’ã¤ã‘ã¦ã€ä¸¸ã„ãƒã‚´ãƒ»ã‚¢ã‚¤ã‚³ãƒ³ã¨ä¸¦ã¹ã¦ã‚‚ã‚ã¾ã‚Šé•å’Œæ„ŸãŒç„¡ã„よã†ã«ã—ãŸã€‚アクティブãªãƒŠãƒ“ã¯text-shadowã§ã‚¨ãƒ³ãƒœã‚¹ã£ã½ãã—ã¦ã¿ãŸã‚“ã ã‘ã©ã€èƒŒæ™¯è‰²ã®æ˜Žã‚‹ã•ãŒã‚¢ãƒ¬ã§ã†ã¾ãã¸ã“ã‚“ã§ã„るよã†ã«è¦‹ãˆãªã„……。 最åˆã€display: table-cell;ã§æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã®æ¨ªå¹…ã‚’ã†ã¾ã„ã“ã¨å¯
ASCII.jpリファレンス
ç´ äººãŒç´ 人ã®ã¾ã¾ä»•äº‹ã‚’出æ¥ã¦ã—ã¾ã† - ã¿ãã“ã‚
RubyStation
moto-mono.net
ç¾ä»£çš„ãªPerlã®è¨˜è¿°æ–¹æ³•ä¸€è¦§ - Perl入門ゼミ
HTML5 ã‚’å¦ã¶ãŸã‚ã®æƒ…å ±æºã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}