【jQuery】長い文章を省略して表示する
jQueryを使用して、一定以上の長さの文章を省略するサンプルを作成しました。 文章の省略はcss3のtext-overflowプロパティでも実装できますが、複数行には対応していません。 そのため今回は、指定した文字数以…
jQueryを使用して、一定以上の長さの文章を省略するサンプルを作成しました。 文章の省略はcss3のtext-overflowプロパティでも実装できますが、複数行には対応していません。 そのため今回は、指定した文字数以…
タイトルのとおりですが、Google マップ上に GPSなどを使って現在位置(と誤差の範囲を表す円)を表示するサンプルを作ってみました。 HTML5関連の geolocation API というものを使えば、JavaSc…
HTML上で音楽を再生できるページを作りたいという要望があったので調べてみました。 HTML5のaudio要素を使いたかったのですが、対応していない旧IE対策や、 対応ブラウザでもデフォルトの見た目の差が大きく、デザイン…
知っている人には当たり前のことかもしれませんが、使い方をまとめておきます。 jQuery.extend() は、基本的には複数のオブジェクトをマージして返してくれるメソッドです。 (プラグインのソースで、デフォルトの設定…
なにかと話題になる事が多いnode.jsをやっとインストールしてみました。 基本的なインストール方法は「公式インストーラを使う」「バージョン管理ツールを使う」のどちらかになります。 どなたかの参考になればと思いますので書…
PCサイトに電話番号を記載する場合は、テキストか画像で電話番号を表示し、 スマホサイトなら、電話番号にtelリンクを貼って、スマホから 直接電話をかけられるようにすると思います。 PC・スマホ・タブレットと、さまざまなデ…
JavaScriptでcookieを扱うのは、値のエンコード・デコードや書き込む際の文字列結合、値を取り出す実装など、意外に面倒です。しかし、「jquery.cookie.js」を利用すれば、cookieを簡単に扱えるよ…
こんにちは。中川です。みなさまご無沙汰です。お元気でしょうか。 さて新しい案件で、何か新しいことをしてみようかと思い、jadeを使ってみようかと思いました。 で、ひと通り調べたことをメモしていきます。(注:以下は全て…
グローバルナビを共通ファイル化するとき、PHPやCMSで管理して 現在地判定もそこで設定することが多いのですが、 今回は現在地の判定をJavaScriptで実装してほしいという要望があり、調べてみました。 カテゴリ1…