HTML 文章の引用 文章を引用するときのサンプルです。 別のサイトや本など、制作物から引用するときのコードとスタイルのサンプルです。 引用マークはCSSなどで文字を追加するのではなく、SVGで記述しています。... 2022-09-18 09:52:27
HTML 文字を小さくする 文字を小さくしたいときのコーディングの記述のサンプルです。 デフォルトの文字が少し大きい時、いろいろな方法で文字を小さくできます。 普通のサイズの文字 [[<p>普通のサイズの文字</p>]] こ... 2022-09-15 16:23:08
HTML 斜体のいろいろ HTMLで斜体を表現するサンプルです。何種類かあります。 斜体といえばiタグと思いきや、他にも同じ斜体のタグがHTMLにはあります。 いわゆる斜体、イタリックで有名なiタグ このタグは区別するときに使います... 2022-08-31 22:25:07
CSS webフォントの読み込み CSSでwebフォントを使うことが増えてきたが、フォントデータを読み込む方法は複数ある。 ウェブフォントの外部参照は通信速度の速い今では、よく利用されています。 HTMLのlinkタグで読み込む場合 [[ <link rel="preconnect" href... 2022-08-30 22:45:37
HTML 箇条書き、段落番号 リスト表示でHTMLで用意されている箇条書きの表現のサンプルのまとめです。 ulのliタグはよく使うものの、大体デザインの都合上スタイルを無効にしてしまいます。 一旦それは置いといて改めてデフォルトの表示を確認するサンプルです。... 2022-07-31 11:39:19
HTML コードや改行をそのまま表示 コードを表すcodeタグ、改行をそのまま表示するpreタグを使ったサンプルです。 プログラミングコードをサイト上に掲載したい時に、そのまま書くと当然コードとしてブラウザが解釈するので、プログラムが実行されてしまいます。 例えばリン... 2022-07-31 11:02:53
JS JavaScriptが無効の時のタグ noscriptタグを使ったサンプルです。 今時JavaScriptの使えないブラウザは見かけませんが、OFFにすることは簡単にできるようなUIになった気がします。 そこで改めてnoscriptタグのサンプルです。... 2022-07-30 11:43:10
HTML ローカルでオンラインの要素と一括接続 baseタグを使った使ったサンプルです。 ローカル上で作業をする時に、オンラインの要素に相対的にリンクや参照したいことがあります。 そんな時baseタグを使うと一括で指定したドメインのコンテンツ... 2022-07-25 10:52:03
laravel 配列のログ出力 デバッグの時に配列の内容をログに出力するサンプルです。 LaravelでPHPの配列をサイト上に表示せず、ログに出力する方法の備忘録です。 まずログのメソッドを呼び出し use Illuminate⁄Support⁄Facades⁄Log;... 2022-07-24 10:25:02
GTM リファラでコンテンツを変える 特定のURLからランディングしたとき、ページのコンテンツを差し替えるサンプルです。Google Tag Managerを活用しています。 ツイッターからのリンクでこのページに飛ぶと下記のボタンが青くなります。 リファラの値に「https://t.co/」が含まれると検知して、情報を差し替えます。... 2022-07-03 18:09:43