Bootstrapテンプレートを使っている人向けなモックアップツール6選 (2016/05) - Qiita
動かないモックアップ及びワイヤフレームを描く際に今までは「紙とペン」もしくはBalsamiq Mockupsを使っていましたが、「どうせなら描いたモックがHTMLになればいいのに」と欲を出して、Bootstrapテンプレートをベースにモックアップを作れるツールを探してみました。 手軽な物からリッチな物順にまとめてみています。 Bootsnipp ざっくり言うと、Bootstrapで作っているサイトのパーツ・レイアウト作る用のサービスです Bootstrapのパーツをドラッグアンドドロップでレイアウトし、HTMLとして出力することが可能です。 Form Builder, Button Builderなど、いろいろな種類のパーツビルダーからレイアウトが作れます。 また、他のユーザが作成したレイアウト(スニペット)を閲覧、HTMLやCSSを取得することが出来ます。 サービス全体のデザイン用ではな
Foundationよりcool! 軽量フレームワークPureを紹介 - Qiita
CSS Advent Calendar 2014 四日目です。二日連続ではありますが、YuZakuroが担当します。 さて昨日はFoundationを紹介しましたが、これはbootstrapと同じく重量級のフレームワークでした。今日は、少し志向を変えて軽量級のフレームワークであるPureを紹介したいと思います。 特徴 なんといっても軽量! zipファイルをダウンロードすると76KBでした(bootstrapは226KB, Foundationは160KB) 機能は十分。軽量と言っても、グリッドシステム、フォーム、ボタンなど、基本的なものは全部揃っています カスタマイズが容易。Skin Builderが公式から提供されています。 導入 公式サイトからzipファイルでダウンロードするか、YahooのCDNを使用して以下のように記述します。
bootstrapよりかっこいい? Foundationを導入する - Qiita
CSS Advent Calendar 2014 三日目です。偉大な@izumin5210先輩の後に書く事になってしまいとても緊張しています。 bootstrapは良いものです。デザイナーじゃなくてもそれっぽいデザインができるし、日本語の情報も豊富だし、公式ドキュメントもとてもわかりやすい。 ただ、あまりにもたくさんの人が使うので、bootstrapを使うだけでは「またbootstrapか…」と思われるようになってしまいました。 もちろん、bootstrapだって考えて使えば良いデザインは出来ますが、当然その分手間はかかります。 ということで、bootstrapよりも手間をかけずに、bootstrapよりもかっこいいサイトが作れるCSSフレームワークであるFoundationを紹介したいと思います。 特徴 良い所 適当に作ってもbootstrapっぽいデザインにならない(当たり前ですが)
RailsにTwitter Bootstrapの導入と簡易な使い方 - Rails Webook
RailsでTwitter Bootstrap 3のインストール方法を説明します。 また、Bootstrapのエラーメッセージの表示、ナビゲーションバーの追加、simple_formとの連携などの使い方を説明します。 動作確認 Rails 4.1 twitter-bootstrap-rails 3.2.0 目次 Railsプロジェクトの作成 Twitter Bootstrapのインストール方法1 Twitter Bootstrapのインストール方法2 カスタマイズ（ViewファイルへのTwitter Bootstrapの適用） カスタマイズ（サクセス、エラーメッセージの表示） カスタマイズ（simple_formとの連携: フォーム上でのエラーメッセージの表示） カスタマイズ（Sidebarの追加） カスタマイズ（NavigationBarの追加） 1. Railsプロジェクトの作成まずは
Migrating to v5
Track and review changes to the Bootstrap source files, documentation, and components to help you migrate from v4 to v5. v5.3.0 If you’re migrating from our previous alpha releases of v5.3.0, please review their changes in addition to this section. Helpers Colored links once again have !important so they work better with our newly added link utilities. Utilities Added new .d-inline-grid display ut
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://9bar.tokyo/html-css-js/03f47db07a3df4ba9937
