Programming
【javascript】hタグを取得し、目次を自動生成する方法
javascriptでh2とh3タグをすべて取得し、目次を自動生成する方法を紹介します。h3を自動生成するには一工夫が必要です。
プログラミング
2023-09-17
【javascript】HTML要素を生成させるcreateElementの使い方
javascriptのcreateElementメソッドでHTML要素を生成し、指定の要素の子要素として追加する方法を紹介。クラス、id、属性、テキストを追加できます。
プログラミング
2023-09-01
【javascript】既読量をパーセンテージで表示する方法
スタートラインからエンドラインまでを決め、その間の既読量をjavascriptにより計算し、パーセンテージで表示させます。
プログラミング
2023-08-06
flex-shrinkプロパティを理解する 親要素に余白がない時、子要素の縮小率を指定する
flex-shrinkを指定することにより、子要素のwidthの合計が、親要素のwidthをオーバーする時、必要に応じて指定。それぞれの子要素の縮小率を指定し、レイアウトします。初期値は1です。
プログラミング
2023-07-27
グーグルアドセンスで「現在、広告配信が制限されています」無効なトラフィックの問題がでた
今日、グーグルアドセンスを開いたら、ページ上段にピンクのラインで警告が表示されていました。自己クリックはしていないので、アドセンス狩りにあったのか？
プログラミング
2023-06-26
flex-growプロパティを理解する 子要素の比率を指定し、親要素の余白を埋める
flex-growを指定することにより、親要素の余白を埋めることができます。それぞれの子要素の比率を指定し、レイアウトします。
プログラミング
2023-06-18
indexOfで配列内を検索し、ヒットしたものをspliceで配列から削除する方法
配列からランダムに一つ取り出し、それが配列内のどこにあるかを検索し、ヒットしたものを配列内から削除する方法について
プログラミング
2023-06-06
WEBページでフリーフォントを表示させるためのCSSの設定
日本語振りフォントをWEBページで表示。ダウンロード&変換したttfファイルとwoffファイルをサーバーにアップロードし、css(@font-face)で表示させる。
プログラミング
2023-05-22
【javascript】スクロールしたらヘッダーを非表示にし、バックスクロールしたらヘッダーを表示する
スクロールしたらヘッダーを非表示にし、バックスクロールしたら、ヘッダーを表示させる方法について。ヘッダーを表示、非表示させることでユーザビリティを向上させ、サイトに留まってもらう確立を高めることができます。
プログラミング
2023-05-08
【CSS】画像(サムネイル)の上のテキストを疑似要素を使って見やすくする方法 background: linear-gradient
画像の上に文字をのせた時、背景画像の色と文字の色が近いと文字がよく見えません。そこで、文字を見やすくするために、疑似要素を使って、薄く影を入れ、文字を見やすくさせたいと思います。
プログラミング
2023-04-18
