Interactive | Page 3

自動スクロール＆ドラッグ機能付きスライドショー【AS3】

2014年11月10日 by 115design Leave a Comment

この記事は約 1分1秒で読めます。

この記事は約 1分1秒で読めます。ドラッグ機能付きスライドショーのバージョンも置いておきます。 AS3のクラスってなんぞやって勉強しながら作りました。いやぁ懐かしい～。 ★xml [crayon-69747a855 … [記事を読む]

クラスベースのスライドショー【AS3】

2014年11月10日 by 115design Leave a Comment

この記事は約 1分5秒で読めます。

この記事は約 1分5秒で読めます。「先生、助けて！Flashちゃんが息してない！」 …4,5年前の自分からしたら信じられないくらいFLASHの話を周りで聞かなくなりました。 AS3でXMLの情報を読み込んで表示する … [記事を読む]

動的にvideo.jsを設定する方法

2014年11月7日 by 115design Leave a Comment

この記事は約 1分34秒で読めます。

この記事は約 1分34秒で読めます。日の目を見ることがなかったスクリプト…別の機会に使うかもしれないのでログで残しておきます。 video.jsというライブラリを利用して動的に動画を設定する関数です。 UAで判定し … [記事を読む]

Google Feed APIを利用したRSS記事表示【imgタグのsrcを抽出する正規表現】

2014年11月5日 by 115design Leave a Comment

この記事は約 0分58秒で読めます。

この記事は約 0分58秒で読めます。先人様たちの知識をすこしずつお借りしております。感謝です。画像パスを抜き出す正規表現が全てのケースで有効かはわかりませんが、sony、ライブドアブログといったところのフィードは … [記事を読む]

jquery.instagram.js【機能追加版@2014】

2014年11月5日 by 115design Leave a Comment

この記事は約 0分26秒で読めます。

この記事は約 0分26秒で読めます。 jquery.instagram.jsに以下の機能を加えたバージョンを置いときます。コメントとタグをキーワードで検索、ヒットした記事を表示親要素の横幅に併せて画像がフィット、 … [記事を読む]

パラパラアニメーション

2014年10月31日 by 115design Leave a Comment

この記事は約 0分20秒で読めます。

この記事は約 0分20秒で読めます。 ★背景画像のpositionを操作するタイプのアニメーション背景画像のポジションをタイマーを使って変えています。data-switchという属性の番号を見て次の位置を判断してい … [記事を読む]

UA判定

2014年10月31日 by 115design Leave a Comment

この記事は約 0分13秒で読めます。

この記事は約 0分13秒で読めます。 ★javascriptでのUA判定処理最近使ったUA判定です。

var _ua = (function(){
  return {
    ltIE8:typeof window.addEventListener == "undefined" && typeof document.getElementsByClassName == "undefined",
    Blink:window.chrome,
    Webkit:typeof window.chrome == "undefined" && 'WebkitAppearance' in document.documentElement.style,
    Touch:typeof document.ontouchstart != "undefined",
    isIdevice:(/iphone|ipad/gi).test(navigator.appVersion),
    isAndroid:(/android/gi).test(navigator.appVersion),
    isTablet:((/android/gi).test(navigator.appVersion) && !(/mobile/gi).test(navigator.appVersion))
  };
})();

1

2

3

4

5

6

7

8

9

10

11

var _ua = (function(){

return {

ltIE8:typeof window.addEventListener == "undefined" && typeof document.getElementsByClassName == "undefined",

Blink:window.chrome,

Webkit:typeof window.chrome == "undefined" && 'WebkitAppearance' in document.documentElement.style,

Touch:typeof document.ontouchstart != "undefined",

isIdevice:(/iphone|ipad/gi).test(navigator.appVersion),

isAndroid:(/android/gi).test(navigator.appVersion),

isTablet:((/android/gi).test(navigator.appVersion) && !(/mobile/gi).test(navigator.appVersion))

};

})();

★使用例 [crayon-69747a855e … [記事を読む]

擬似ローダー(プリローダー)

2014年10月31日 by 115design Leave a Comment

この記事は約 0分56秒で読めます。

この記事は約 0分56秒で読めます。 ★jqueryを用いたプリローダー画像単体の読み込みではなく、複数の画像の読み込み時に使用することを想定しています。画像読み込み完了をきっかけに処理を行うものなので、画像単体 … [記事を読む]