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

CSSで要素を中央寄せする

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

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

タブ表示

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

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

CSSアニメーション

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

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

画像の表示方法あれこれ

いろいろなWebサイトで、スクロールしていくと画像がフェードインしてきたり、上下左右からスライドしながら出現したりするのを見かけます。 実現方法をネットで調べると、例えばX方向にスライドしながら出現させる場合は、 CSS […]

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

Twenty Twenty「上へ↑」を固定する

エムケーワイです。 今回はTwenty Twentyでフッターに表示される「上へ↑」(ヘッダーへのリンク)の固定表示にトライします。 お陰様で本サイトの投稿数が10件を超えたのですが、備忘録という事で画面のキャプチャ画像 […]

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

画像クリックで拡大画像をモーダル表示する

今回は画像をクリックしたら拡大画像がモーダル表示されるようにしてみます。 モーダル表示とは、何らかのアクション(例えば画像のクリック)によって別ウィンドウをページの上に表示することです。 一般的に別ウィンドウの周囲には元 […]