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);
深津貴之æ°ãŒèªžã‚‹ã€ã€Œfladdictæµãƒ»ä½¿ã£ã¦ã‚‚らãˆã‚‹ã‚¢ãƒ—リã®UIデザイン〠- U-NOTE[ユーノート] - 仕事を楽ã—ãã€æ¯Žæ—¥ã‚’ã‹ã£ã“良ã。 -![深津貴之æ°ãŒèªžã‚‹ã€ã€Œfladdictæµãƒ»ä½¿ã£ã¦ã‚‚らãˆã‚‹ã‚¢ãƒ—リã®UIデザイン〠- U-NOTE[ユーノート] - 仕事を楽ã—ãã€æ¯Žæ—¥ã‚’ã‹ã£ã“良ã。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/fca790190c506ea1816d8178f27433e67f2c6be6/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F950.jpg)
UIã®æ”¹æ‚ªãŒUXを改善ã•ã›ã‚‹å ´åˆ - A Successful Failure
éµã‚’ã‹ã‘ãŸã‹ã©ã†ã‹è¨˜æ†¶ã—ã¦ãれるéµï¼šã€Œç¬¬7回ジェームズ ダイソン アワードã€ã‹ã‚‰
æ¼¢å—ã‚‚æƒã£ã¦ã‚‹ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -2011年版
ç„¡æ–™ã§å•†ç”¨åˆ©ç”¨å¯èƒ½ãªèƒŒæ™¯ç”»åƒã‚’æä¾›ã™ã‚‹ã€ŒèƒŒæ™¯å€‰åº«ã€
『3DCGã§åŽŸåž‹åˆ¶ä½œã‚’ã—ãŸã€ŒãƒŸãƒ«ãƒ’オーレ・F・ビスコッティã€ã€å®Ÿã¯ã“ã‚“ãªé¢¨ã«é€ られã¦ã„ãŸã‚“ã よï¼ã€
色彩センスã®ã„らãªã„é…色講座
ã€ä¿å˜ç‰ˆã€‘ã“れを見ãŸã‚‰ã€ã‚ãªãŸã®è²¡å¸ƒã¯ç¢ºå®Ÿã«ç·©ã‚€ã§ã‚ã‚ã†ç´ 敵ã™ãŽã‚‹ãƒãƒƒãƒˆã‚·ãƒ§ãƒƒãƒ— 101é¸
http://designaholic.cc/2011/02/post-82.html
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
{{#tags}}- {{label}}
{{/tags}}