twitter-bootstrap-rails/README.md at master · seyhunak/twitter-bootstrap-railsYou 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
twitter-bootstrapを使ã£ã¦herokuã§ã‚¨ãƒ©ãƒ¼ãŒå‡ºãŸæ™‚ã®å¯¾å‡¦ - 開発メモ帳
ActionView::Template::Error ('twitter/bootstrap/bootstrap.less' wasn't found. ãƒãƒ¼ã‚«ãƒ«ã§ã¯å‡ºãªã„エラーãŒå‡ºã¾ã—ãŸãƒ»ãƒ»ãƒ» RAILS_ENV=production bundle exec rake assets:precompile rakeã‚’å©ãã¨ã€public/assetsãŒã§ãã¾ã™ã€‚ config/application.rbã« config.assets.initialize_on_precompile = false ã‚’è¿½åŠ ãã—ã¦addã—ã¦pushã™ã‚Œã°ã§ãã¾ã™ï¼ï¼ 日本語ã§ã®è§£æ±ºã‚µã‚¤ãƒˆãªã‹ã£ãŸã®ã§ã¨ã‚Šã‚ãˆãšæ›¸ãã¾ã—ãŸã€‚ １時間ã¯ã¾ã£ãŸãƒ»ãƒ»ãƒ»
ASCIIcasts - “Episode 268 - SASSã®åŸºç¤Žâ€
268: SASSã®åŸºç¤ŽÂ (view original Railscast) Other translations: Other formats: Written by Naomi Fujimoto ã‚‚ã†ã™ãリリースã•ã‚Œã‚‹Rails 3.1ã®å¤§ããªå¤‰æ›´ç‚¹ã®ã²ã¨ã¤ã¯ã€CSSを生æˆã™ã‚‹æ–¹æ³•ã¨ã—ã¦ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§æä¾›ã•ã‚Œã‚‹SASSã®ã‚µãƒãƒ¼ãƒˆã§ã™ã€‚SASSã¯ã‚¢ãƒ—リケーションã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ç®¡ç†ã‚’ç°¡ç´ åŒ–ã™ã‚‹ãŸã‚ã«ã€CSSã«æ¨™æº–ã§ã¯å«ã¾ã‚Œãªã„ãƒã‚¹ãƒˆã‚„変数ã€ãã®ä»–多ãã®æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚今回ã®ã‚¨ãƒ”ソードã§ã¯ã€Railsアプリケーションã®CSSã‚’SASSã«å¤‰æ›ã—ãªãŒã‚‰ã€ãã®åˆ©ç‚¹ã‚’実際ã«è¦‹ã¦ã„ãã¾ã™ã€‚ 作æ¥ã®å¯¾è±¡ã¨ãªã‚‹ã‚µã‚¤ãƒˆã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ スタイルã¯ã™ã¹ã¦å˜ç´”ãªCSSã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€ã“れを外観ã¯ã¾ã£ãŸã変ãˆãªã„ã¾ã¾SASSã«å¤‰æ›ã—ã¦ã„ãã¾ã™ã€‚å¤‰æ›´ã‚’åŠ ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯æ¬¡ã®ã¨ãŠã‚Šã§ã™ã€‚ /
Rails3.1 Sass(SCSS)を使ã£ã¦ã¿ãŸãƒ¡ãƒ¢ - 130å˜ä½
Sass: Syntactically Awesome Style Sheets Sassã¯CSSã‚’ç°¡æ½”ã‹ã¤æŸ”軟ã«è¨˜è¿°ã™ã‚‹ãŸã‚ã®è¨˜æ³•ã§ã€SCSSã¯ãã®æ´¾ç”Ÿã§CSSã¨ã®äº’æ›æ€§ã‚‚ã‚ã‚‹æ–°ã—ã‚ãªè¨˜æ³•ã§ã™ã€‚ã¨ã‚‚ã«ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ãƒã‚¹ãƒˆã—ã¦è¨˜è¿°ã§ãã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã‚„ã™ã„特徴ã®ã²ã¨ã¤ã§ã™ã€‚ ソースを追ã£ãŸã‚ã‘ã§ã¯ãªã„ã®ã§ç´°ã‹ã„動作ã¾ã§ã¯ã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€å‡¦ç†ã®æµã‚Œã‚„嵌りãƒã‚¤ãƒ³ãƒˆãªã©ã¯ã‚る程度把æ¡ã§ããŸã®ã§ãã®ãƒ¡ãƒ¢ã§ã™ã€‚ 環境 Mac OS X 10.6.7 Ruby 1.9.2p290 Rails 3.1.0.rc5 Pow 0.3.1 sass 3.1.5 sass-rails 3.1.0.rc5 Railsã§ã®Sassコンパイルã®ä»•çµ„ã¿ app/views/layouts/application.html.erb <%= stylesheet_link_tag "application" %> app/ass
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
twitter bootstrap railsを使ã£ãŸã‚‰è·ãŒè¦‹ã¤ã‹ã‚Šå½¼å¥³ã‚‚出æ¥ã¦èƒŒã‚‚3センãƒä¼¸ã³ã¾ã—ãŸã€‚ - ppworks.jp
twitter bootstrapã‚’æ›´ã«ä¾¿åˆ©ã«ä½¿ã†gemãŒtwitter bootstrap railsã§ã™ã€‚ railsアプリを作りã¾ã—ょã†ã€‚ rvmã§gem set作りã¾ã™ã€‚ rvm --create 1.9.3-p125@tbrsample railsアプリ生æˆã—ã¾ã™ã€‚ gem install rails --no-ri --no-rdoc rails new tbrsample gemを指定ã—ã¾ã—ょã†ã€‚ Gemfileã®group :assetsã«è¿½åŠ ã—ã¾ã™ã€‚ cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" ã©ã‚“ bundle install --without=production bootstrapã‚’generateã—ã¾ã—ょã†ã€‚ å¿…è¦ãªjsã‚„cssã‚’app/assetsé…下ã«é…ç½®ã—ã¾ã™ã€‚ rails g bootst
Webアプリケーションã®é–‹ç™ºã«ã€‚é¢ç™½ã„コンãƒãƒ¼ãƒãƒ³ãƒˆãŒå¤šæ•°æƒã£ãŸUIライブラリ·Ninja UI MOONGIFT
Ninja UIã¯HTMLを使ã‚ãšã«JavaScriptã§ç”»é¢ã‚’æç”»ã—ã¦ã„ãUIコンãƒãƒ¼ãƒãƒ³ãƒˆã€‚ Ninja UIã¯jQuery/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。æ€ã†ã«Webサイトã¨ã„ã†ã®ã¯è¡¨ç¾åŠ›ãŒé«˜ãã€ã‹ã¤è‡ªç”±åº¦ãŒé«˜ã™ãŽã‚‹ã®ã 。ãã®ãŸã‚è¦‹æ „ãˆã«ã“ã‚Šã ã™ã¨åŽé›†ãŒã¤ã‹ãªããªã‚‹ã€‚ã¾ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãŒãªã„ã¨æ ¼å¥½ã„ã„サイトãŒä½œã‚Œãªã„。 ボタンやアイコン アイディアãŒã©ã‚Œã ã‘良ãã€æŠ€è¡“力ãŒã‚ã£ã¦ã‚‚è¦‹æ „ãˆãŒã±ã£ã¨ã—ãªã„サイトã¯å—ã‘入れられãªã„。もã†HTMLã¯æ›¸ã‹ãšã€JavaScriptã§çµ„ã‚“ã§ã—ã¾ã†ã®ã¯ã©ã†ã ã‚ã†ã€‚ãれをå¯èƒ½ã«ã™ã‚‹ã®ãŒNinja UIã 。 Ninja UIã¯jQuery Webjutsu（Web術？）を掲ã’ã¦ã„るライブラリã§ã€æž 組ã¿ã ã‘HTML5ã§çµ„ã¿ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é…ç½®ã¯å…¨ã¦JavaScriptã ã‘ã§è¨˜è¿°ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã 。ボタンやドãƒãƒ¯ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒãƒƒãƒ—アッ
Bootstrap from Twitter ver1.3.0ã®ä½¿ã„方を日本語解説ã—ã¦ç°¡å˜css (web)デザイン - end0tknr's kipple - web写経開発
ã“ã®è§£èª¬ãƒšãƒ¼ã‚¸ç¾¤ã®ç›®æ¬¡ url トップ(ã“ã®ãƒšãƒ¼ã‚¸ã§ã™) bootstrapã®æ¦‚è¦ã€Œç‰ã€ 入手ã¨è¨ç½®(install) http://d.hatena.ne.jp/end0tknr/20111016/1318730072 グリッドシステムhttp://d.hatena.ne.jp/end0tknr/20111016/1318731266 (固定/å¯å¤‰)レイアウト http://d.hatena.ne.jp/end0tknr/20111016/1318732238 テã‚スト(ï¾ï½¯ï¾€ï¾ž, ﾘｽﾄ, ï½²ï¾ï¾—ï½²ï¾ï¾—ï¾ï¾žï¾™) http://d.hatena.ne.jp/end0tknr/20111016/1318750736 テーブル http://d.hatena.ne.jp/end0tknr/20111016/1318777018 フォームã€ãƒœã‚¿ãƒ³ http://d.hatena.ne.jp/
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
Scout-App - Site has moved
Scout-App, the easiest way to use Sass!
ã€æ—§ç‰ˆã€‘Twitter Bootstrap 2.0入門 (å…¨28回) - プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãªã‚‰ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
ã€æ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«å¯¾å¿œã—ãŸæœ€æ–°ã®ãƒ¬ãƒƒã‚¹ãƒ³ã‚’ã”利用ãã ã•ã„】 ツイッター社ãŒæä¾›ã™ã‚‹ã€ä»Šé¢¨ã®ã‚¦ã‚§ãƒ–サイトを構築ã™ã‚‹ãŸã‚ã®è¨€èªžã§ã™ã€‚ã“れを使ã£ã¦HTMLã¨CSSã€JavaScriptã‚’ç°¡å˜ã«æ‹¡å¼µã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼ˆã“ã®ãƒ¬ãƒƒã‚¹ãƒ³ã¯version 2.0ã‚’å…ƒã«ã—ã¦ä½œæˆã•ã‚Œã¦ã„ã¾ã™ï¼‰ã€‚
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
Twitter bootstrap入門 #twtr_hack
The document discusses Twitter Bootstrap, an open-source front-end web development framework. It provides information on Bootstrap's history and features, including its grid system, typography, forms, buttons, navigation and other components. The document also offers tips on getting started with Bootstrap, customizing it using LESS, and related tools and resources.Read less
ã“ã‚Œã‹ã‚‰Twitter Bootstrapã‚’ã¯ã˜ã‚る人ã®ãŸã‚ã®ã‚¨ãƒ³ãƒˆãƒªã¾ã¨ã‚ - å°ã•ã„é ƒã¯ã‚¨ãƒ©å‘¼å¸
ã¯ã˜ã‚㫠今ã€Twitter BootstrapãŒä¸€éƒ¨ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§äººæ°—ã§ã™ã€‚ Twitter Bootstrapã¯WebデザインãŒå¾—æ„ã§ã¯ãªã„エンジニアå‘ã‘ã«Twitter社ãŒé–‹ç™ºï¼æä¾›ã™ã‚‹CSSフレームワークã§ã™ã€‚ã“ã®Twitter Bootstrapを利用ã™ã‚‹ã¨ã€ç°¡å˜ã«Twitterã£ã½ã„デザインã®Webサイトを作æˆã§ãã¾ã™ã€‚ ãã“ã§ã€ã“ã‚Œã‹ã‚‰Twitter Bootstrapã‚’ã¯ã˜ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã†ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®äººãŸã¡å‘ã‘ã«ã€å½¹ç«‹ã¤è¨˜äº‹ã®æ•°ã€…ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã‚’書ã“ã†ã¨æ€ã£ãŸãã£ã‹ã‘ã¯ã€ä»¥ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã—ãŸã€‚ã¨ã¦ã‚‚分ã‹ã‚Šã‚„ã™ãã€ã¯ã˜ã‚ã¦çŸ¥ã‚‹ã‚ˆã†ãªã‚µãƒ¼ãƒ“スãªã©ã‚‚網羅ã•ã‚Œã¦ãŠã‚Šã€ã¨ã¦ã‚‚å‚考ã«ãªã‚Šã¾ã—ãŸã€‚ Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プãƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ã‚¤ãƒ‡ã‚¢ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯posted with amazlet at
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Components · Twitter Bootstrap
https://jp.techcrunch.com/2011/08/20/20110819twitter-releases-bootstrap-a-set-of-tools-to-build-web-apps-using-css/
フォームコード生æˆ
StyleBootstrap.info: Twitter Bootstrap Theme Generator
{{#tags}}- {{label}}
{{/tags}}