ã‹ã£ã“ã„ã„グリッドベースã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ãŒä½œã‚Œã‚‹ã€ŽGrid formsã€ãŒè‰¯ã•ã’ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã£ã¦ã„ã–作ã‚ã†ã¨ã™ã‚‹ã¨çµæ§‹è¿·ã†äº‹å¤šã„ã§ã™ã‚ˆã。フォームã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚‚ã¡ã‚ã‚“ã€ã©ã†ã—ã¦ã‚‚å…¥åŠ›é …ç›®ãŒå¤šããªã‚‰ã–ã‚‹ã‚’å¾—ãªã„時ãªã‚“ã‹ã¯ã€è€ƒãˆã‚‹äº‹ã¯åº•çŸ¥ã‚Œãšã£ã¦æ„Ÿã˜ã§ã™ã€‚ 今日ã¯ãã‚“ãªæ™‚ã«ã‚‚ã—ã‹ã—ãŸã‚‰ä¾¿åˆ©ã£ã¦ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„JSï¼CSSフレームワークã®ä¸€ã¤ã€ŽGrid Formsã€ã‚’ã”紹介ã•ã›ã¦é ‚ãã¾ã™ï¼ フォームデザイン苦手ーã£ã¦äººã‚‚ã€ã¡ã‚‡ã£ã¨ã“ã®è¾ºã‹ã‚‰è§¦ã£ã¦ã¿ã¦ã‚‚良ã„ã‹ã‚‚ã§ã™ã〜。 Grid Forms Grid Formsã®Githubã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¦ã¿ã‚‹ã¨ã€æ—¢ã«ã‚µãƒ³ãƒ—ルファイルãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãれ見ãªãŒã‚‰ã¡ã‚‡ã£ã¨ãŠè©±ã—ãŸæ–¹ãŒã„ã„ã‹ã‚‚ã£ã™ã。 サンプルを開ãã¨ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ•ã‚©ãƒ¼ãƒ 例ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãªã‚“ã‹ç´™ã®å…¥åŠ›æ¬„ã¿ãŸã„ã§ã™ã。ãƒãƒƒãƒˆã«æ…£ã‚Œã¦å±…ãªã„人ã¸ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã‚‚ã€ã‚‚ã—ã‹ã—ãŸã‚‰è‰¯ã•ã’ã‹ãªï¼Ÿ 試ã—ã«ã¡ã‚‡ã£ã¨ä½œã£ã¦ã¿ã¾ã—ãŸãŒã€ã¨ã«ã‹ã楽。ã“ã‚ŒãŒç‰©ã®ï¼“
{{#tags}}- {{label}}
{{/tags}}