Z/X,of,戦略の女神アテナ,キャラクタースリーブコレクション,★午前12時までのご注文は定休日以外当日発送★,enemy,optemizer.com,ホビー , コレクション , トレーディングカード・テレカ , トレーディングカードゲーム,【あす楽対応】,X-,-Zillions,/Atfalati5086790.html,153円 153円 ★午前12時までのご注文は定休日以外当日発送★ キャラクタースリーブコレクション Z/X -Zillions of enemy X- 戦略の女神アテナ 【あす楽対応】 ホビー コレクション トレーディングカード・テレカ トレーディングカードゲーム 午前12時までのご注文は定休日以外当日発送 キャラクタースリーブコレクション Z X -Zillions 戦略の女神アテナ 初売り enemy of X- あす楽対応 午前12時までのご注文は定休日以外当日発送 キャラクタースリーブコレクション Z X -Zillions 戦略の女神アテナ 初売り enemy of X- あす楽対応 Z/X,of,戦略の女神アテナ,キャラクタースリーブコレクション,★午前12時までのご注文は定休日以外当日発送★,enemy,optemizer.com,ホビー , コレクション , トレーディングカード・テレカ , トレーディングカードゲーム,【あす楽対応】,X-,-Zillions,/Atfalati5086790.html,153円 153円 ★午前12時までのご注文は定休日以外当日発送★ キャラクタースリーブコレクション Z/X -Zillions of enemy X- 戦略の女神アテナ 【あす楽対応】 ホビー コレクション トレーディングカード・テレカ トレーディングカードゲーム

午前12時までのご注文は定休日以外当日発送 キャラクタースリーブコレクション Z X -Zillions 戦略の女神アテナ 初売り enemy of 送料無料お手入れ要らず X- あす楽対応

★午前12時までのご注文は定休日以外当日発送★ キャラクタースリーブコレクション Z/X -Zillions of enemy X- 戦略の女神アテナ 【あす楽対応】

153円

★午前12時までのご注文は定休日以外当日発送★ キャラクタースリーブコレクション Z/X -Zillions of enemy X- 戦略の女神アテナ 【あす楽対応】



製品仕様 【1パック】 スリーブ 60 枚入り 【サイズ】 67 × 92 mm 【解説】 ブロッコリーがおくる、オリジナル本格的戦略TCG「Z/X -Zillions of enemy X-」から、「戦略の女神アテナ」のスリーブが発売決定です!! 今後続々登場するフリーカードにもピッタリですよ♪



●ギフト包装をご希望なされます場合は下記ボタンよりギフトラッピングをご購入くださいませ。
(商品1個につき220円です)


ロング 83cm O'NEIL OF DUBLIN 伝統のキルトスカート one5083w 83c0 *4 *6 *8 *10 *12 *14 トラッド O'NEIL OF DUBLIN ウーステッドウール 100% ロング丈 キルトスカート 83cm オニール オブ ダブリン キルト ラップスカート アイルランド製 レディース タータン チェック ギフト トラッド投稿日: カテゴリー Web開発

[jQuery]指定したエリアまでスクロールするとリンクのデザインが変わるスクリプト

ページ内リンク(アンカーリンク)を複数設定したときに、いま見ているコンテンツはページ内リンクのどこまで進んでいるのかが、解りにくい時ってありますよね。

その時に、見ているコンテンツの領域に画面が入ったら、該当するページ内リンクのデザインが変わると、解りやくなります。
Qiitaでも右下にあるページ内リンクで実装しているアレです。

検索しても、この機能だけのサンプルやプラグインが探せなかったので、jQueryを使って自分で書いてみました。
スクロール位置を取得するのは、scrollTop()を使いました。

デモページはこちら

必要なコードは、

サンプルコード:Javascript

以下のコードをhtmlの直前か、.jsファイルに追加してください。

<script type="text/javascript">
$(function(){
    var _frag = $(".scrollFrag");
    var fragPos = [];
    $(".contents").css("height",$(window).height());
    for(i = 0; i < _frag.length; i++){
        fragPos[i] = ($("#frag"+[i]).offset().top);
    }
    $("a[href *= '#frag']").click(function(){
        $("a[href *= '#frag']").removeClass("active");
        $(this).addClass("active");
    });
    $(window).scroll(function () {
        var tmpPos = $(window).scrollTop();
        var lastFrag = _frag.length -1;
        for(i = 0; i < _frag.length; i++){ var n = i+1; if(tmpPos > fragPos[i] && tmpPos < fragPos[n]){ $("a[href *= '#frag']").removeClass("active"); $("a[href = '#frag" + [i] + "']").addClass("active"); }else if(tmpPos > fragPos[lastFrag]){
                $("a[href *= '#frag']").removeClass("active");
                $("a[href = '#frag" + [i] + "']").addClass("active");
            }
        }
    });
});
</script>

サンプルコード:HTML

htmlのheadタグに中で、jQueryを読み込ませてください。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

メニューに設定しているaタグにhref=”#frag0,1,2,3…”を設定

<nav>
 <a href="#frag0">Contents0</a>
 <a href="#frag1">Contents1</a>
 <a href="#frag2">Contents2</a>
</nav>

飛ばしたいコンテンツエリアにid=”frag0,1,2,3…”class=”scrollFrag”を設定します。

<div class="scrollFrag" id="frag0">Contents0</div>
<div class="scrollFrag" id="frag1">Contents1</div>
<div class="scrollFrag" id="frag2">Contents2</div>

サンプルコード:CSS

以下のコードをhtmlのstyleタグ中、または.cssファイルに追加してください。

a.active{
  color: #999;
  text-decoration: none;
  cursor: default;
  background-color: #eee;
}

QRコードをかんたんに作成/生成できるWebツールを作りました

【送料無料】/尿もれ/軽失禁/介護オムツ/大人用おむつ ■直送■[ユニチャーム]ライフリー さわやかパッド 特に多い時も1枚 220cc 18枚【1ケース(12個入)】同梱不可キャンセル不可[送料無料]
https://www.kenjisugimoto.com/qrcode/

ブラウザでQRコードを作れるWebサービスはたくさんありますが、結構昔に作られた印象のある複雑なUIと、作成時にページ遷移するようなサービスが多かったので、もっと簡単にQRコードを作れるツールを作ってみました。

特徴

  • ページを移動しないでその場でQRコードを作成
  • スマートフォンや紙媒体でも使えるような高解像度QRコード(880pxのPNG画像)
  • QRコードの色と背景色が用意。さらに好きな色で作成できるのでパターンは無限
  • もちろんURLだけでなく、文章のようなテキストでもQRコード化

ちなみにjQuery.qrcode.jsを使用しています。自分のサイトに組み込めば、あらゆるURLやテキストをマウスオーバー時にQRコードへ自動変換/表示することも可能ですね。

☆こちらの新車にはSDDナビ・前後監視タイプ ドライブレコーダー・バックカメラ・ETC・フロアマット・ドアバイザーが標準装備されてます! 《 新車 トヨタ ハイエースバン 2WD 2000ガソリン DX“GLパッケージ” 3/6人乗り・4ドア ロングバン・標準ボディ・標準ルーフ・標準フロア 6A/T 》
https://www.kenjisugimoto.com/qrcode/

単品販売トミカ おしごと体験 水で洗おう! じゃぶじゃぶ洗車場 1セット[代引選択不可]キッズ用おもちゃ トミカワールド

Sketchだと画像UIパーツの解像度別(@2xや@3xなど)の書き出しがとても便利にできますよね。しかしSketchはモリサワなどの日本語フォントの対応状況を考えると、決してUIデザインにはillustratorは不要とまではいかないです。

でも、Sketchのスライス機能は便利。せめて解像度別で@2xや@3x用それぞれの画像UIパーツを別に作らずに、1個のベクターデータからそれぞれの解像度別サイズで書き出したいので試してみました。※illustrator CC 2015を使用しています

結論としては、プラグインを使わなくても「Web用に保存」からできます

画面サイズウィンドウで「%指定を200」にすると@2xのサイズで書き出しができます。@3xの場合は300%ですね。