シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。 ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放棄されていますので、気軽に使えますね。 凄く特殊な性能をもったフレームワークという訳ではありませんが、個人的には余計な物が備わってない方がありがたいのでカスタマイズしやすいです。 グリッドレイアウトにも対応しています。 以下、サンプルです。 Sample css /* UNITS These divider classes are set on .ingrid container --------------------------------------------------------*/ .i
PearsはWordPress上でデザインを試してテーマを作成できるフレームワークです。 PearsはWordPressのテーマですが、デザインフレームワークとしての役割も兼ねています。そして実際にコードを試しつつ、デザインを作ることができます。 インストール後、テーマを有効にします。 一覧の画面です。 記事の画面です。HTML、CSSが入力できます。 例えばリストです。シンプルで見やすいです。 テーブル表示です。 フッターです。 一覧（HTML5）です。 一覧（テキスト）です。 一覧（サムネイル）です。 サムネイルのグリッド表示です。 フォーム（左にラベル）です。 フォーム（上にラベル）です。 検索フォームです。 ログイン系フォームです。 リストです。 ステータス表示です。 タグです。 垂直のタグも。 ナビゲーションです。 水平ボタンです。 水平リンクです。 タブです。 ページネーション
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
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
