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

新年へのカウントダウンタイマー

こんにちは、エムケーワイです。 師走に突入したということで、新年へのカウントダウンタイマーを作ってみました。「東京オリンピック開幕まであとxx日xx時間xx分xx秒」と表示しているようなやつです。 2021年以降も動作す […]

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

グリッドレイアウト

こんにちは、エムケーワイです。 本日(10月26日)はプロ野球のドラフト会議でした。今年は新型コロナ禍で、高校生も大学生も社会人もアピールの場が少なかったので、指名する選手を絞り切れなかったのかもしれませんが、巨人は支配 […]

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

CSSで要素を中央寄せする

こんにちは、エムケーワイです。 この2~3ヶ月ほどある資格を取得するための勉強をしておりまして、Webサイト作成の勉強ができておりませんでした。そんなわけで最近はベトナム株の状況の投稿ばかりでしたが、久しぶりにWebサイ […]

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

トップページのタイトル位置変更

こんにちは、エムケーワイです。 久しぶりに本サイトのトップページを見て違和感を感じました。 タイトルの位置が低い… たいした修正ではなかったですが、タイトル位置を変更したので、その備忘録を残します。 元のタイトル位置 タ […]

カテゴリー
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を使っていました […]