Theme Color

Web Design Coding

Source Code HTML/JS

Figure


Source Code Sample (1)

/*html-tag a(anchor)*/
<a href="https://fonts.google.com/" target="_blank">google.com</a>

Source Code Sample (2)

/*html font property --> #style.css/font-family*/
body {
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

Source Code Sample (3)

/*html-tag img src(source)-->exchange various type of pc or smartphone to output*/
<div class="title">
<strong>title name</strong>
</div>
<source media="(max-width: 767px)" srcset="images/sample.jpg"> <!--smartphone-->
<source media="(min-width: 768px)" srcset="videos/sample.mp4"> <!--pc-->
<video autoplay loop muted preload>
<source src="./assets/videos/sample.mp4" type="video/mp4">
</video>
<img source src="./assets/images/sample.jpg" alt="">

2023/03/12  favicon.ico の作成とhtmlの設定法

画像変換サイトのurlは/* https://ao-system.net/faviconp */, faviconの保存先がhtmlの任意フォルダ内の favicon.ico画像(<source src="./assets/images/favicon.ico">)16x16pxのhtml設定は<link rel="shortcut icon" href="./assets/images/favicon.ico">

2023/04/30  Failed to load resource: net::ERR_CACHE_READ_FAILUREの対処法

リンクからメインページを開く際にvideoタグのソースがロード出来ずにエラーになる現象が起きていた のでエラー回避を試みた。手動でvideoタグのアップロードもできるのでエラーになるvideoタグのカスタ ムアップロードのJavaScriptをbodyからheadに移動した。結果はロードの遅延は解消したがメインペー ジを開く際にやはりロードされずエラーになる。
リンクに戻り再度メインページを開くとエラーはなく結局遅延の解消はできたが変わらなかった。
次に実施したのがキャッシュのクリアとPCクリーンでメインページを開く際のエラーには効果的で今の ところ他にエラー回避の対処が見当たらない状況で原因のバグ解消になっているかは不明。結論としてリ ンクからメインページを開く際のエラーを回避したい具体的な処置としてvideoタグのソースをbodyの先 頭より後部のソースに入れ替えることで読み込み時のエラーを回避できる他に読み込み時の短縮からブッ クマークからメインページを開くなどもより効率的。

2023/06/03  NetlifyのDomain Settingから"Awaiting External DNS"のDNS設定法

NetlifyのDomain Settingからネームサーバーから取得したドメインを入力すると"Awaiting External DNS"が 表示される。"Awaiting External DNS"のOptionタブを開き>Go to DNS panelをタップするとDNSコードが 表示されるのでページを開いたまま、ネームサーバーにログインしDNS設定でNetlifyのDNSコードをそれ ぞれ入力する。ネームサーバーの設定完了後に先ほどのNetlifyのタブを閉じてDomain Settingのページを 開くと"Awaiting External DNS"が"Netlify DNS"に変わり新規ドメインが有効になる。




















Source Code HTML/html

Information

https://dreamy-web-design.com
Country/JP