æ¥å‹™Webアプリケーションエンジニアã®ãŸã‚ã®ã€ŒBootstrapã€å…¥é–€ä¸€è¦§
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
Bootstrapã®ä½¿ã„方超入門 (1/4) - ï¼ IT
話題ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインも簡å˜ã«ã§ãã‚‹ã€CSSフレームワーク「Bootstrapã€ã®æ¦‚è¦ã¨åŸºæœ¬çš„ãªä½¿ã„方をサンプルã¨ã‚³ãƒ¼ãƒ‰ã‚’交ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 最近ã¯ã‚„ã‚Šã®HTML5ã€JavaScriptライブラリã€CSS3ã€APIã®ç´¹ä»‹ã€ã¾ãŸãれらを組ã¿åˆã‚ã›ãŸã‚µãƒ³ãƒ—ルアプリケーションã®ç´¹ä»‹ã¨è§£èª¬ã‚’厳é¸ã—ã¦ç´¹ä»‹ã€è§£èª¬ã—ã¦ã„ã本連載「HTML5アプリ作ã‚ã†ãœï¼ã€ã€‚今回紹介ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ã€ŒBootstrapã€ã§ã™ã€‚ 話題ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインも簡å˜ã«ã§ãã‚‹ã€CSSフレームワーク「Bootstrapã€ã¨ã¯ ç¾åœ¨ã®Web制作ã€é–‹ç™ºã§ã¯ã€ã¨ã‚‚ã«ã‚¹ãƒ”ードãŒé‡è¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚「Bootstrapã€ã‚’使用ã™ã‚‹ã¨ã€æ—¢ã«ç”¨æ„ã•ã‚Œã¦ã„るスタイルをé©ç”¨ã™ã‚‹ã ã‘ã§ã€æ ¼æ®µã«é€Ÿãè¦‹æ „ãˆã‚’æ•´ãˆã‚‰ã‚Œã¾ã™ã€‚事実ã€Webシステムã®ç®¡ç†ç”»é¢ãªã©ã§Bootstrapを使用ã™ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚増ãˆã¦ãã¾ã—ãŸã€‚ Bootstrapã¯æœ€è¿‘
adexd.net - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - adexd リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
フリー＆プレミアムãªTwitterBootstrapテーマ50:phpspot開発日誌
50 Awesome Twitter Bootstrap Templates フリー＆プレミアムãªTwitterBootstrapテーマ50 Bootstrapベースã¨ã¯ã„ãˆã€Bootstrapè‡ãŒã‚ã¾ã‚Šã—ãªã„テンプレートãŒå¤šæ•°ã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ 通常サイトや管ç†ç”»é¢ç‰ã®ãƒ†ãƒ³ãƒ—レートãŒã¾ã¨ã¾ã£ã¦ã„ã¦ã€æ´»ç”¨ã—ã¦ã‚µã‚¯ã£ã¨ä»•äº‹ã‚’終ãˆã‚‰ã‚Œã‚‹äº‹ã‚‚ã‚ã‚‹ã‹ã‚‚ Bootstrapã®ä¾¿åˆ©ã•ã‚’享å—ã—ã¤ã¤ã€ã†ã¾ãサイトデザインã™ã‚‹éš›ã®å‚考ã«ã‚‚ã§ããã†ã§ã™ 関連エントリ Bootstrapã®selectをカッコよãã§ãる「Bootstrap-select〠BootStrapã®ãƒ•ã‚©ãƒ¼ãƒ 入力をもã£ã¨ä¾¿åˆ©ã«ã™ã‚‹ãŸã‚ã®ã€ŒBootstrap Form Helpers〠Bootstrapをベースã¨ã—ãŸãƒ•ãƒªãƒ¼ã®UIKit「Flat UI〠Bootstrapã«270ã®ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã§ãる「Elusive iconsã€
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #17 Bootstrap をカスタマイズã—ã¦ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’作ã£ã¦ã¿ãŸ | DevelopersIO
トレンディ且ã¤ãƒŠã‚¦ã„ Web ページを構築ã™ã‚‹ãŸã‚ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼ˆâ€»æž çµ„ã¿ï¼‰ã§ã™ã€‚フレームワークã¨ã„ã†ã¨ãªã‚“ã ã‹å¤§è¢ˆè£ŸãªéŸ¿ãã§ã™ãŒã€å®Ÿæ…‹ã¯å˜ãªã‚‹ CSS 㨠JavaScript ã¨ã„ã†ï¼’ã¤ã®ãƒ†ã‚ストファイルã ã‘ã§ç‰¹åˆ¥ãªä½¿ã„æ–¹ç‰ã‚‚ã‚ã‚Šã¾ã›ã‚“。利用者ã¯ã“れらを HTML ファイルã«èªã¿è¾¼ã¾ã›ãŸã®ã¡ã€Bootstrap å´ã§æ—¢ã«å®šç¾©æ¸ˆã¿ã®ã‚¯ãƒ©ã‚¹ã‚’å„ HTML è¦ç´ ã«æŒ‡å®šã™ã‚‹ã ã‘ã§ã€è‡ªåˆ†ã¯ä¸€è¡Œã‚‚ CSS を書ãã“ã¨ãªã高å“質㪠Web ページãŒä½œã‚Œã¦ã—ã¾ã£ãŸã‚Šã—ã¾ã™ã€‚ Twitter Bootstrap ã†ã‚覚ãˆã§ã™ãŒã€2011å¹´ã®å¤é ƒã«æœ€åˆã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—㟠*1。当時 Twitter ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ç¾åœ¨ã¯ Github ã«ãŠå‹¤ã‚ä¸ã® Mark Otto æ°ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã€2013å¹´4月時点ã§ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.3.1ãŒæœ€æ–°ç‰ˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³3.0
Twitter Bootstrap ã®CSSをコンテンツ部分ã®ã¿ã«é©ç”¨ã§ãã‚‹WordPressプラグインã¤ãã£ãŸãƒ¼ï¼ | Firegoby
Twitter Bootstrap ã®CSSをコンテンツ部分ã®ã¿ã«é©ç”¨ã§ãã‚‹WordPressプラグインã¤ãã£ãŸãƒ¼ï¼ Twitter Bootstrapを使用ã™ã‚‹ã¨ãã‚Œãªã‚Šã«ã‹ã£ã“ã„ã„サイトをã¡ã‚ƒã¡ã‚ƒã£ã¦ä½œã‚‹ã“ã¨ãŒã§ãã¦ä¾¿åˆ©ãªã‚“ã§ã™ãŒã€ãŠæ°—ã«å…¥ã‚Šã®ãƒ†ãƒ¼ãƒžã¨ã‚ã‚ã›ã¦ä½¿ã†ã¨CSSãŒè¡çªã—ã¦æ®‹å¿µãªã“ã¨ã«ãªã£ãŸã‚Šã—ã¾ã™ã‚ˆã。 ãã‚“ãªã‚ã‘ã§ã€WordPressã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„エリアã®éƒ¨åˆ†ã ã‘ã«Bootstrapã®CSSãŒé©ç”¨ã•ã‚Œã‚‹ãƒ—ラグインを作りã¾ã—ãŸã€‚ 続ãã¯ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã§ã€‚ https://firegoby.jp/wp/content-bootstrap
Bootstrapã§çŸ¢å°ã‚’æãã®ãªã‚‰ã€ŒBootstrap Arrowsã€:phpspot開発日誌
Bootstrap Arrows Bootstrapã§çŸ¢å°ã‚’æãã®ãªã‚‰ã€ŒBootstrap Arrows〠全国ã®çŸ¢å°å¥½ãã®è«¸å›ã€‚ã“ã‚“ã«ã¡ã¯ã€‚ã‚‚ã†Photoshopã§çŸ¢å°ã‚’æã„ã¦ç”»åƒã‚’作ã£ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãªã‚“ã¦ã„ã†ã“ã¨ã¯å¿…è¦ãªã„。 <span> ã«ç°¡å˜ãªclassã‚’ã¤ã‘ã‚‹ã ã‘ã§ã€å‘ãã‚‚ã€é•·ã•ã‚‚ã€è‰²ã ã£ã¦ã€è‡ªç”±è‡ªåœ¨ã€‚ ã—ã‹ã‚‚ã€æ¬¡ã®ã‚ˆã†ãªç¾Žã—ã„矢å°ãŒæç”»ã§ãる。センス云々ã®è©±ã§ã¯ãªãã€class="arrow" ã¨ã—㦠rel ã§è§’度を指定ã™ã‚‹ã ã‘ã§ç¾Žã—ã„矢å°ãŒæã‘ã‚‹ã®ã 。 色んãªUIライブラリã¯ã‚ã‚Œã©ã€çŸ¢å°ã¾ã§æã‘ã‚‹ã¨ãªã‚‹ã¨ã‚‚ã†é¸æŠžè‚¢ã¯é™ã‚‰ã‚Œã‚‹ã€‚ ã“ã‚Œã§Bootstrapを使ã‚ãªã„ç†ç”±ã¯ä¸€åˆ‡ãªããªã£ãŸã®ã 。 関連エントリ TwitterBootstrapベースã®WYSIWYGエディタ「bootstrap-wysihtml5〠Twitter BootStrap ã«è¿½åŠ ã§ãる５ã¤ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ
Twitter Bootstrapã®ãƒªã‚½ãƒ¼ã‚¹ã‚’大é‡ã«ã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆãƒ»The Big Badass List - ã‹ã¡ã³ã¨.net
人気ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã€Bootstrapを使ã†éš›ã«å½¹ç«‹ã¤ãƒªã‚½ãƒ¼ã‚¹ã‚’大é‡ã«é›†ã‚ã¦ã„ã‚‹Webサイト・The Big Badass Listã®ã”紹介ã§ã™ã€‚ç¾åœ¨ã§ã‚‚200è¿‘ãã®ãƒªã‚½ãƒ¼ã‚¹ãŒã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚æ—¢ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹æ–¹ã¯è¦—ã„ã¦ã¿ã¦ã¯ã€‚ Twitter Bootstrapã®ãƒªã‚½ãƒ¼ã‚¹ã¾ã¨ã‚サイトã§ã™ã€‚人気ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãªã‚‰ã§ã¯ã®ãƒªã‚½ãƒ¼ã‚¹é‡ã§ã™ã。 å·¦ã®å½±ãƒžãƒƒãƒãƒ§ãŒæ°—ã«ãªã‚Šã¾ã™ãŒã€ãã‚Œãらã„凄ã„ã¾ã¨ã‚ãªã®ã§ã—ょã†ã€‚ç¾åœ¨180以上ã®ãƒªã‚½ãƒ¼ã‚¹ãŒã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚ フォームã¨ã‹ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‹ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã¨ã‹Rubyã‚„PHPã«Bootstrapã‚’çµ±åˆã™ã‚‹æ‰‹æ®µã¨ã‹ãªã‚“ã§ã‚‚æƒã£ã¦ã¾ã™ã€‚ 覚ãˆã¦ãŠã„ã¦æã¯ç„¡ã„ã®ã§ã¯ã€‚ã¾ãŸã€æ–°ãŸãªãƒªã‚½ãƒ¼ã‚¹ã®æƒ…å ±æ供もå—ã‘付ã‘ã¦ã‚‹ã¿ãŸã„ã§ã™ã€‚以下よりã”利用下ã•ã„。 The Big Badass List
『第一回 プãƒã‚°ãƒ©ãƒžå‘ã‘デザイン勉強会ã€ã«å‚åŠ ã—ã¾ã—㟠#design4p - bekkou68 ã®æ—¥è¨˜
ã¯ã˜ã‚ã« ç¾å½¹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€…ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¼æŽˆã—ã¦ã„ãŸã ã‘る㨠@satococoa ã•ã‚“ã«èžã„ã¦ã€Žç¬¬ä¸€å›ž プãƒã‚°ãƒ©ãƒžå‘ã‘デザイン勉強会 - connpassã€ã«å‚åŠ ã—ã¾ã—ãŸã€‚å„発表ã®è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã‚’書ã„ã¦ã„ãã¾ã™ã€‚ Twitter Bootstrap ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºä¾‹ - @machida ã•ã‚“ メモ スライド Railsエンジニアã®ãŸã‚ã®Twitter Bootstrapカスタマイズ例 // Speaker Deck カスタマイズã•ã‚ŒãŸã‚³ãƒ¼ãƒ‰ machida/CustomizedTwitterBootstrap 基本ã¯ãƒ™ãƒ¼ã‚¹ã€ãƒ¡ã‚¤ãƒ³ã€ã‚¢ã‚¯ã‚»ãƒ³ãƒˆï¼ˆç›®ç«‹ã¤è‰²ã€‚クリックã•ã‚ŒãŸã„ボタンã¨ã‹ï¼‰ã‚«ãƒ©ãƒ¼ã®ä¸‰è‰²ã€‚70:20:5 ãらã„ã®æ¯”ãŒã„ã„らã—ã„ sass ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ãã¯ä¸‰è‰²ã‚’変数ã«ã—ã¦åŸºæœ¬ã¯ãれをã¤ã‹ã† 背景ã«ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ¼ã‚’ã¤ã‹ã†ã¨é«˜ç´šæ„ŸãŒå‡ºã‚‹ 次ã®ã‚µã‚¤ãƒˆã‚’用ã„ãŸä¸‰è‰²ã®æ±ºã‚æ–¹ Color
Railsエンジニアã®ãŸã‚ã®Twitter Bootstrapカスタマイズ例
Sassを使ã£ãŸã‚Šã€äººã‹ã‚‰ãƒ‘クã£ãŸã‚Šã—ã¦ã€æ¥µåŠ›å¤±æ•—ã—ãªã„方法
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - twbs/bootstrap-sass: Official Sass port of Bootstrap 2 and 3.
{{#tags}}- {{label}}
{{/tags}}