Web制作者ã¯çŸ¥ã£ã¦ãŠããŸã„webサイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ7é¸ â”‚ Design Spiceレスãƒãƒ³ã‚·ãƒ–webデザインã‹ã‚‰ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã‚ˆã使ã‚ã‚Œã¦ã„ã‚‹webデザインã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨èªžã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ レスãƒãƒ³ã‚·ãƒ–webデザイン エラスティックレイアウト リã‚ッドレイアウト フレã‚シブルレイアウト 固定幅レイアウト グリッドレイアウト å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ レスãƒãƒ³ã‚·ãƒ–webデザイン(Responsive Web Design) PCやスマートフォンã€ã‚¿ãƒ–レット事ã«è¤‡æ•°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’制作ã™ã‚‹ã®ã§ã¯ãªã〠ディスプレイã®å¹…ã«åˆã‚ã›ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’最é©åŒ–ã™ã‚‹æ–¹æ³•ã€‚ CSS3ã®Media Queriesを利用ã—ã¦ãƒ‡ã‚£ã‚¹ãƒ—レイサイズã«å¿œã˜ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã—ã¾ã™ã€‚ メリット 一ã¤ã®ã‚½ãƒ¼ã‚¹ã§è¤‡æ•°ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã§ãã‚‹ã®ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒå®¹æ˜“ã§ã™ã€‚ ã¾ãŸä»Šå¾Œãƒ‡ãƒã‚¤ã‚¹ã®ç¨®é¡žãŒå¢—ãˆã¦ã‚‚ãã‚Œã«å¯¾å¿œã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ‡ãƒã‚¤ã‚¹ã«åˆã‚ã›ãŸå½¢ã§èª¿æ•´ã§ãã‚‹ã®ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚‚高ããªã‚Šã¾ã™ã€‚ デメリッ
CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãªã‚‰çµ¶å¯¾è¦šãˆã¦ãŠããŸã„é…ç½®ã®ãƒ«ãƒ¼ãƒ«ï¼šãƒ•ãƒãƒ¼ãƒˆã‚„絶対é…ç½®ã€z-index ã¨ã‹ã„ã‚ã„ã‚
センスã§ã¯ãªã具体的ã«è§£èª¬ã™ã‚‹ã€ŒåŒäººèªŒã‚„イラストã®ç¾Žã—ã„デザイン100ã€
効果的ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹ä»£è¡¨çš„ãª3ã¤ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã¯
Gridulator: Make pixel grids, lickety-split
{{#tags}}- {{label}}
{{/tags}}