Scooter - Dropbox社製ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ワークä¼æ¥ã§Webサービスを作る際ã«ã€æ±ºã¾ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒã‚ã‚‹ã¨å…¨ä½“çš„ã«çµ±ä¸€æ„ŸãŒå‡ºã¦ã€ã‹ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾ã™ã‚‹æ‚©ã¿ãŒå°‘ãªããªã‚‹ã®ãŒåˆ©ç‚¹ã§ã™ã€‚ãã®çµæžœã€é–‹ç™ºãŒã‚¹ãƒ ーズã«é€²ã‚€ã“ã¨ã§ã—ょã†ã€‚ 今回ã¯ãã®ä¸€ã¤ã€Scooterを紹介ã—ã¾ã™ã€‚作æˆã—ãŸã®ã¯Dropbox社ã«ãªã‚Šã¾ã™ã€‚ Scooterã®ä½¿ã„æ–¹ Scooterã¯SCSSã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã§å¤‰æ•°ã‚„Mixinãªã©ãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚実際ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯ã‚°ãƒªãƒƒãƒ‰ã€‚ 写真ã¨èª¬æ˜Žã€‚ リスト。 å³å¯„ã›ã€‚ アラート。 ボタン。 å¹ã出ã—付ã。 フãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚«ãƒ¼ãƒ‰ã€‚ フォーム。 アイコン。 ã“ã‚“ãªæ„Ÿã˜ã§æ–‡å—ã ã‘ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚‚表ç¾ã§ãã¾ã™ã€‚ モーダル。 ツールãƒãƒƒãƒ—。 ラベル。アイコン付ããªã®ãŒè‰¯ã„æ„Ÿã˜ã€‚ å¡—ã‚Šã¤ã¶ã—ãŸãƒ©ãƒ™ãƒ«ã€‚ タブ。 カレンダー。 Scooterã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã«ã‚‚Dropboxã£ã½ã•ãŒæº¢ã‚Œã¦ã„ã¾
CSSã®ã¿ã¨Sass/SCSSã€Lessã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»CSSフレームワークã«ã¤ã„ã¦èª¿ã¹ã¦è¡¨ã«ã—ã¦ã¿ãŸ | DevelopersIO
{{#tags}}- {{label}}
{{/tags}}