カテゴリー
HTML jQuery Webサイト作成

現在地の天気予報表示

こんにちは、エムケーワイです。 これまでJavaScriptを使った位置情報の取得に関連し、現在地の位置情報の取得および現在地の地図表示を行いましたが、今回は第3弾として現在地の天気予報の表示にトライしてみます。 天気予 […]

カテゴリー
CSS HTML jQuery Webサイト作成

ギャラリーページ(3)

こんにちは、エムケーワイです。 今回はギャラリーページの第3弾です。 第1弾ではJavaScriptライブラリImagesLoadedとMasonryを使って、20種類の画像のロード完了を待って、それらをタイル状に配置・ […]

カテゴリー
CSS HTML jQuery Webサイト作成

ギャラリーページ(2)

こんにちは、エムケーワイです。 今回はギャラリーページの第2弾です。 第1弾ではギャラリーの画像は20種類でしたが、第2弾では89種類に増やします。89種類の画像を一気に表示しようとするとロードにかかる時間が長くなるので […]

カテゴリー
CSS HTML jQuery Webサイト作成

ギャラリーページ

こんにちは、エムケーワイです。 またまた投稿間隔があいてしまいました。その間にプロ野球開幕に続き、Jリーグが再開されましたね。 今回から3回に分けてギャラリーページとその応用にトライしようと思っているのですが、その実現方 […]

カテゴリー
CSS HTML jQuery Webサイト作成 WordPress

マウスの進入・退出方向検出

こんにちは、エムケーワイです。無観客ですが、ようやくプロ野球が始まりましたね。 今回は、画像に対するマウスの進入方向および退出方向の検出にトライします。 そして、マウスが画像上に進入した方向からキャプションをスライドイン […]

カテゴリー
CSS HTML jQuery Webサイト作成

円チャートの描画

こんにちは、エムケーワイです。ゆる~~くjQueryの勉強を進めています(体調不良になったりして、あまり進んでません^_^;)。 今回は、スマホのメモリ管理アプリでメモリを解放する際等に表示される円チャートでの進捗表示を […]

カテゴリー
CSS HTML jQuery Webサイト作成

“overflow: hidden”の応用

こんにちは、エムケーワイです。どうやら関西地方も梅雨入りしたようです。 ちょっと投稿間隔があいてしまいました。この間何をしていたかというと、jQueryの勉強をしていました。これまでなんとなくjQueryを使っていました […]

カテゴリー
CSS HTML jQuery Webサイト作成

目次の表示/非表示

こんにちは、エムケーワイです。 本サイトの投稿ページの目次は、大見出し(h2要素)だけのシンプルな目次ですが、プラグインを使わずに作っています。 あまりにシンプルなので、せめて表示/非表示を切り替えられるようにしてみまし […]

カテゴリー
CSS HTML jQuery Webサイト作成

タブ表示

こんにちは、エムケーワイです。 投稿ページ作成の際、画像のファイルサイズをより小さくするために使っているEWWW Image Optimizerの設定画面は、下図のように設定項目がタブで分けられています。 タブはどのよう […]

カテゴリー
CSS HTML jQuery Webサイト作成

CSSアニメーション

こんにちは。エムケーワイです。 先日、北海道、首都圏4都県、近畿3府県を除く全国39県で新型コロナウイルスによる緊急事態宣言が解除されました。 そして本日(2020年5月21日)近畿3府県でも解除されたことを受け、ちょっ […]