iPhoneやiPadでフォームを入力するためにフォーカスすると、画面が自動でズームされることがあります。これはiOSの仕様で、inputやtextareaのフォントサイズが15px以下だと画面がズームします。 少なくと…
iOSでinputやtextareaにフォーカスした際に画面が自動でズームしてしまうのを回避する方法
サイトに独自のCSSやJavaScriptを追加できるWordPressプラグイン「Simple Custom CSS and JS」
Simple Custom CSS and JSは、サイトに独自のCSSやJavaScriptを管理画面上から追加できるWordPressプラグインです。 管理画面上からコードを追加できるので、子テーマ化してテーマを編集…
HTMLメールでのタグ対応状況を確認できるWebサービス「Can I email」
Can I emailは、HTMLメールでのタグの対応状況を調べることができるWebサービスです。 各種メーラーでHTMLタグが対応されているかを簡単に確認できます。 Can I emailでタグの対応状況を確認できるメ…
WordPressの画像に追加されるsrcset属性とsizes属性を削除する方法
WordPressでは、以下のように画像に対してsrcsetとsizesが自動で追加されます。 srcsetとsizesは、画面サイズ等の条件によって最適なサイズの画像を出し分けるための属性です。 場合によっては、src…
CSSとjQueryでセレクトボックスのテキストを中央寄せにする方法
CSS+jQueryを使ってセレクトボックスのテキストを中央寄せにする方法をご紹介いたします。 jQueryを使って選択されたオプションを動的に代入することで、選択中のオプションの表示にも対応しています。 jQueryを…
WordPress5.5から画像に追加されるようになったネイティブLazy Loadを無効化する方法
WordPress5.5から、画像に「loading=”lazy”」という属性が追加されるようになりました。 「loading=”lazy”」が追加されることで、画像が遅延…
VSCodeでEmmetを展開した時に閉じタグの後ろにID・クラス名のコメントを自動挿入する方法
私はHTMLを書く時、どの開始タグと対になっているかをわかりやすくするために、閉じタグにクラス名をコメントで付けています。 例えば、こんな感じですね↓ これくらいの行数だったらコメントがなくてもわかりますが、行数が長くな…
ブラウザ上でイメージマップのコードを作成できるWebサービス「HTML Imagemap Generator」
HTML Imagemap Generatorは、画像内の特定箇所にリンクを付けるイメージマップのコードを作成できるWebサービスです。クリッカブルマップと呼ぶこともありますね。 画像をアップロードしてリンクを付けたい箇…
項目と値を入力するだけでCSSによる円グラフのコードを作成してくれるWebサービス「CSS Pie Chart Generator」
CSS Pie Chart Generatorは、項目と値を入力していくだけで、CSSによって作られた円グラフのコードを生成してくれるWebサービスです。 ちょっとした円グラフをサイトに掲載したい時に便利です。ただ、後述…
色んな形のセクションの区切りを作成してHTML/CSSをコピーできるWebサービス「CSS Section Separator Generator」
CSS Section Separator Generatorは、斜め線や円弧など様々なセクションの区切りを作成して、HTML/CSSをコピーできるジェネレーターです。 CSS Section Separator Gen…