Web制作者ã¯çŸ¥ã£ã¦ãŠããŸã„webサイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ7é¸ â”‚ Design Spiceレスãƒãƒ³ã‚·ãƒ–webデザインã‹ã‚‰ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã‚ˆã使ã‚ã‚Œã¦ã„ã‚‹webデザインã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨èªžã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ レスãƒãƒ³ã‚·ãƒ–webデザイン エラスティックレイアウト リã‚ッドレイアウト フレã‚シブルレイアウト 固定幅レイアウト グリッドレイアウト å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ レスãƒãƒ³ã‚·ãƒ–webデザイン(Responsive Web Design) PCやスマートフォンã€ã‚¿ãƒ–レット事ã«è¤‡æ•°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’制作ã™ã‚‹ã®ã§ã¯ãªã〠ディスプレイã®å¹…ã«åˆã‚ã›ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’最é©åŒ–ã™ã‚‹æ–¹æ³•ã€‚ CSS3ã®Media Queriesを利用ã—ã¦ãƒ‡ã‚£ã‚¹ãƒ—レイサイズã«å¿œã˜ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã—ã¾ã™ã€‚ メリット 一ã¤ã®ã‚½ãƒ¼ã‚¹ã§è¤‡æ•°ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã§ãã‚‹ã®ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒå®¹æ˜“ã§ã™ã€‚ ã¾ãŸä»Šå¾Œãƒ‡ãƒã‚¤ã‚¹ã®ç¨®é¡žãŒå¢—ãˆã¦ã‚‚ãã‚Œã«å¯¾å¿œã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ‡ãƒã‚¤ã‚¹ã«åˆã‚ã›ãŸå½¢ã§èª¿æ•´ã§ãã‚‹ã®ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚‚高ããªã‚Šã¾ã™ã€‚ デメリッ
部屋ã®æ¨¡æ§˜æ›¿ãˆã‚„家具ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å½¹ç«‹ã¤Webサービス10+4 – creamu
グリッドベースã®ã‚µã‚¤ãƒˆã‚’作りãŸã„ãªã‚‰ã€ŽTiny Fluid Gridã€ãŒä¾¿åˆ© | 100SHIKI
IDEA * IDEA
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
[JS]パãƒãƒ«ã‚’æ–°èžã®ã‚ˆã†ã«éš™é–“ãªã自動ã§é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Masonry
AFRO FUKUOKA ç¦å²¡ã®ä»ŠãŒã¤ã¾ã£ãŸã‚°ãƒƒãƒ‰ãƒ©ã‚¤ãƒ•ãƒžã‚¬ã‚¸ãƒ³
IDEA * IDEA
http://www.designwalker.com/2009/04/wireframe-2.html
ã‹ã£ã¡ã‚Šã¨ã—ãŸã‚°ãƒªãƒƒãƒ‰CSSãŒæ‰‹ã«å…¥ã‚‹ã€Žthe-golden-grid〠– creamu
レイアウトデザインをå¦ã¶ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«æ±ºå®šç‰ˆ – creamu
2009å¹´ã®ã‚¦ã‚§ãƒ–デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ï¼šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç·¨
http://www.designwalker.com/2009/01/web-layout.html
サイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„エレメントを作æˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
jQueryã§ã‚¦ã‚§ãƒ–デザイン | ã‚³ã‚¹ãƒŸãƒ¼å ±å‘Šæ›¸[社外秘]![jQueryã§ã‚¦ã‚§ãƒ–デザイン | ã‚³ã‚¹ãƒŸãƒ¼å ±å‘Šæ›¸[社外秘]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
一æµã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’一ã‹ã‚‰ä½œæˆã™ã‚‹æ‰‹é †é›†:phpspot開発日誌
CSS-Based Tables: Modern Solutions | Smashing Magazine
インテリア計画支æ´ãƒ„ール「PlanningWiz〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
Photoshopã§ä½œæˆã™ã‚‹ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
CSSレイアウトテクニック"å½è£…絶対指定" - A List Apart | エンタープライズ | マイコミジャーナル
{{#tags}}- {{label}}
{{/tags}}