READ MORE

以前も当ブログでjQueryを使ったループスライダーを紹介しましたがフリック(ドラッグ)操作が実装されていませんでした。ループスライダーにフリック(ドラッグ)動作が実装されたパターンはわりと需要があるのにそのような仕様のプラグイン等はあまり一般的に公開されていないようだったので、以前紹介したスクリプトを改良してフリック…

READ MORE

以前に「jQueryで特定の要素が存在するかどうかを判別する処理」と題して、Webページ上に特定の要素が存在するかどうかの判別を紹介しましたが同じような判別で、要素に特定の属性がついているかどうか、といった判別処理が必要になる場面にもわりと遭遇することがあるのでjQueryで要素の属性の存在の有無を判別する処理について…

READ MORE

Webページ上にYouTube動画を複数貼り付ける際、掲載する動画の数が多くなるにつれて通常の埋め込み方法ではページの読み込みに時間がかかってしまうことがあります。その様な場合、通常のYouTube埋め込みではなくユーザーのクリックイベントなどで動画を読み込むようにすることでページロード時の負荷を軽減させることができま…

READ MORE

Webページ作成に使用する原稿がPDFで用意されていることはよくあります。PDFからテキストを抽出する際にはそのままコピペすると、文章中の改行が半角スペースとなり、意図しないところに半角スペースがたくさん入ってしまうことがあります。その半角スペースを一つひとつ削除するのはとても手間なのと削除漏れが発生する可能性もあるの…

READ MORE

最近ではスマートフォンでもユーザーがサイトに訪れた際に自動で動画を流すことが可能になり動画を使った演出を実装しているサイトが多くなってきています。その様な動画を使った演出をクライアントから求められる機会も増えていますがユーザーの端末設定によってはスマートフォンでの動画自動再生は正常に動作しなくなる場合があります。その中…

READ MORE

最近ではTHETAやGoProなどのカメラを使って360度見渡せる写真を撮影することが簡単になり、Webサイト上にも360度の写真を掲載するコンテンツを見かけるようになりました。室内の様子やきれいな風景などユーザーが自ら画面を操作して360度の世界を見渡せることでWebサイト上で今までとは違った体験ができ、臨場感のある…

READ MORE

当ブログでは主にjQueryを使ったアニメーション動作について紹介していますがjQueryを使わずにJavaScriptのみでWebページ上に簡単にアニメーションを実装できるライブラリも多々あります。そんなJavaScriptのみで、とても使いやすくなめらかな動きのアニメーションを組み込むことができるライブラリを自分用…

READ MORE

jQueryを使ってHTML要素の取得をする際には「.html()」メソッドなどを使用することが多くありますが自分自身を含めた要素を取得したい場合には「.html()」メソッドでは思い通りにいかなかったりします。そのような場面で自分自身を含めた要素を取得する方法を自分用のメモ書きとしてご紹介してみます。jQueryで自…

READ MORE

Webページ上で左右に違う背景を連続させるのは以前はわりと手間のかかることでしたがCSSの進化と共に疑似要素やグラデーションを使ってとても簡単に実装することが可能になりました。そんな背景を左右で違うものを連続させる方法についてCSS疑似要素の「:before」と、CSSグラデーションを使った2パターンで実装する方法を紹…

READ MORE

Webサイト内に横スクロールさせるエリアを作成した際にスマートフォン表示ではスクロールバーを表示させることができず、そのエリアが横スクロールさせることをユーザーに伝えるために苦労したりします。そんな時に使える横スクロールさせるエリアが出現した時にアニメーション付きのアイコンを表示してそのエリアが横スクロールできることを…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books