Browse: Home » Javascript

Javascript

【Javascript】iOS7でWebアプリがスタンドアローンモードで起動しているかどうか判定する。

ようはホームスクリーンに追加したアイコンから起動されているかどうかを判定する。

if(window.navigator.standalone) {
	// スタンドアローンモード時の挙動
}

 

2014/05/06 _onichannn , ,

【Javascript】ブログの「もっと読む」機能を簡単に実装するライブラリ。

JS実装なのでロード量は減らないがページ遷移が無い分展開は高速。
※あたりまえだね。

http://jedfoster.com/Readmore.js/

デザインだけスッキリさせたいときとか、用途によっては便利かも。

 

2014/05/06 _onichannn , ,

【Javascript】スクロールに追随する要素を簡単に実装できるjQueryプラグイン。

これはまじで便利。

http://leafo.net/sticky-kit/

親要素も適切に判別できるし超素敵。

今度自分のサイトで試してみよう。

 

2014/05/06 _onichannn , , ,

【Javascript】ユーザーエージェントからスマホ判定を行うライブラリ。

いいやつを見つけたのでメモ。

http://5log.jp/blog/searchua/

これは便利。

クロージャー化された下記github上のライブラリがおすすめ。

https://github.com/masakihongo/searchUA

 

2014/04/27 _onichannn , ,

【Javascript】holder.jsで表示するテキストを変更する方法。

めも。

通常はダミー画像のサイズが表示されるが、これを変更したい場合、下記のようにソースを指定すればOK。

<img data-src="holder.js/300x250/social/text:ほげほげ" />

 

2014/04/27 _onichannn , ,

【GoogleMapApi】「display:none」の要素にマップを貼り付けた際、地図の中心がずれる問題。

に遭遇したので対応した時のメモ。

具体的には地図の中心点が左上にずれてしまった。

対応としては、その要素が完全に「display:block」になりきったタイミングで下記メソッドを実行すれば良い。

google.maps.event.trigger(map, 'resize');
 map.setCenter(Latlng);
// Latlngはgoogle.maps.LatLng()オブジェクトのインスタンス

 

2014/04/27 _onichannn , , ,

【Javascript】lightbox系プラグインのshadowboxがかっこ良すぎる。

画像表示系のライブラリを探していたら見つけたのでメモ。

http://www.shadowbox-js.com/

今度試してみよう。

 

2014/04/27 _onichannn , ,

【Javascript】翌日、前日の日付を取得する。

めも。

■翌日を求める

// 今日の日付文字列を渡す
var date = new Date('2014/04/18');
// 翌日を求める
date.setDate(date.getDate() + 1);

■前日を求める

// 今日の日付文字列を渡す
var date = new Date('2014/04/18');
// 前日を求める
date.setDate(date.getDate() - 1);

Dateオブジェクトめっちゃ便利。

 

2014/04/19 _onichannn , ,