【HTML5】コンテンツモデル、使用可能タグを簡単に確認するツール
- 更新日：
- 公開日：
HTML5では、カテゴリー・コンテンツモデルという概念が追加されました。 各要素はいずれかのカテゴリーに属しています（複数のカテゴリーに属す場合がほとんどです）。 そして、コンテンツモデルとはどのカテゴリーおよび要素を入 […]
年別: 2018年
Javascript(jQuery)でCSSと組み合わせて簡単にスマホ判定
- 更新日：
- 公開日：
サイトを作っていると javascript（jQuery） の処理でスマホ判定をしたいことがよくあります。そのときにウィンドウ幅で判断したり、「navigator.userAgent」を利用して判定したりしていました。 […]
2018年11月。ブラウザのシェア率を確認。サイトの検証が必要なブラウザについて考える
- 更新日：
- 公開日：
サイト作成をしているとブラウザチェックは欠かせません。5年前とかもう少し前ですとIEの対応に追われることが多々ありました。 今ですとIEの古いバージョンのサポートも終了したり、バージョンが最新に自動更新されたり、古いPC […]
SEO対策等を基準にメタタグ等の要否をまとめる
- 更新日：
- 公開日：
SEO対策について調べていきます。調べた結果を元になるべく不要なものは記述しないhtmlソースを考えていきます。 不要な記述は管理・メンテナンスの観点から出来るだけ減らす方が良いと考えています。 htmlのlang属性は […]
【HTML＆CSS】ランキングやバナーのリストに使える！コピペするだけ！
- 更新日：
- 公開日：
リストのhtml、cssのサンプルソースです。 コピペするだけで利用可能です。 こんな感じになります：画像（左）＆テキスト（右） 画像とテキストのリスト左側が画像になっています。右側はタイトルとテキストとなっています。 […]
知っておくことで回避【SyntaxHighlighter Evolved】で「＜」や「＞」が「＆lt;」や「＆gt;」に変換されてしまう操作
SyntaxHighlighter Evolvedとは SyntaxHighlighter EvolvedはWPのプラグインでソースコードをきれいに表示してくれます。 html、css、php、javascript、その […]
【コピペ用】htmlのhead内一式（METAタグ等）
- 更新日：
- 公開日：
htmlのhead内に記述する内容は、一つ前に作成したサイトのものを利用することが多いのですが、少し悩む時間もあります。 ちょっとした時間ですが、そこに掛かる時間を短縮できるようにコピペできるテンプレートを作成しました。 […]
【Chrome】PHPでデバッグ中に『このページで通常と異なるコードを検出したため、個人情報・・・』が表示された。回避？
- 更新日：
- 公開日：
phpでhtmlソースを解析するようなツールを作成していると、Chromeで下記文言が表示されました。ページは表示されずエラー画面になります。 このページで通常と異なるコードを検出したため、個人情報（例: パスワード、電 […]
【Fetch as Google】Googleの検索結果に表示させる
- 更新日：
- 公開日：
『Fetch as Google』を使ってGoogleの検索結果に表示させる（Googleのインデックスに登録する）方法を説明しています。
【CSS】そのベンダープレフィックス、もう要らない！ベンダープレフィックスが今後不要なものを羅列する2019
- 更新日：
- 公開日：
ベンダープレフィックスをどこまで記述するかいつも悩みます。 悩む時間がもったいないので、よく利用するCSSの中でベンダープレフィックスがもう不要というものだけを「、」区切りで羅列しました。「-webkit-」だけ必要なも […]