Twitter Bootstrapを使ったドロップダウンメニュー
Twitter Bootstrapを使ったドロップダウンメニューを紹介したいと思います。Twitter Bootstrapは、簡単に綺麗なユーザーインターフェイスを作れるところが魅力的ですね。 シンプルなドロップダウンメ …
フリーのハンコ素材サイト
デザインに凝ったホームページを作るときには、そのイメージに合ったアイコンを使いたいですね。今回は、フリーの透過PNG消しゴムハンコ素材サイト「ハンコでアソブ」で配布されているアイコンを紹介したいと思います。 ハンコでアソ …
JsonSQL
Json (JavaScript Object Notation) データを SQL ライク注1に操作できる JsonSQL が登場しました。 JsonSQLhttp://trentrichardson.com/json …
Select2
前回紹介した MagicSuggest に引き続き jQuery プラグイン「Select2」を紹介したいと思います。 Select2 Select2Select2 is a jQuery based replaceme …
MagicSuggest
Bootstrap や jQuery UI などを使ってホームページを作っていると装飾無しのフォームが少し寂しく感じてしまいませんか？ 今回と次回で jQuery を使った combo box のプラグインを2つ紹介した …
Twitter Bootstrapで使えるアイコン
Twitter BootstrapではGlyphiconsが使えます。種類も豊富でクオリティも高いので活用してみてはどうでしょうか？ 使い方 アイコン使う場合は<i>タグを使って次のようにします。 アイコンを …
MathJax/MathMLを使った数式表示
技術的なホームページを作っていると数式を書くこともあるかと思います。 単純な四則演算程度であれば、 と書いても不自由ありませんが、根号を使ったり分数が入った式などになると途端に読み辛くなってしまいます。 そこで、どうやっ …
Twitter Bootstrapによる画像の装飾
Twitter Bootstrapを使うと画像の角を丸めて表示するなどの操作を簡単に行うことができます。 img-rounded 画像の角を丸める場合に使えます。 img-circle 画像を円で表示します。 img-p …
Twitter Bootstrapのフォーム装飾
今回はTwitter Bootstrapによるフォーム装飾を紹介したいと思います。フォーム以外の装飾については、Twitter BootstrapのCSSによる装飾の方を参照してください。 テキストボックスなど基本的なフ …
無料の写真素材集サイト
アマチュア写真家の運営するフリー写真集のサイト2000ピクセル以上のフリー写真素材集を紹介したいと思います。 サイトの特徴は、公開されている写真が無料で利用できるだけでなく 商用利用も可能 著作、クレジット表示は不要 と …