ã™ã£ãり見やã™ã„スタイルã®Bootstrapベースãªã‚ªãƒ¼ãƒ—ンソースã®ç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—レート・「Sing App〠- ã‹ã¡ã³ã¨.net
Sing Appã¯Bootstrapをベースã¨ã—ãŸã‚ªãƒ¼ãƒ—ンソースã®ç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—レートã§ã™ã€‚ã™ã£ãã‚Šã¨ã—ã¦ã„ã¦è¦‹ã‚„ã™ã„å°è±¡ã§ã—ãŸã€‚基本的ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯æƒãˆã‚‰ã‚Œã¦ãŠã‚Šã€ã™ãã«ç®¡ç†ç”»é¢ã¨ã—ã¦æ©Ÿèƒ½ã—ã¦ãれるã¿ãŸã„ã§ã™ã€‚ã“ã¡ã‚‰ã®OSS版ã¨ã¯åˆ¥ã«ã€æœ‰å„Ÿç‰ˆã¨ã—ã¦Reactã‚„Angular.js版ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ライセンスã¯MIT。 Sing App
商用利用無料ï¼Material DesignãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã€Bootstrap 4をベースã«ã—ãŸæ–°ä½œãƒ†ãƒ³ãƒ—レートã®ã¾ã¨ã‚
Material Designを使用ã—ã¦ã¿ãŸã„ã‘ã©ã€æ™‚é–“ãŒãªã„ã€æ‰‹é–“ã‚’ã‹ã‘ãŸããªã„ã€ã¨ã„ã†äººã«ã´ã£ãŸã‚Šãªã€Material DesignãŒæŽ¡ç”¨ã•ã‚ŒãŸå•†ç”¨ã§ã‚‚個人ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹Bootstrap 4ベースã®æ–°ä½œãƒ†ãƒ³ãƒ—レートを紹介ã—ã¾ã™ã€‚ ä¼æ¥å‘ã‘サイトã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚„ギャラリーã€ãƒ–ãƒã‚°ç”¨ã®ãƒ†ãƒ³ãƒ—レートãŒæƒã£ã¦ã„ã¾ã™ã€‚ Material Design for Bootstrap 4 MDB- GitHub Bootstrapã®ç‰¹å¾´ã‚„基本的ãªä½¿ã„æ–¹ã¯ã€ä¸‹è¨˜ã®è¨˜äº‹ã‚’å‚考ã«ã©ã†ãžã€‚ å‚考 Bootstrap 4ã®ä¸»ãªç‰¹å¾´ã€IE8ã®ã‚µãƒãƒ¼ãƒˆçµ‚了ã€Sassã«ç§»è¡Œã€CSSã®å˜ä½ã¯remã¨em採用 Bootstrapã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®åŸºæœ¬ãªä½¿ã„æ–¹ æ–°ã—ããªã£ãŸBootstrap 4ã®åŸºæœ¬ãƒ†ãƒ³ãƒ—レートã€ãƒŠãƒ“ゲーションã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã¾ã¨ã‚ ã§ã¯Material De
Material Kit - Bootstrapをベースã«ã—ãŸãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ワーク MOONGIFT
マテリアルデザインãŒäººæ°—ã§ã™ã€‚å˜ãªã‚‹ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã ã¨ã©ã“ãŒãƒœã‚¿ãƒ³ãªã®ã‹ã€ã•ã‚‰ã«ã‚¯ãƒªãƒƒã‚¯ã—ãŸæ™‚ã®åå¿œãŒãªã„ãŸã‚アクションを起ã“ã—ãŸã®ã‹ã©ã†ã‹ã‚‚分ã‹ã‚Šã¥ã‚‰ã„ã¨è¨€ã£ãŸå•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚マテリアルã«ã‚ˆã£ã¦åå¿œãŒå¾—られるよã†ã«ãªã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ“リティãŒé«˜ããªã‚‹ã§ã—ょã†ã€‚ ãã“ã§Bootstrapã«å¯¾ã—ã¦ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã§ãã‚‹ã®ãŒMaterial Kitã§ã™ã€‚雰囲気もãŒã‚‰ã£ã¨å¤‰ã‚ã‚‹ã§ã—ょã†ã€‚ Material Kitã®ä½¿ã„æ–¹ ボタンã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ マテリアルãªã®ã§ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã€ã‚¯ãƒªãƒƒã‚¯æ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒè¡Œã‚ã‚Œã¾ã™ã€‚ リンク。 インプット。 ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„ラジオボタン。 メニュー。 ã“ã†ã„ã£ãŸãƒŠãƒ“ゲーションメニューãŒä½œã‚Œã¾ã™ã€‚ アイコン付ãã®ã‚¿ãƒ–。 プãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€‚ 通知。 タイãƒã‚°ãƒ©ãƒ•ã‚£ã€‚ イメージã®è¡¨ç¤ºæ–¹æ³•ã‚‚多数用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ モーダル。 ãƒãƒƒãƒ—オーãƒãƒ¼ã€‚ カレンダーを使ã£ãŸæ—¥ä»˜ãƒ”
winstrap - Microsoft社公èªã®Bootstrapテーマ
モダンãªWebサイトを実ç¾ã™ã‚‹ãŸã‚ã«ã¯ãƒ¢ãƒ€ãƒ³ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ワークを使ã†ã¹ãã§ã™ã€‚ãã†ã™ã‚‹ã“ã¨ã§å…¨ä½“ã®çµ±ä¸€æ„ŸãŒç”Ÿã¾ã‚Œã€ä½¿ã„å‹æ‰‹ã®è‰¯ã„WebサイトãŒç”Ÿã¾ã‚Œã¾ã™ã€‚継ãŽã¯ãŽã§ã¯çµ±ä¸€æ„Ÿã‚’出ã™ã®ã¯å›°é›£ã§ã™ã€‚ 今回ã¯Microsoftå…¬å¼ã®Bootstrapテーマã€winstrapを紹介ã—ã¾ã™ã€‚最近ã®MSらã—ã„ã€ãƒ¢ãƒ€ãƒ³ãªWebデザインãŒå®Ÿç¾ã—ã¾ã™ã€‚ winstrapã®ä½¿ã„æ–¹ スクリーンショット多ã‚ã§ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã€‚確ã‹ã«ãã‚Œã£ã½ã„ã§ã™ã。 カラーリングも複数パターン用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ グラデーションも細ã‹ãè¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ æž çµ„ã¿ã ã‘。 é»’ãƒãƒƒã‚¯ã®å ´åˆã€‚ タイãƒã‚°ãƒ©ãƒ•ã‚£ã€‚ アイコン。 グリッド。ã‹ãªã‚Šç´°ã‹ã„å°è±¡ã§ã™ã€‚ ボタン。 ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€‚ラベル全体をãƒã‚§ãƒƒã‚¯ã—ã¾ã™ã€‚ トグルスイッãƒã€‚ フォーム。 テã‚スト入力。 コンボボックス。 ツールãƒãƒƒãƒ—。 ダイアãƒã‚°ã€‚ タブ。 ナビゲ
Bootstrapã®ãƒ†ãƒ³ãƒ—レートãŒç°¡å˜ã«ä½œæˆãƒ»ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãる国産ã®ç„¡æ–™ãƒ„ール -Bootstrap Editor
Bootstrapã¯ãƒšãƒ¼ã‚¸ä½œæˆã«å½¹ç«‹ã¤æ©Ÿèƒ½ãŒãŸãã•ã‚“用æ„ã•ã‚Œã¦ãŠã‚Šä¾¿åˆ©ã§ã™ãŒã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã—ãŸã‚Šã€ãƒ†ãƒ³ãƒ—レートを用æ„ã—ãŸã‚Šãªã©ã€å§‹ã‚ã‚‹ã¾ã§ã«å°‘ã—手間ãŒã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚“ãªæ‰‹é–“ã‚’ã™ã¹ã¦è§£æ¶ˆã—ã€åˆå¿ƒè€…ã®äººã§ã‚‚プãƒã®äººã§ã‚‚ã™ãã«Bootstrapã®ãƒ†ãƒ³ãƒ—レートãŒç°¡å˜ã«ä½œæˆãƒ»ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãる国産ã®ç„¡æ–™ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールを紹介ã—ã¾ã™ã€‚ Bootstrap Editor Bootstrap Editorã®ç‰¹å¾´ Bootstrap Editorã®æ©Ÿèƒ½ Bootstrap Editorã®ä½¿ã„æ–¹ Bootstrap Editorã®ç‰¹å¾´ Bootstrapã‚’åˆå¿ƒè€…ã§ã‚‚手軽ã«ä½¿ãˆã‚‹ã‚ˆã†é–‹ç™ºã•ã‚ŒãŸæ—¥æœ¬è£½ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールã§ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚„インストールãªã©ã®æº–å‚™ã¯ä¸è¦ã€ã™ãã«Bootstrapã§ã•ã¾ã–ã¾ãªãƒšãƒ¼ã‚¸ã‚’作æˆã§ãã¾ã™ã€‚ Emmetãªã©ã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ã§ã€ä½¿ã„慣れãŸäººã«ã‚‚便利ã§ã™ã€‚ 作者様
Semantic UIライクãªã‚¹ã‚¿ã‚¤ãƒ«ã®Bootstrapテーマ+コンãƒãƒ¼ãƒãƒ³ãƒˆé›†ãƒ»ã€ŒSemantic UI Bootstrap〠- ã‹ã¡ã³ã¨.net
Semantic UI Bootstrapã¯Semantic UIライクãªã‚¹ã‚¿ã‚¤ãƒ«ã®Bootstrapテーマã¨ã€ãã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã§ã™ã€‚Semantic UIã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’Bootstrapã§å®Ÿè£…出æ¥ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚Semantic UIã§ä½¿ã‚ã‚Œã¦ã„るよã†ãªç›´æ„Ÿçš„ãªclassåç‰ã‚’å–り入れãŸçš„ãªã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。基本的ã«ã¯Bootstrapベースã¨ãªã‚Šã¾ã™ã€‚逆ã«ã€Semantic UIベースã§Bootstrapã®ã‚¹ã‚¿ã‚¤ãƒ«ã«ã—ãŸã„å ´åˆã¯Semantic UIå´ã§ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã“ã¡ã‚‰ã‚’ã”å‚照下ã•ã„。Semantic UIã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯æ°—ã«å…¥ã£ã¦ã‚‹ã‘ã©BootstrapベースãŒã„ã„ã€ã¨ã„ã†æ–¹å‘ã‘ã®ãƒªã‚½ãƒ¼ã‚¹ã®ã”紹介ã§ã—ãŸã€‚ライセンスã¯MIT。 Semantic UI Bootstrap動作サンプル
Bootstrapã®ç”»é¢ã‚’手軽ã«ä½œã‚Œã‚‹ãƒ„ールã¾ã¨ã‚
æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã®ç”»é¢ã‚„Webサービスã®ç®¡ç†ç”»é¢ã«Bootstrapを採用ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ã„ã¾ã™ãŒã€ãã‚Œã§ã‚‚Bootstrapãªã‚‰ã§ã¯ã®æ›¸ã方を覚ãˆãªã„ã¨ã„ã‘ã¾ã›ã‚“。ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚‹ã”ã¨ã«æ›¸ãæ–¹ãŒå¤‰ã‚ã‚‹ã®ã§ç¿’å¾—ãŒé¢å€’ã¨æ„Ÿã˜ã‚‹äººã‚‚多ã„ã§ã—ょã†ã€‚ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒBootstrap用ã®UIビルダーã§ã™ã€‚ドラッグ&ドãƒãƒƒãƒ—ã§ç”»é¢ãŒè¨è¨ˆã§ãã‚Œã°ä½œæˆã‚‚ç°¡å˜ã§ã™ã‚ˆã。 lollytin beta 1.4 – A yummy HTML5 blockouterer! Bootstrapã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ドラッグ&ドãƒãƒƒãƒ—ã§ä½œã£ã¦ã„ãã®ã§ã™ãŒã€è¦‹ãŸç›®ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒ¡ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã®åˆ†ã€ç´°ã‹ã„ã¨ã“ã‚ã«ã“ã ã‚ã‚Šã™ãŽãšã«ã•ãã•ãã¨ä½œã£ã¦ã„ãã“ã¨ãŒã§ãã¾ã™ã€‚ Pingendo – web authoring with comfort Pingendoã¯Bootstrap専用ã®ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚Mac OS
Bootstrap3管ç†ç”»é¢ç”¨ãƒ†ãƒ³ãƒ—レート5é¸ï¼ˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘） | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€tetsuã§ã™ã€‚ エンジニアã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã§ãã‚‹æ–¹ã¯ã„ã¾ã™ãŒã€ã§ããªã„方もã„ã‚‹ã®ãŒç¾çŠ¶ã§ã™ã€‚僕自身もã§ããªã„ã»ã†ã«å…¥ã‚‹ã‹ã¨â€¦â€¦ã€‚ ãŸã ã€ã‚·ã‚¹ãƒ†ãƒ を構築ã™ã‚‹éš›ã«ã€ã»ã¼ä½œæˆã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ãŒç®¡ç†ç”»é¢ã§ã—ょã†ã€‚デザインãŒã§ããªã„ã«ã‚‚é–¢ã‚らãšã€ç®¡ç†ç”»é¢ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆãªã‘ã‚Œã°ã„ã‘ãªã„。ãã‚“ãªã¨ãã«ã¯å¤§å¤‰ã‚ã‚ŠãŒãŸã„ã€Bootstrap3対応ã®ç®¡ç†ç”»é¢ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—レートをæä¾›ã—ã¦ãれる方々ãŒã„ã¾ã™ã€‚ 今回ã¯ãã®ä¸ã‹ã‚‰ç‰¹ã«ãŠã™ã™ã‚ã®ãƒ†ãƒ³ãƒ—レートを5ã¤ã€ã”紹介ã„ãŸã—ã¾ã™ã€‚ ライセンスã«ã¤ã„㦠今回ã¯ã€ä»¥ä¸‹ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¡¨è¨˜ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚’ä¸å¿ƒã«ãƒ”ックアップã—ã¾ã—ãŸã€‚ â–¼ MIT license 1. ã“ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’誰ã§ã‚‚ç„¡å„Ÿã§ç„¡åˆ¶é™ã«æ‰±ã£ã¦è‰¯ã„。ãŸã ã—ã€è‘—作権表示ãŠã‚ˆã³æœ¬è¨±è«¾è¡¨ç¤ºã‚’ソフトウェアã®ã™ã¹ã¦ã®è¤‡è£½ã¾ãŸã¯é‡è¦ãªéƒ¨åˆ†ã«è¨˜è¼‰ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„。 2. 作者ã¾ãŸã¯è‘—作権者ã¯ã€ã‚½ãƒ•ãƒˆ
商用利用無料ï¼Bootstrap 3, Bootstrap 4をベースã«æœ€è¿‘ã®UIデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’å–り入れãŸæ–°ä½œãƒ†ãƒ¼ãƒžã®ã¾ã¨ã‚
最近ã®Webページã§äººæ°—ã®ã‚る縦長ページã€CSS3アニメーションã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€å¤§ãã„写真画åƒã‚’使ã£ãŸèƒŒæ™¯ã€ã‚«ãƒ¼ãƒ‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã©ã€UIデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’å–り入れãŸBootstrapã®ãƒ†ãƒ¼ãƒžã‚’紹介ã—ã¾ã™ã€‚ Bootstrap 4ベースã®ã‚‚ã®ã‚‚リリースã•ã‚Œå§‹ã‚ã¾ã—ãŸã€‚
ベーシックã§ä½¿ã„ã‚„ã™ãã†ãªBootstrapå‘ã‘管ç†ç”»é¢ãƒ†ãƒ³ãƒ—レート・「Gentallela〠- ã‹ã¡ã³ã¨.net
Gentallelaã¯ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªBootstrap Adminテンプレートã§ã™ã€‚ã‚´ãƒãƒ£ã‚´ãƒãƒ£ã—ã¦ãŠã‚‰ãšã€ä½¿ã„ã‚„ã™ãã†ãªå°è±¡ã§ã—ãŸã€‚ãƒãƒ£ãƒ¼ãƒˆã‚„カレンダーã€ãƒ•ã‚©ãƒ¼ãƒ ç‰ã ã‘ã§ãªãã€è«‹æ±‚書やデータグリッドãªã©ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ライセンスã¯MIT。 Gentallela
Oleose at BootstrapZero
Mobile App LandingOleose at ScoopThemes is a device-agnostic, modern responsive design that is customizable. It's designed to work well on desktops, laptops, tablets and mobile phones. LicenseCC 3.0 VersionBootstrap 3.2.0 Oleose is an eye-catching and fully responsive Bootstrap 3 Template for professional app landing page. It is developer friendly, easy to customize and includes 3 color options. I
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Bootstrapã®ãƒ†ãƒ¼ãƒžã‚’é…布ã—ã¦ã„ã‚‹Webサイトをã¾ã¨ã‚ã¦ã„る・「ThemeFinder〠- ã‹ã¡ã³ã¨.net
E Commerce at BootstrapZero
Bootstrap Themes and Templates at BootstrapZero
Guri Guri Nyoi — Bootstrap 3 iPhone App Templates
Bootplus
FirmaSite at BootstrapZero
Responsive Developer at BootstrapZero
{{#tags}}- {{label}}
{{/tags}}