bootstrapのglyphiconみたいなのを自分で作る方法
bootstrapのglyphiconやfont awesome、その他cssフレームワークについているフォントのアイコンを作る方法について。 前置き glyphiconのようなアイコンというのはフォントで作られている。フォントを使う利点というのは、サイズ変更や色の変更を自由に行えるということである。フォントなので当然複数の色は使えず単色になるが、補助的に使うものの場合、それで十分ということも多い。 フォントは当然クライアントのローカルにあるわけではないので自分で作成することになる。これを可能にするのが、指定したURLからフォントファイルをダウンロードさせてページ内で利用させる、CSS3のWebフォントという仕組みだ。
Bootstrap and Rails · Installation Guide and Tutorial · RailsApps
Installing Bootstrap for Rails 4.2. Guide and tutorial from the RailsApps Project. Thanks so much for this. There are so many Rails tutorials for absolute beginners, and lots of stuff that assumes expert knowledge, but not much, besides practice, to span the gap. Rick Quantz, HackerNews, 13 May 2011 I will be starting a new job here in SF, due in no small part to what I've learned here from the Ra
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました！ (03/05 追記) FlatUI、Bootstrap Expoを追加しました (03/24 追記) Flatstrapを追加しました (04/03 追記) MagicSuggestを追加しました (04/04 追記) Bootstrapのリソースネタを別の記事にしました 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがあります
Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton
Large user base Grids: Fluid and fixed UI tools: Lots of widgets; good for rapid prototyping History: Built by Twitter as a style guide for internal tools Medium user base Grids: Fluid. Most robust grid tools. UI tools: Good for rapid prototyping, but not as expansive as Bootstrap History: Built by ZURB as boilerplate for client projects Medium user base Grids: Fluid. Most robust grid tools. UI to
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.2 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
QA＠IT サービス終了のお知らせ - ＠IT
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
Rails3でTwitter Bootstrap - moment
Rails3でTwitter Bootstrapを使いたい。 twitter-bootstrap-railsとかではなく、素のまま組み込んでみたい。 環境 rails 3.2.9 まず、bootstrapはvendor/assets以下に導入します。 vendor ├─assets │ ├─javascripts │ │ bootstrap.js │ │ bootstrap.min.js │ │ │ └─stylesheets │ bootstrap-responsive.css │ bootstrap-responsive.min.css │ bootstrap.css │ bootstrap.min.cssapplication.html.erbでは、以下のように参照します。 <%= stylesheet_link_tag "bootstrap.min.css" %> <%= java
RailsエンジニアのためのTwitter Bootstrapカスタマイズ例
Sassを使ったり、人からパクったりして、極力失敗しない方法
Ruby on Railsってtwitter-bootstrap-railsとDeviseを使ったらすぐにクールなアプリが作れるじゃん（その1）
周回遅れでRuby on Railsをやっているなぁというのは重々承知なのですが、やっぱりLightweight Lauguage（って最近言わなくなったよね？それがふつうになったから？）好きの私としてはRubyとRuby on Railsは嗜んでおかないといけないと思うわけで、最近やっています。 いや、Ruby自体は2004年頃にLinuxZaurus向けのアプリを開発するのに使っていたし、一昨年くらいにRails（しかもJRuby）でアプリを書いたこともあるのですがね。（強がり） でも、あんまりマスターした感がなかった。なので、今一度腰を据えてやろうとしているわけです。 twitter-bootstrap-railsでサクッと良いデザインのサイトを作る Bootstrapは結構使っていて、Artisan Edgeのサイトなどは完全Bootstrapですし、最近はSublime Text
驚く程簡単にカスタマイズされたbootstrapをあなたに - Qiita
bootstrapを愛用している皆さん、こんにちは bootstrapをお手軽にカスタマイズする方法として有名なのが Bootswatch だと思います。 このサイトのソースコードをダウンンロードし、stylesheet直下に配置して読み込むと簡単にbootstrapのテーマをカスタマイズすることができます。 確かに綺麗なのですが、種類が12種類しか無いのでやはり誰かと被っちゃいますよね。 男なら誰かと被ってるなんて嫌なはず!! そこでこのサイトを使っちゃいましょう!! Lavish このサイトの凄い所は 自分のイメージにあった画像のURLをこのサイトに入力すれば、画像の配色を分析しCSS,LESSのコードが生成されるところです。 例えば、この満月の画像をLavishで使用します。 Step1 画像をを選ぼう!! うわあ、こんな簡単に夜空に浮かぶ満月をイメージしたbootstrapが生成さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
