Grid and Column Designs
If you are looking for inspiration for grid and column design, here is a nice collection of 32 column-based websites. These sites show how grid layout can be applied on various type of sites — whether a massive content editorial site or just a personal blog. Check out how the layout can be divided into 3 columns, 4 columns, a mixture of narrow and wide columns. Editorial Sites First let’s check ou
David DeSandro: jQuery Masonry
Masonry is a layout plugin for the ever-popular Javascript library jQuery. Download jQuery Masonry Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Invoking Masonry only
Xlune::Blog
å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆjQueryプラグイン(jquery.vgrid.js) ãªã‚“ã ã‹å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã¾ãŸæµè¡Œã£ã¦ã‚‹ï¼ˆï¼Ÿï¼‰ã‚ˆã†ãªã®ã§ã€jQueryプラグイン書ã„ã¦ã¿ãŸã€‚ 一通りブラウザã§è¡¨ç¤ºç¢ºèªãらã„ã¯ã—ãŸã‘ã©ã€ãƒ†ã‚¹ãƒˆã¯å分ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“。 Demo Demo Index 利用方法ã¯ãƒ‡ãƒ¢ã®ã‚½ãƒ¼ã‚¹ã‚’確èªã—ã¦ãã ã•ã„。(ウィンドウリサイズã—ã¦å‹•ãも確èªã—ã¦ã) Download github zip file 利用ã«ã¯ã€jQuery本体ã¨jquery.easingプラグインãŒå¿…è¦ã§ã™ã€‚別途èªã¿è¾¼ã‚“ã§ãã ã•ã„。 æ›´æ–°æƒ…å ± v0.1.8 (20120421) display属性ã§ã€ã‚°ãƒªãƒƒãƒ‰è¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’切り替ãˆã‚Œã‚‹ã‚ˆã†ã«ä¿®æ£ã—ã¾ã—ãŸã€‚ demo009ã‚’è¿½åŠ v0.1.7 (20111110) 複数ã®å¯å¤‰ãƒœãƒƒã‚¯ã‚¹ã‚’指定ã™ã‚‹ã¨ã€é–‹å§‹ä½ç½®ãŒãŠã‹ã—ããªã‚‹ãƒã‚°ã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚ demo008
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}