[JS]å˜ã«ç¸®å°ã—ã¦è¡¨ç¤ºã™ã‚‹ã ã‘ã§ã¯ãªã„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ト -Gamma Galleryå˜ã«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ã‚µã‚¤ã‚ºã«ä¾å˜ã—ã¦ç¸®å°ã™ã‚‹ã®ã§ã¯ãªãã€ã‚³ãƒ³ãƒ†ãƒŠã®ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ã‚°ãƒªãƒƒãƒ‰ã‚’最é©åŒ–ã—ã€ãã®ã‚µã‚¤ã‚ºã«æœ€é©ãªç”»åƒã‚’表示ã™ã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ Gamma Gallery: A Responsive Image Gallery Experiment デモページ Gamma Galleryã®ãƒ‡ãƒ¢ Gamma Galleryã®ä½¿ã„æ–¹ Gamma Galleryã®ãƒ‡ãƒ¢ ã¾ãšã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§è¡¨ç¤ºã—ãŸãƒ‡ãƒ¢ã‹ã‚‰ã”紹介。 ç”»åƒã®é…ç½®ã«ã¯Masonryを使用ã—ã¦ãŠã‚Šã€é«˜ã•ãŒç•°ãªã‚‹ç”»åƒã‚’一定ã®éš™é–“ã§é…ç½®ã—ã¾ã™ã€‚ã¾ãŸã€ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚‚対応ã—ã¦ãŠã‚Šã€ä¸‹éƒ¨ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ デモページ：スマフォã§è¡¨ç¤º Gamma Galleryã®ä½¿ã„æ–¹ Step 1: 外部ファイル Gamma Galleryã®ã‚¹ã‚¯ãƒªãƒ—ト自体ã¯jQueryã®ãƒ—ラグインã§ã¯ã‚ã‚Šã¾
{{#tags}}- {{label}}
{{/tags}}