HTML／CSS 【CSS】ルビの位置を調整（本体から離す）方法
ルビの位置を本体から離す調整方法の説明ルビの基本的な使い方ルビをつけたい箇所を<ruby>で囲って、その中でルビ文字を<...
HTML／CSS
HTML／CSS HTML／CSS 【CSS】WordPressで画像キャプションの行間を詰める方法。line-heightで詰まらない場合の対処法
Wordpressの記事内で、画像キャプションの行間がline-heightで詰まらない時の解説です。Wordpress...
HTML／CSS セコい「コピペ禁止サイト」の作り方（右クリックもテキスト選択も禁止！）
個人的には大反対な「右クリック禁止サイト」ですが、あえてその実装方法を紹介します。右クリックを禁止しているサイトの意図は...
HTML／CSS 【PHP】404エラーを正しく表示・処理する方法
PHPで404エラーを正しく表示する方法の解説です。存在しないページにアクセスされた時、ざっくり404エラーページにリダ...
HTML／CSS 【CSS】テーブルを横スクーロールさせる方法／スマホ・レスポンシブ対応
スマホ使用時等、表（テーブル）を横にスクロールしたい場合のHTML、CSSの記載方法です。案外簡単に実装でき、HTMLは...
HTML／CSS 【HTML】著作権記号（丸C）、登録商標記号（丸R）、商標（TM）の表示方法
HTMLで、著作権記号（○C）、登録商標記号（○R）、商標／トレードマーク（TM）の表示方法です。特殊文字コードを使用す...
HTML／CSS 【HTML】平方メートル、立方メートルの表示方法
HTMLで、平方メートル、立方メートルを文字化けやズレずに正しく表示させる方法です。3つの方法を紹介しますが、「方法２」...
HTML／CSS 【HTML】textarea内で文字列を改行表示させる方法
HTMLのテキストエリア（textarea）内で、文字列を改行表示させる方法です。最初に思いつくのは、改行コードや（\n...
HTML／CSS 【css】リストで黒ポチが消えない時の対処法
CSSで黒ポチ（中黒）を消したい場合、一部の解説では以下のようになっています。HTML<ul class="no_pot...
HTML／CSS 【CSS】スマホで見ると微妙に左右にズレる現象 → １行で速攻解決します。
レスポンシブ対応のサイトを作っている場合、スマホサイズの画面にすると画面が左右に微妙にズレる場合があります。ほとんどの場...
HTML／CSS 【css】文字や画像を画面の中央に配置する一番簡単な方法
cssで文字や画像を画面の天地左右の真ん中に揃えたい時の設定方法です。左右を揃えるのは比較的簡単ですが、天地（上下）の中...
HTML／CSS 【CSS】line-styeが効かない時の解決方。１行追加で解決します。
CSSのline-styeやline-style-typeを支持しても反映されない不具合を一発解消。CSSに１行指定するだけ。