web制作

css

テキストの両端揃え

たまに出てくる両端揃えのメモHTML<table> <tr> <th>会長</th> <td>〇〇〇〇〇〇</td> </tr> <tr> <th>副会長</th> <td>〇〇〇〇〇〇</td> </tr> <tr> <th>常任理事</
web制作

Webは誤字脱字への意識が薄くなりがちかもしれない

毎日スマホでYahoo!ニュースやいろんなサイトの記事を見ますが誤字脱字を結構見かけます多いのは漢字変換の間違いですがたまに 例)「ありがとうgざいました」 みたいなのとかも私もこんな大勢の人が見るようなものを書くことはないもののWeb上で
web制作

SEO対策のために気をつけていること

自分が「ここ忘れてないかな」と意識することのメモですm(_ _)m【最重要】<title>タグに適切にキーワードを入れる最も重要と言われるtitleタグですがその通りで、体感ですがここの変更が最もダイレクトに検索結果に影響するように思います
css

左揃えのテキストをページの中央に置きたい

テキストをページの真ん中(縦中央)に持ってきたいときtext-align:centerを使えば簡単しかしこれはテキストそのものが中央揃えになってしまうテキストのボックスは中央に持ってきてもテキストそのものは左揃えにしたいそんなときが結構あり
css

display:none→display:blockでふわっと出現させたい

タイトル通りdisplay:noneで非表示にしていたものをdisplay:blockで表示させるのに、そのままではなくふわっとフェードインさせようと思いましたがdisplay:noneにはtransitionプロパティが使えないのですね知
web制作

【スパム対策】WordPressで迷惑メールが大量に来てしまうとき

MW WP FORMで作成した問い合わせフォームから迷惑メールが大量に届いてしまうという場合の対策メモプラグイン「reCAPTCHA for MW WP Form」reCAPTCHAとはGoogleが無償で提供しているスパム(迷惑メール)対
web制作

Microsoft Edgeだけ「セキュリティ保護なし」になる→svgファイルが原因でした(←2021.12.15追記 違ってました…)

あるサイトがEdge(マイクロソフトエッジ)で見た時だけアドレスバーのところにセキュリティ保護なしが出ていることに気付きました∑( ̄口 ̄)https化(常時SSL化)しているサイトなのになんで?Chromeでは普通に鍵付きになっているのに…
web制作

【Google】noindex削除→インデックス登録されるのに3週間かかった話

タイトルで内容を全部説明しているのですがあせった話ですリニューアルしてずいぶん経つサイトがありまして検索に未だに引っかからないことに疑問を持ちSearch Console(サーチコンソール)で調べてみたらno indexタグが追加されていま
css

クリックするたびに2枚の画像が入れ替わる(レスポンシブ対応)

こんなのです ↓ (クリックまたはタップしてみてください).illust { background-image:url(""); width:100%; height:0; padding-top:77.77%;/*画像の高さ÷横幅×100
css

斜め線の入った見出し

パターン1:両側に同じ向きの斜め線 h1.mihon2{margin-top:50px;padding-left:1em; box-sizing: border-box; font-family: '游明朝','Yu Mincho',YuM