Black-flag - black-flag.net - BlackFlag

Latest News:

jQueryでページ最下部までスクロールした際に外部HTML(JSON形式)化した要素を追加する方法 6 Aug 2013 | 05:25 am

TwitterやFacebookで見るUIの様な、ページの最下部にスクロールした際に 自動的に追加要素の読み込み処理をするjQueryプラグインは多々ありますが 任意のHTMLソースを簡単に追加できるものがなかなか見当たらなかったので jQueryを使ってJSON形式で試しに作ってみたのを紹介してみます。 jQueryでページ最下部までスクロールした際に外部HTML(JSON形式)化した要...

jQueryでレスポンシブ対応の画像を分割して切り替えるスライドショーを作る実験 23 Jul 2013 | 05:26 am

先日ここで、レスポンシブ対応のスライドショーとして 「jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法」 と題して、クロスフェードで切り替わるレスポンシブスライドショーを紹介しましたが フェード切り替えばかりじゃおもしろくないと思い 同様の構成で切り替わる際に、画像を分割してアニメーションするパターンを 実験的に作ってみたので紹介してみたいと思います。...

jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験 9 Jul 2013 | 05:24 am

半年ほど前にここで、「jQueryでブラウザウィンドウ幅めいっぱいに要素を並べた コンテンツスライダーを設置する実験」と題して 画面幅めいっぱいでのコンテンツスライダーを紹介しましたが 当時紹介したスクリプト構成だとレスポンシブには対応していませんでした。 同じ、画面幅めいっぱいでのコンテンツスライダー構成で レスポンシブ対応させたパターンを必要に駆られて作成してみたので ここでも紹介...

jQueryでページ遷移無しで画面を切り替えた際でも個別のURLやブラウザの戻る/進むを有効にさせるプラグイン「jQuery hashchange event」&「Navi.js」 2 Jul 2013 | 05:24 am

jQueryなどを使ってページ遷移をしない構成で画面切り替えを作る際 通常ではURLは変わることなく一つのURLみとなり ブラウザの「戻る」や「進む」が効かなかったり 直接、切り替え後の特定の画面へ遷移することができなかったりします。 その様なページ遷移無しの切り替えの場合でも ブラウザの「戻る」や「進む」を有効にし 切り替え画面ごとに個別のURLを持たすことができるようになるプラグイ...

Android(アンドロイド)独自サイズdp(dip)をpxに計算するツール「[dp(dip)] → [px] Conversion」作ってみました。 18 Jun 2013 | 05:26 am

Android(アンドロイド)開発では通常のWebサイト制作では聞きなれない dp(dip)という単位を使用することがあります。 Androidでの基本的な5つの解像度 【ldpi】【mdpi】【hdpi】【xhdpi】【xxhdpi】の 各画面で表示する際の共通単位になるようですが、 このdp(dip)の値をpxに変換する必要に駆られることがあり計算用ツールを作ったので、 ここで紹介...

レスポンシブ対応のナビゲーションメニューを実装するチュートリアル11選 4 Jun 2013 | 05:30 am

レスポンシブ対応を求められるWebサイト制作では ナビゲーションメニューの構成について 何かと気を使わなくてはいけない点が出てきます。 ウィンドウサイズによってナビゲーションメニューの形状を変化させるやり方は様々ですが 便利に使えそうだと思ってメモしておいたJSやCSSでのチュートリアルが そこそこ溜まっていたので11種類ほどまとめて紹介してみます。 Responsive Nav – ...

jQueryでレスポンシブ対応のフリックスライダー(サムネイル付き)をシンプルに作る方法 14 May 2013 | 05:28 am

先日ここでレスポンシブ対応のスライドショーの試作品として 「jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法 」と題して jQueryを使ってのレスポンシブ対応のサムネイル付きクロスフェードスライドショーを 紹介しましたが、操作面に関してフリック操作には対応していなかったので、 メイン部分にフリック動作を追加してみたパターンを試しに作ってみたので紹介して...

短縮URLを作成するツール「URL短縮 [URL SHORTNER]」作ってみました 1 May 2013 | 05:28 am

もはや今ではTwitterでつぶやく際にURLは自動で短縮されたり あえて短縮URLを生成するツールを使用することも少なくなって 必要性もなくなってきていると思いますが 勉強がてら「bit.ly」のAPIを使って短縮URLを生成するツールを 試しに作ってみたので紹介してみます。 URL短縮 [URL SHORTNER] URL短縮 [URL SHORTNER] 短縮させるURLを画面...

jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法 23 Apr 2013 | 05:30 am

以前からjQueryを使ってのシンプルなスライドショーをいくつか紹介していますが やはり今後はサイト上に設置するスライドショー関連も レスポンシブに対応している必要が出てくることは必至なので 試しに作ってみたのを紹介してみます。 jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法 今回のレスポンシブ動作はブラウザ枠を目いっぱいにするタイプなので まずは...

QRコードを手軽に作成するツール「QRコード作成 [QR CODE GENERATOR]」作ってみました 17 Apr 2013 | 05:36 am

スマホサイト制作の実機検証する際などでQRコードを使うことがよくあるのですが さくっとQRコードを作れる手軽なツールがいまいち見当たらなかったので jQueryを使って簡単にQRコードを作成できるツールを作ってみたので紹介してみます。 (ただ自分で使うために作ったものになりますが・・・) QRコード作成 [QR CODE GENERATOR] QRコード作成 [QR CODE GENER...

Recently parsed news:

Recent searches: