デザインテンプレートをgem化してRailsで使う - k0kubun's blog
WrapBootstrapというbootstarpベースの有料デザインテンプレートを配布してるところがあって、 それをrailsで使おうとしたらasset pipelineで割りとハマったのでそのメモ。 速習Asset Pipeline 本当はRails Guides読んだほうがいい アセットを参照するとき app/assets/foo/bar や vendor/assets/foo/bar を参照するときは /assets/barになる (wrap bootstrapの場合、cssの中のurlをこの方式で書き換えないといけない) application.cssやapplication.jsからコメントでrequireするときは bar になる デザインテンプレートとか入れるときはvendorに入れるべきだと思うんだけど、vendor/assets にいれておけば app/assets に
Rails 4 への Bootstrap、Bootswatch 導入手順 | Rails 4 と Heroku でWebアプリ開発
今回は、Rails 4 で作ったアプリケーションを、 Bootstrap と Bootswatch を使って簡単にカッコいいデザインに変える手順を紹介 します。 Railsアプリケーションを作るにあたって時間がかかるのが、アプリケーションのデザインです。 RailsはScaffoldで簡単にアプリが作れますが、デフォルトでは見た目はショボいのが現状ですからね。 まず、 Bootstrap は最初はTwitter社の社員の人たちの間で作られていたので、Twitter Bootstrapという名前でしたが、最近では Bootstrap に変わっています。 これが何かというと、一言で言うと、CSSフレームワークです。 詰まるところCSSファイルなのですが、これらを読み込むだけでかっこいいスタイルが簡単に素早くWebアプリに適用できるわけです。 さらに、 Bootswatch というものがあ
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.
Webデザインの知識がなくてもOK！Bootstrapの使い方【入門者向け】| TechAcademyマガジン
目次 本記事では、Bootstrapの基礎をおさえた上で、よく使う、グリッドシステム、テーブル、ボタン、フォームの具体的な使い方を順番に紹介します。 Bootstrapとは Bootstrapを使う準備 グリッドシステムの使い方 テーブルの使い方 ボタンの使い方 フォームの使い方 Bootstrapとは BootstrapはTwitter社が開発したCSSの「フレームワーク」です。通常CSSを書く場合、全てのスタイルを自分で作っていく必要がありますが、このフレームワークにはよく使われるスタイルがあらかじめ定義してあるので、ルールに沿って利用するだけで整ったデザインのページを作成できます。 もともとTwitter社内で作られたもので、以前は「Twitter Bootstrap」と呼ばれていましたが、現在では「Bootstrap」のみで呼ばれるようになっています。 Bootstrapを使うメリ
railsとangularjsとbootstrapでwebサービスを作ってみた - Qiita
railsとangularjsとbootstrapでアップスワーク (AppsWork)というクラウドソーシングサービスを作ってみました。 Webサービスを作った動機 下記記事のように現状のクライアントが圧倒的に強い、Win-Winになりにくい既存のクラウドソーシングの仕組みをなんとかできないかと考えたのが始まりです。 http://kosuke.cc/column/impression-of-lancers/ この記事を書いた動機 作りながらでいいアイデアが浮かぶだろうと考えていたのですが、結局既存クラウドソーシングを覆せるようなアイデアは浮かばず簡易クラウドソーシングサービスのBeta版が完成してしまいました。 このままでは何も報われないので、使用した技術情報や開発の概要とソースを公開して社会に貢献できれば、と考えたのがこの記事を書いた動機になります。 開発について 使用した主な技術に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BeyondAdmin - Responsive Admin App by BeyondThemes
