2015.03.31
Bootstrap CSS jquery Twitter Bootstrap webデザイン サンプル フレームワーク モバイル 基本
Twitter Bootstrap 3 の基本 Grid Systemのサンプル２ 「グリッドデザイン」の2回目。前回は基本的なグリッドの作り方を見てみましたが、要は以前のテーブル組みのようなことを、 クラスを指定するだけでレスポンシブ対応もした上で設定できる、ということでした。 今回は、このグリッ …More Read
2015.03.30
Bootstrap CSS jquery Twitter Bootstrap webデザイン サンプル フレームワーク モバイル 基本
Twitter Bootstrap 3 の基本 Grid Systemのサンプル 「グリッドデザイン」。グリッド(格子)上に様々な要素を配置することで、見やすく美しいレイアウトにする、という２Dデザインの考え方です。 これをBootstrapで如何に実現するのか、ということを今回は見ていきたいと思い …More Read
2015.03.30
Bootstrap CSS jquery Twitter Bootstrap webデザイン サンプル フレームワーク モバイル 基本
Twitter Bootstrap 3 の基本 レスポンシブWebデザインの話 ちょっと今回はBootstrapから少し脱線して、「レスポンシブウェブデザイン」の話から始めましょう。 皆さんは、「レスポンシブウェブデザイン」という言葉を、聞いたことがあるでしょうか。 最近ではすっかり一般的になり、W …More Read
2015.03.30
Bootstrap CSS jquery Twitter Bootstrap webデザイン サンプル フレームワーク モバイル 基本
Twitter Bootstrap 3 の基本 navbarのサンプル 大抵のWebサイトについているナビゲーション。特にヘッダー部分に位置するナビゲーションは、 サイト全体を行き来する上でよく使い、グローバルナビゲーションなんて言われていたりしますね。 今回はそのナビゲーションを実装することができ …More Read
2015.03.30
Bootstrap CSS jquery Twitter Bootstrap webデザイン サンプル フレームワーク モバイル 基本
Twitter Bootstrap 3 コンポーネントの使い方サンプル いまさらという感もあるBootstrapですが、逆に今更過ぎて新たに学習するのを敬遠しちゃっている人もいるかもしれません。 沢山ある機能からピックアップし、Webサイトを作っていきたいと思います。それでは早速始めましょう。 準備 …More Read
2014.09.03
Ajax JavaScript jquery jQueryプラグイン サンプル 基本
Infinite Scroll：Ajaxと組み合わせて無限スクロール風にコンテンツ追加するJSサンプル 今回は、jQuery,Ajaxを使用して無限スクロール風にコンテンツ追加していくサンプルプログラムを作成していきます。 無限スクロールといっても、jQueryであるイベントが発生したときに、あるコ …More Read
2014.05.12
JavaScript jquery jQueryプラグイン サンプル 基本
jQuery Searcher：動的に絞り込み検索ができるJSプラグインのサンプル jQuery Searcherは動的に絞り込み検索を実行してくれるJSプラグインです。 jQuery UIのautoCompleteを使うことでも似たような実装が可能ですが、autoCompleteの場合、候補が何な …More Read
2013.12.06
JavaScript jquery サンプル 基本
Spin.js：「ローディング中．．．」のアイコンを生成するJSライブラリのサンプル ↑こういうやつです。よく見ますよね。 最近だと非同期で読みこみを行うようなサイトが増えてきましたので、見る機会が増えているのですね。 こういった画像を「ローディング画像」とか「ローディングインジケータ」と言ったりし …More Read
2013.10.10
JavaScript jquery サンプル 基本
Dropzone.js：ドラッグ＆ドロップでファイルアップロードするJSライブラリのサンプル かっこいいロゴと名前ですね。 本サイトへ飛ぶとサンプルがありますので、まずは試してみましょう。 ※アップロード画像は保存はされないとのこと。 作成者がニューアルバムの制作中で質問や問題に迅速な対応ができない …More Read
2013.09.12
JavaScript jquery jqueryui サンプル 基本
jQueryUIをはじめる方は必見、超簡単サンプル集～その６（最終回）～ jQueryUIのサンプルスクリプトを作成していきます。 今回が最終回、ユーティリティ編です。 ・jQuery及びjQueryUIのバージョンは次の通りです。 jQuery ：1.9.1 jQueryUI：1.10.3 ・そし …More Read
