タグ

2020年9月14日のブックマーク (3件)

  • レスポンシブ対応でjQuery不要の高機能スライダー「Swiper」 | Will Style Inc.|神戸にあるウェブ制作会社

    こんにちは、デザイナーの奥田です。 最近フロントエンドでは「脱jQuery」なんて言われていますね。 まだまだjQueryバリバリ書いてますって方もちょっとずつ「脱jQuery」していくとこの先もスキルが活かせると思います。 さて、今回は「もう最近の案件はこれしか使っていないんじゃないか?」というぐらい高機能で便利なスライダーをご紹介いたします。 Table of contentsSwiperの使い方カルーセル表示にするレスポンシブに対応するPC時はグリッド表示、スマホ時にスライドにするサムネイル付きカルーセル表示その他オプションまとめSwiperの使い方まずは普通に使ってみましょう。下記よりファイルをダウンロードするかCDNでの使用でも実装できます。 SwiperCDN CSSとJSを読み込みます。 <html> <head> <link rel="stylesheet" href="h

    レスポンシブ対応でjQuery不要の高機能スライダー「Swiper」 | Will Style Inc.|神戸にあるウェブ制作会社
  • プラグインを使わずWordPressにスライダーを作る方法【コピペでOK】

    サイト内にスライダー(スライドショー)を作りたい WordPressだけど、プラグインを使わずに作りたい 出来れば初心者でも分かるように、コピペで済むものがいいな・・・。 こんな悩みに答える記事になっています。 今回は、コピペだけでスライダー・およびスライドショーをWordPress内に作る方法をご紹介します。 Swiperというものを使用するため、プラグインは使っていません! プラグインを使用せずにどうにかして実装しようとするのが好きです(笑) 今回の記事では、前半に簡単なスライダーの作り方、後半に使用例として、関連記事にスライダーを組み込む方法について紹介しています。

    プラグインを使わずWordPressにスライダーを作る方法【コピペでOK】
  • 【最新】Criteoタグの構成とイベントの種類、設置方法をわかりやすく解説|アナグラム株式会社

    Criteoで広告を効果的に配信するためには、タグの設置は重要なポイントです。しかしながら、イベントの種類も複数あり、どのように設置すればいいのか分かりづらいですよね。 この記事では最新のタグ構成を踏まえた設定方法、イベントの種類、正しく設置できたか確認する方法について解説します。 Criteoタグの構成 現在のCriteoタグの構成は下記のようになっています。 ホームページタグの場合※実際のタグとは形式が異なる場合があります ローダーファイル + トラッカー(各イベントのファイル)の2つから構成されています。それぞれどのような役割を果たしているのか、詳しく見ていきましょう。 ローダーファイル ローダーは、Criteoのサーバを呼び出すことと、トラッカーで取得した情報をCriteoのサーバへ送信する役割を担っています。 そのため、基的には全ページで呼び出されるよう、設置する必要があります

    【最新】Criteoタグの構成とイベントの種類、設置方法をわかりやすく解説|アナグラム株式会社