プロダクトやアプリの紹介ページ、デザイナーやクリエイターのポートフォリオなど、1ページで構成されたウェブサイトを美しくデザインしたBootstrap 3.x対応のテーマファイルをBlack Tieから紹介します。 すべてのテーマファイルは、個人でも商用でも無料です。
CSSを拡張するメタ言語としてLESSとSassが有名。どっちかを使おうと思ったので、LESSとSassを比較してみた。その結果LESSを採用することにした。 採用に至った理由は以下のよう LESSの方が学習コストが低そう LESSの方が読む必要があるドキュメントが少ない LESSの方がCSSに書き方が近い 今後非プログラマなデザイナの人が参加するようになるとしたらCSSに近い方がよさげ LESSはサーバサイドでコンパイルしておく必要がない lessファイルとless.jsをブラウザに読むこむと勝手にいい具合にしてくれる Rails3を使ってるならSassを書くと勝手にCSSにRailsが変換してくれるけど、要するにそれ 開発時はlessファイルだけいじって、デプロイ時にコンパイルするだけでいいのは楽そう もしかしたらSassもそういうブラウザでコンパイルする機能あるかも知れない 内部にJ
はじめに 今、Twitter Bootstrapが一部のエンジニアで人気です。 Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発/提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 そこで、これからTwitter Bootstrapをはじめてみようと思うエンジニアの人たち向けに、役立つ記事の数々をまとめてみました。 このエントリを書こうと思ったきっかけは、以下のスライドでした。とても分かりやすく、はじめて知るようなサービスなども網羅されており、とても参考になりました。 Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プロのデザインアイデアとテクニックposted with amazlet at
<!DOCTYPE html> <html> <head> <title>Store</title> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]--> <%= stylesheet_link_tag "application", :media => "all" %> <%= javascript_include_tag "application" %> <%= csrf_meta_tags %> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class
KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。 最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 色が変わると随分印象が違います。 テーマ機能があります。 青と白。 こんな感じのシンプルなテーマも。 逆にカラフルなものもあります。 基本は同じですが、印象は違いますね。 好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く