GitHub - minikomi/Bootstrap-Form-Builder: Web app for drag drop building bootstrap forms.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Sinatraã§TwitterBootstrapを使ã£ã¦TODOアプリを作ã£ã¦ã¿ã‚ˆã† - ギークを夢見るã˜ã‚‡ãƒ¼ã¶ã‚“ç”·å
Bootstrap, from Twitter Bootstrap!!!! TwitterBootstrapを使ã£ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ãŸã¨ã“ã‚ã«ã€ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§TwitterBootstrapã®ãƒ¬ãƒƒã‚¹ãƒ³ãŒã‚ã‚‹ã“ã¨ã‚’発見。 Twitter Bootstrap (v2.0)ã®åŸºç¤Ž - ドットインストール 改ã‚ã¦ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’ã‚„ã£ã¦è¦‹ãŸã‘ã©æƒ³åƒä»¥ä¸Šã ã£ãŸã€‚å‹•ç”»ã§ä»Šã¾ã•ã«æ¬²ã—ã„æƒ…å ±ã‚’è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã®ã£ã¦ç´ 晴らã—ã„。Twitter Bootstrap 使ã£ã¦ã¿ã‚ˆã†ã‹ãªãã£ã¦ã¨ã“ã‚ã ã£ãŸã®ã§ã€ã“ã‚Œã§å°Žå…¥ãŒã‚¹ãƒ ーズã«ãªã‚Šãã†ã€‚jQueryã®ãƒ¬ãƒƒã‚¹ãƒ³ã‚‚ã‚ã£ãŸã®ã§ã€å—ã‘ã¦ã¿ã‚ˆã†ã£ã¦æ€ã£ãŸã€‚ publicフォルダã«CSSã‚’ 最åˆã€layout.erbã¨åŒã˜ãƒ•ã‚©ãƒ«ãƒ€ã«TwitterBoostrapã®cssフォルダを置ã„ã¦ã„ã¦ã€ãªã‚“ã§cssãŒèªã¿è¾¼ã¾ã‚Œãªã„ã‚“ã ã‚ã†ã¨æ€ã£ã¦ã¦ãŸã‚‰ã€Sinatraã§ã¯ã€p
Sinatra + Twitter Bootstrap + Haml « ツール工房 覚書
Twitter社ãŒå…¬é–‹ã—ãŸCSS/HTMLフレームワークã§ã™ã€‚ ç°¡å˜ã«æ´’è½ãŸwebページを作æˆã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‡ºæ¥ãªã„人ã«ãƒ”ッタリ。 http://twitter.github.com/bootstrap/ HTML/XHTMLを生æˆã™ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語ã§ã™ã€‚ インデントや簡略構文ã«ã‚ˆã£ã¦ç°¡æ½”ãªè¨˜è¿°ãŒè¡Œãˆã¾ã™ã€‚ http://haml.ursm.jp/ ã“ã®3ã¤ã‚’組ã¿åˆã‚ã›ã¦ç°¡å˜ãªãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—リを作ã£ã¦ã¿ã¾ã—ãŸã€‚ 動作例ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ ãƒã‚°ã‚¤ãƒ³ç”»é¢(トップ画é¢) ↓　ãƒã‚°ã‚¤ãƒ³ ソース ソースã¯githubã«ã‚¢ãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚ https://github.com/icchi/sina_chat 準備 Twitter Bootstrapã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã€ŒBootstrapã€ã‚’ダウンãƒãƒ¼ãƒ‰ gemã‹ã‚‰Sinatraã¨Hamlをインストール g
æ°´æ¼ã‚Œä¿®ç†æ¥è€…ã®æŽ¢ã—æ–¹
æ°´é“ä¿®ç†æ¥è€…を探ã™ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆ ã€Œæ ¼å®‰ æ°´æ¼ã‚Œ ä¿®ç†ã€ã®ã‚ˆã†ãªæ¤œç´¢ã¯ã—ãªã„ æ°´æ¼ã‚Œãªã©ã®æ°´é“ä¿®ç†æ¥è€…を探ã™ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„ã®ã¯ã€ã‚ã¾ã‚Šã«ã‚‚安ã„金é¡ã‚’æ示ã—ã¦ã„ã‚‹æ¥è€…ã¯å€™è£œã‹ã‚‰é™¤å¤–ã—ã¾ã—ょã†ã€‚ ã€Œæ ¼å®‰ã€€æ°´æ¼ã‚Œã€€ä¿®ç†ã€ãªã©ã§æ¤œç´¢ã™ã‚‹ã¨ã€æ¤œç´¢çµæžœã«ã€Œæ°´æ¼ã‚Œä¿®ç†500円〜ã€ã¨ã‹ã€ŒåŸºæœ¬æ–™é‡‘280円〜ã€ã®ã‚ˆã†ãªé…力的ãªé‡‘é¡ã‚’å…¨é¢ã«å‡ºã—ã¦ãã‚‹æ¥è€…ãŒè¡¨ç¤ºã•ã‚Œã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ãŒã€ã“ã®ã‚ˆã†ãªç•°å¸¸ãªå®‰ã•ã‚’ウリã«ã—ã¦ã„ã‚‹æ°´é“ä¿®ç†æ¥è€…ã«ã¯æ°—ã‚’ã¤ã‘ã¦ä¸‹ã•ã„。 ã“れらã®æ¥è€…ãŒå…¨ã¦æ€ªã—ã„æ¥è€…ã¨ã¯è¨€ã‚ãªã„ã§ã™ãŒã€å°‚門知è˜ã‚’å‚™ãˆãŸä½œæ¥ã‚¹ã‚¿ãƒƒãƒ•ãŒå®¶ã¾ã§è»Šã§è¨ªå•ã—ã¦æ°´é“トラブルを直ã—ã¦æ•°ç™¾å††ã§çµ‚ã‚ã‚‹ã¯ãšãªã„ã§ã™ã‚ˆã。必ãšã¨è¨€ã£ã¦ã„ã„ã»ã©åŸºæœ¬æ–™é‡‘以外ã«ä½œæ¥ä»£é‡‘・出張費・見ç©è²»ãƒ»ã‚ャンセル費ã¨ã„ã†ã‚ˆã†ãªåç›®ã§è¿½åŠ 費用ãŒã‹ã‹ã‚Šã¾ã™ã€‚ 冷é™ã«ãªã‚‹ã¨ã‚ã‹ã‚‹ã®ã§ã™ãŒã€æ°´é“トラブルã§ç„¦ã£ã¦ã„ã‚‹å ´åˆã«ã¯ãã®ã‚ˆã†ãªã“ã¨ã‚‚æ°—ã¥ã‹ãªããªã‚Šã€æœŸå¾…ã‚’
ãŠæ‰‹è»½ï¼Bootstrapã®ã‚«ãƒ©ãƒ¼ãƒ†ãƒ¼ãƒžã‚’ç”»åƒã‹ã‚‰ä½œæˆã™ã‚‹Â·Lavish MOONGIFT
Lavishã¯ä»»æ„ã®ç”»åƒã‚’解æžã—ã¦ã‚«ãƒ©ãƒ¼ãƒ‘ターンを抽出ã—ã€ãれをBootstrapã«é©ç”¨ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ Bootstrapã¯ä¾¿åˆ©ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ãŒã€è‰²ã®ãƒãƒ©ãƒ³ã‚¹ãŒç‰¹å¾´çš„ãªã®ã§ã‹ãªã‚Šè‡ã„ãŒæ®‹ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ãã“ã§è‰²åˆã„ã‚’ãŒã‚‰ã£ã¨å¤‰ãˆã‚‹éš›ã«ä½¿ã£ã¦ã¿ãŸã„ã®ãŒLavishã§ã™ã€‚ トップページã§ã™ã€‚å³å´ã«ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ç”»åƒã‚’色分æžã—ã¦ç‰¹å¾´çš„ãªè‰²ã‚’ピックアップã€Bootstrapã®ãƒ†ãƒ¼ãƒžã«åˆã‚ã›ã¦ã„ã¾ã™ã€‚ 別ãªç”»åƒã‚’指定ã—ã¦ã¿ã¾ã—ãŸã€‚ãã£ã¨è‰²åˆã„ãŒå¤‰åŒ–ã—ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ ã“ã‚“ãªè‰²åˆã„も。 ã¡ã‚‡ã£ã¨è½ã¡ç€ã„ãŸæ„Ÿã˜ã€‚ Googleãƒã‚´ã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ã‚ã¾ã‚Šã‚‰ã—ããªã„ã‹ãªï¼Ÿ Lavishã¯ç”»åƒã‚’ベースã«ã‚«ãƒ©ãƒ¼ãƒ†ãƒ¼ãƒžã‚’è¨å®šã—ã¦ãã‚Œã¾ã™ã€‚æ°—ã«å…¥ã£ãŸå†™çœŸã‹ã‚‰Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’決ã‚ã‚‹ã¨ã„ã†ã®ã¯ãªã‹ãªã‹ãƒ¦ãƒ‹ãƒ¼ã‚¯ã§ã™ã€‚å–り込んã 後ã€å€‹åˆ¥ã«èª¿æ•´ã‚‚ã§ãã‚‹ã®ã§è‰²ã€…試ã—ã¦ã¿ã‚‹ã¨
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - mquan/lavish: a rails app that generates Bootstrap color scheme from an image
{{#tags}}- {{label}}
{{/tags}}