【PHP】0埋めする簡単な方法(str_pad)

サイトなどを作っていると数字を0埋めしたいことがたまにあります。 記事を読み込んだときに数字を連番で付ける場合など、デザイン的に「1」「2」「3」などの数字を自動で「01」「02」「03」という文字列にしたいことがありま […]

【CSS】半角英数がはみ出ないようにする方法(word-break、overflow-wrap、word-wrap、line-break)

サイトを作っているとなぜかデザインが崩れている場合があります… 調べてみると、URLなど半角英数字が長すぎて要素からはみ出ていることが原因だったりします。この問題を解決するために「cssで改行させる」方法があるんですが、 […]

jQuery:高さ / paddingを含めた高さ / marginを含めた高さの求め方(検証付き)

jqueryで要素の高さを求めたいことって結構あるかなと思います。 たとえば、「横に並べた要素の高い方の高さを取得して、高さを揃えたり」、「固定ヘッダーの高さを取得して、ページ内リンクをその高さ分位置調整したり」などです […]

CSSだけで作る三角形(シンプルな作り方)

「CSSだけで三角形を作る方法?とことん検証!」でcssのborderを使って色々なパターンの形を確認してみました。確認をしている中で、三角形のシンプルな作り方がある程度想像できたので、それをまとめておきたいと思います。 […]

CSSだけで三角形を作る方法?とことん検証!

cssだけで三角形を作ることが可能です。以前、直角二等辺三角形や正三角形を作る方法を書いています。 三角形はオブジェクトの幅、高さともに 0のときのborderの特性を利用して作ります。それがいったいどのような仕組みだっ […]

【WordPress】コメントフォームのタイトル「コメントを残す」を変更する方法

WordPressに登録されているテーマや販売されているテーマなど、しっかり作り込まれたテーマの場合、コメントフォームは最初から付いています。 ところが、自作テーマを作る場合だと、何もしなければ「コメント一覧」や「コメン […]

CSSだけで正三角形を作る方法

cssだけで作れる正三角形 1~8はいずれも、三角形の大きさは「border」の太さ(※border-width)を変更すればいいが、1:$\sqrt{3}$の比率で設定しなければなりません。色は「border」の色(※ […]

CSSだけで直角二等辺三角形を作る方法

cssだけで三角形を作ることがあるんですが、あまり理解しないまま適当に使っていました。ですので、そろそろ理解して使えるようにしておきたいと思います。 まずは色々な向きの直角二等辺三角形の作り方が分かったので、そちらをメモ […]