#JQuery 記事一覧

• 

  サイト制作

  2022/07/28

  アフィリエイトサイトをワンランクアップさせるjQuery講座

  アフィリエイトサイトの運用を続けていくと、ユーザーにより多くの情報を伝えたい・導線をわかりやすくしたいなどより多くの「欲」がでてきませんか？ そんな時に便利なのがjQuery！今よりちょっぴりプロっぽく機能的に、ユーザーがより使いやすく快適なサイトにしましょう！

  • #JQuery

• 

  サイト制作

  2016/09/20

  SNSボタンを一括して掲載するスクリプトの使いかた

  最近では、FacebookやTwitterなどのSNSと連携できるボタンをウェブページ上に設置しているサイトをよく見かけます。しかし、個々のソースを1つ1つ調べて掲載するのは面倒・・・そんなときには、これらのSNSボタンを一括して掲載できるスクリプトを利用するのがお勧めです。

  • #JQuery

• 

  サイト制作

  2015/04/13

  「jQueryMobile」を使って様々なページ切替効果を出す

  今回は、スマートフォンらしいデザインを簡単に作れる「jQuery Mobile」を使って、ダイアログを表示する際に、さまざまな表示効果（切替効果）を加える方法を10種類ご紹介します。

  • #JQuery

• 

  サイト制作

  2015/04/13

  「jQueryMobile」を使って別ページをダイアログとして表示させる

  スマートフォン用の狭いウェブサイトの画面に補足情報を表示したいときなど、短い文章や少量の画像を表示させる際に便利な「ダイアログ」の作成方法を、スマートフォンらしいデザインが簡単に作れるフレームワーク「jQuery Mobile」を使って解説します。

  • #JQuery

• 

  サイト制作

  2015/04/13

  タップしやすいインセットリストを作る

  スマートフォンらしいデザインが簡単に作れる「jQuery Mobile」を使えば、様々な形態のリストを作ることができます。今回は、リスト全体（外枠）の見栄えを変える方法をサンプルページを参照しながらご紹介いたします。

  • #JQuery

• 

  サイト制作

  2015/04/13

  検索フィルタ付きリストを作る

  スマートフォンらしいデザインが簡単に作れる「jQuery Mobile」を活用して、見やすくてタップしやすい様々な形のリストを簡単に作る方法やリスト項目内を検索できるようにする方法など、サンプルページを参照しながら解説します。

  • #JQuery

• 

  サイト制作

  2015/04/13

  タップしやすい画像付きリストを作る

  スマートフォンらしいデザインが簡単に作れる「jQuery Mobile」を活用して、サムネイル画像やアイコン画像を付加したリンクリストを作る方法をサンプルソースを参照しながらご紹介します。アフィリエイト商品一覧ページを作る際にも役立ちますので、ぜひご活用ください。

  • #JQuery

• 

  サイト制作

  2015/04/13

  スマホらしいリンクリストを簡単に作る

  スマートフォンらしいデザインが簡単に作れる「jQuery Mobile」を活用して、メニューやサイトマップを作る用途で特に役に立つ、見やすくてタップしやすい形の「リンクリスト」を簡単に作る方法をご紹介します。今回は、実際にサンプルページを参照しながら説明していきます。

  • #JQuery

• 

  サイト制作

  2015/04/13

  スマホ用に様々なスタイルのボタン型リンクを作る

  フレームワーク「jQuery Mobile」を使って、スマートフォンらしいデザインのボタン（リンク）を作成する方法をご紹介します。 サンプルHTMLソースを使って「複数のボタンが合体したグループ型ボタン」の作り方などを解説します。

  • #JQuery

• 

  サイト制作

  2015/04/13

  「jQueryMobile」を使ってアコーディオン式コンテンツを作る

  スマートフォンらしいデザインを簡単に作れる「jQuery Mobile」を使って、今回は１ページ内にたくさんの情報を並べて掲載する際に便利な「アコーディオン式コンテンツ」の作成方法を、実際に「jQuery Mobile」を使って作成したHTMLのソースを参照しながら解説します。

  • #JQuery

• 

  サイト制作

  2015/04/13

  「jQueryMobile」でスマホらしいページデザインを簡単に作る3

  複数ページに分割するほどでもない情報や、複数ページに分割してしまうと逆に分かりにくくなる情報がある場合、ヘッダ（見出し）部分をタップすることでコンテンツ（中身）が表示される「開閉式コンテンツ」を利用すると便利です。今回は実際にサンプルHTMLを使ってご紹介します。

  • #JQuery

• 

  サイト制作

  2015/04/13

  「jQueryMobile」でスマホらしいページデザインを簡単に作る2

  スマートフォンでのページ移動の際に、読み込みに時間がかかり、操作がもたついてしまうデメリットを解消するために、便利なHTMLファイル内に複数ページのデータを収録できる「jQuery Mobile」の機能を紹介します。今回は具体的にHTMLのソースとサンプルを使って解説します。

  • #JQuery

• 

  サイト制作

  2015/04/13

  「jQueryMobile」でスマホらしいページデザインを簡単に作る

  「jQuery Mobile」というJavaScriptで作られたフレームワークをご紹介します。手間のかかる背景がグラデーションになっているヘッダやフッタ、指で押しやすいように面積を広くしたボタン型リンクなど、よくある『スマホらしいデザイン』が、ウェブページ内で簡単に実現できます。

  • #JQuery