ノート

ノート

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

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

Note(Portfolio)

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

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

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

Note(Chat GPT使ってみた)

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

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

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

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

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

Note(ファイル名は大文字?小文字?)

問題ローカルで作業していたHTMLファイルと関連するファイルをサーバーにアップロード、サーバー上できちんと表示・動作するのかを確認してみると、一部の画像ファイルが表示されない。ローカルでは全く問題がなかった。解決システムによって「大文字」「...
ノート

Note(デザインカンプからのコーディング2)

Photoshopのデザインカンプからのコーディング今更ですが、Illustrator,Photoshopの基礎学習を始めたので、使い方をまとめておこうと思います。Photoshopのデザインカンプからのコーディング手順ざっくりとまとめ資料...
ノート

Note(デザインカンプからのコーディング1)

Illustratorのデザインカンプからのコーディング今更ですが、Illustrator,Photoshopの基礎学習を始めたので、使い方をまとめておこうと思います。Illustratorのデザインカンプからのコーディング手順ざっくりとま...
ノート

Note(WordPless標準のjQueryで動かない)

問題WordPress化を進めていると、HTMLではきちんと動いていたjQueryが動いていない??いろいろと検証を進めていくと、どうも、WordPressの標準jQueryに置き換えたことが原因になっていることが判明解決元のjQueryの...