ノート

HTML&CSS

Sass利用環境(Sassの教科書通りにできない)

Sassに関しては、前に少し勉強したことはありましたが、もう少し勉強しようと思い、いろいろと調べてみて書籍「Sassの教科書」を購入しました。第2章でSassの利用環境を設定していくのですが、途中でエラーになって上手く進まなかったので、対応...
HTML&CSS

画像サイズと位置調整

前にも画像サイズの指定についてはまとめたことがありますが、位置調整も合わせて整理しておきます(結局、毎回調べてるような気もしたんで・・・) CSSによるサイズ指定(img)と使い分け 「object-fit」プロパティを利用する。 思った通...
HTML&CSS

CSSでアニメーション

CSSでアニメーションをつける方法について、簡単にまてめておきます。詳しくは自分でググってみて下さい(笑) CSSを使って動きをつけるには、大きく2つの方法(プロパティ)があります。簡単に二つの方法についてまとめておきます。 「transi...
ノート

Note(比較関数)

課題 レスポンシブ対応をしている中で、特にブレイクポイントをいくつか設定した場合に、フォントサイズを可変にしつつも、あるフォントサイズ以上にはならないようにしたい。 解決 比較関数(min, max, clamp)を使うことで、いろいろな対...
ノート

Note(ちょっとした気付き)※更新

サイトを作りながらちょっとつまづいたところを書き留めて行きます(これからも追記します) calcが効かないボタンの幅を親要素の80%に5px足した幅に設定したい場合.btn {margin-top: calc(80%+10px);  →  ...
ノート

Note(Portfolio)

とりあえず完成しました。今回の制作は ・サイトデザイン、ワイヤーフレーム作成 ・コーディング   HTML&CSS   レスポンシブ対応時のハンバーガーメニューと   画面切り替えの時の動き、画面内のスクロールなど動的な部分(jQuery)...
ノート

Note(本番環境へ移行が…)

課題 ローカル環境(Local)で作成したWordPressを本番環境(サーバー環境)へ移行させるために、「All-in-One WP Migration」というプラグインを使って移行させています。このプラグインですが、最新版では100MB...
ノート

Note(Chat GPT使ってみた)

課題 HTMLでのコーディング後にWordPress化を行い、2サイトほどサイト構築をやりました。まずはローカル環境でWordPress化をやっていくんですが、、最終確認のためにサーバーにWordPressをインストールしてサイトを移行させ...
ノート

Note(サイズの違う画像が綺麗に並ばない)

問題 サイズの異なる画像を横並びにしたとき、高さがまちまちになって同じ大きさで並ばない。画像サイズを同じにしておけば良いが、WrdPressで投稿する場合、違う人が作業したり、違うカメラの画像を使うとサムネイル画像が同じ大きさとは限らないの...
ノート

Note(jsファイルの画像が表示されない)

問題 HTMLで作成していたサイトをWordPress化するために、順番にテンプレートタグで置き換えていく作業を一通り終わらせサイトを表示してみると…部分的に画像が表示されていない??表示されていのは、どうもJavascript(jQuer...