プログラミング GitHubを使って、作成したサイトを公開してみた。2023年最新 簡単なサイトならドメイン取得しなくても出来るので便利
GitHubでのサイトの公開を始めてやってみました。完成したサイトの公開の方法、ちょっとわかりにくかったので、今後の参考で記事にしてみました。今回は、個人でVScodeでコーディングして作成したサイトをGithubで公開する際にやった方法に...
プログラミング 
HTML CSS bodyのbackground-colorにbackgroundを重ねてその上に画像や文字の実装をやってみました。【サンプルコードあり】
今回は、background-colorでページ全体にカラー設定さらにページの真ん中のセクションのbackgroundに違うパターンのデザインを重ねて表示してみました。この実装にはいろんな方法がありますが今回はbackground-imag...
HTML CSS 画像に色の幕をあててその上に文字を重ねて表示する方法。【サンプルコードあり】
画像に薄い色をあてて。その上に文字を表示させる方法。よく使うパターン２つ書いてみました。文字が少ないパターン この場合、よく使うのが画像の疑似要素にカラーをあてて、position使って文字を浮かせて最前面に表示させる。HTML<secti...
プログラミング FileZilla さくらのレンタルサーバーのどこの情報入れるのか記事に書きました。情報を登録する時ちょっとわかりにくかった！
FileZillaにさくらのレンタルサーバーを登録する時項目の表示内容がちょっと違ったんで、何回かエラーになったんで、記入するべき場所を残してみました。FileZillaにさくらレンタルサーバーを登録の仕方に悩んでる場合は参考にしてください...
HTML CSS 【サンプルコードあり】ヘッダーのナビゲーションメニュー 3パターン作ってみた
サイトのナビゲーションメニューでよく見る３タイプのコードを記録してみました。HTML・CSSのサンプルコードありよかったら参考にしてください。今回作成したナビゲーションメニュー リセットCSS@charset "utf-8";*{ box-...
VScode Visual Studio Code英語表示になったのを日本語表示にする方法 VScode言語設定 図解いり
VScodeのメニュー部分を日本語にする方法を図を使って説明してます。Visual Studio Code使ってたら、突然メニュー部分が突然英語表示にちょっとビビった！今までは日本語で表示されてたのに・・そんな時の対処法簡単だったんで、記事...
HTML CSS 【サンプルコードあり】テキスト(文字) を枠線だけで表示する方法。文字の中透過して枠線で文字
文字の中が透明で、文字の外枠だけが表示される方法。CSSでテキスト文字の縁取りをする方法を書いてます。サンプルコードも記述してますので初心者の人必見。CSSで装飾してると後で色の変更やサイズ変更などのカスタマイズも簡単になり文字の表現が豊かで綺麗になる。
HTML CSS Googleフォームと連携してサイトのお問い合わせフォームの作成やってみた。IDの取得がちょっとわかりにくかった【サンプルコードあり】
サイトのお問い合わせフォームとGoogleフォームと連携すると見た目を自由にカスタマイズすることが出来る。その連携が今回出来たんで、忘れないように記事にしました。よかったら参考にして下さい。 今回行った手順（作り方）HTMLで表示したいレイ...
HTML CSS 【サンプルコードあり】ｄrawer.js を使って、ドロワーメニューを作成した時、内部リンクの場合メニューが閉じない現象になるので、それを解消する方法が簡単だった。
ｄrawer.js を使うと ドロワーメニューを簡単に作成することが可能今回 drawer.jsで、ページ内リンクをクリックした時、ページは変化するけど、メニューが開いたままになった。ドロワーメニューメニューの閉じない場合。解決方法が見つか...
HTML CSS 【サンプルコードあり】display flexやinline-block で横並びでボタンの配置の為 position: absolute したら要素が下に潜り込んでしまった時にやった事
flex や inline-block;で横並びした時、端のボタンをposition: absolute;で配置したら、浮かせた要素の下に入り込んで重なってしまってちょっと悩んだ。試行錯誤の末解決出来たのでそのコードも書いてます。