H1一ã¤ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹CSS見出ã—デザインã®ã‚¢ã‚¤ãƒ‡ã‚¢9個 / SQUEEZE - Web Design Studio -HTMLã¯h1è¦ç´ ã ã‘ã§ã€CSSã®ã€Œborderã€ã‚„「box-shadowã€ã€Œtransformã€ã€Œlinear-gradientã€ã€æ“¬ä¼¼è¦ç´ ã®ã€Œ:beforeã€ã‚„「:afterã€ã‚’使ã£ãŸè¦‹å‡ºã—デザインをã”紹介ã—ã¾ã™ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ルをã”覧ãã ã•ã„。 サンプルページ » 01.切りå–ã‚Šç·š 紙を切りå–ã£ãŸã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ サンプルã¨ã‚½ãƒ¼ã‚¹ã‚’見る » ãƒã‚¤ãƒ³ãƒˆåž‚ç›´æ–¹å‘ã®å½±ã®ã‚ªãƒ•ã‚»ãƒƒãƒˆè·é›¢ã‚’è¨å®šã—ãŸã ã‘ã§ã¯ã€å·¦å³ä¸¡è„‡ã«ã‚‚å½±ãŒã§ãã¦ã—ã¾ã†ã®ã§ã€ä¸€æ—¦5px下ã«å½±ã‚’オフセットã—ãŸã†ãˆã§ã€åºƒãŒã‚Šè·é›¢ã‚’è² ã®å€¤(-4px)ã«ã—縮å°ã™ã‚‹ã“ã¨ã§ã€ä¸Šéƒ¨ã®å½±ã®ã¿ã‚’残ã—ã¦ã„ã¾ã™ã€‚ border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
2012å¹´ã€ãƒ”クトグラムã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã®ã¾ã¨ã‚ã€å…¨éƒ¨å•†ç”¨ç„¡æ–™ã§ã™ï¼
ã“ã‚Œã¯æ ¼å¥½ã„ã„。Windows 8ã®Metro UIã‚’HTML5ã§å†ç¾Â·Metro UI CSS MOONGIFT
æ–°å’Webデザイナーã«ã¨ã‚Šã‚ãˆãšèªã¾ã›ã¦ãŠããŸã„デザインã®åŽŸç†åŽŸå‰‡ãŒå¦ã¹ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼
シンプルãªã‚¿ã‚°ãªã®ã«å‡ã£ãŸç¶ºéº—ãªãƒœã‚¿ãƒ³ã‚’作るCSSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
ç„¡æ–™ã§å•†ç”¨OKãªé«˜å“質アイコン集ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる「ArtDesigner.lvã€
CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãªã‚‰çµ¶å¯¾è¦šãˆã¦ãŠããŸã„é…ç½®ã®ãƒ«ãƒ¼ãƒ«ï¼šãƒ•ãƒãƒ¼ãƒˆã‚„絶対é…ç½®ã€z-index ã¨ã‹ã„ã‚ã„ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
é…色パターンã‹ã‚‰Webデザインを考ãˆã‚‹
{{#tags}}- {{label}}
{{/tags}}