Programming
【CSS】transform:skewYで視線を下方向へ誘導する三角形をデザインする
LP（ランディングページ）などでよく見る、下方向に視線を誘導する三角形をCSSでつくる方法。transform: skewYを使うことでレスポンシブにも対応
プログラミング
2024-03-22
【javascript】イメージスライダー、画像をフワッと切り替え、ちょっと拡大させる
javascriptで画像がフワッと切り替わり、だんだん大きくなるイメージスライダーの実装。20行以内のコードで作れます。
プログラミング
2024-02-27
【javascript】文字を円形の画像の周りに配置する方法
円形の画像の周囲に文字を配置する方法を紹介。transform-originを指定。文字の傾きは360°÷文字数で計算します
プログラミング
2024-01-12
【javascript】文字列を取得し、一文字ずつspanに挿入する方法
文字列を取得し、一文字ずつspanタグに挿入させたいと思います。ここでは、replaceとsplitの2種類の方法を紹介します。
プログラミング
2024-01-08
【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
.JPG)
