HTML・CSS

スポンサーリンク
PC

Apacheのアクセスログをhttp logs viewerで確認

Apacheのアクセスログを見やすくして確認するために「http logs viewer」を使用してみました。
疑似要素・セレクタ

::after

"content"の値を要素内にあるコンテンツの直後に配置
HTML・CSS

大きなカード内の文字を上下左右中央にしてリンクをカード全体にかける

cssで高さのあるカードをリンクで覆いたい場合の方法。やり方はいろいろあるようでしたが疑似要素を使ってできるようなのでメモしておきます。
スポンサーリンク
疑似要素・セレクタ

気になるセレクタ・疑似要素などをピックアップ

セレクタや疑似要素などの使い方を忘れがちなのでメモとして残します。
HTML・CSS

CSSのキャッシュを読み込み時に更新させる

私のchromeだけかもしれませんが(^^;)、最近cssのキャッシュがきつくて、+キーを押さないと更新されません。 これが面倒(というほどのものでもないけど)なので、ちょっと細工してみました。
HTML・CSS

Google カスタム検索の検索ボタンがつぶれてる

WordPress標準の検索ボックスに換えてGoogle カスタム検索を設置してみました。 ところが検索ボタンがつぶれて小さく表示されています。 それの修正です。
HTML・CSS

htmlにタグを書く際の<>を文字として表示する(エンティティ参照)

時々やノーブレークスペースの記号はどうだったっけ?と迷うので、よく使うものだけメモしておきます。
HTML・CSS

meta http-equiv=”X-UA-Compatible” content=”IE=edge”

<meta http-equiv="X-UA-Compatible" content="IE=edge"> これはそのieで利用可能な最新のレンダリングエンジンで表示する為のおまじない。 勝手に互換モードで表示されるのを防ぎます。
HTML・CSS

viewport について

ビューポートについてのメモ書き。
HTML・CSS

スマホ等の実質の解像度

レスポンシブにするにあたって、ブレイクポイントをどうしようかと。 まだこれという標準的なものが無いようですので、自分で適当に決めようかと思い調べてみました。 Androidは概ね同じ値のようですが、iPhoneはばらつきがあるんですね。
スポンサーリンク