CSSの一覧

このサイトを iPhone SE の実機にて確認したところ、文字化けが起こっていました。行の先頭の文字だけ☒（□に×、四角にバツの文字）が重なって表示されるのです。 Google…

レスポンシブ対応時にも画像の表示場所をあらかじめ確保することで、画像の遅延読み込み時 (Lazy loading) に再レンダリングされるのを防止して画面がチラつくのを回避する方法をまとめまし…

WordPress 高速化を目指すため、 PageSpeed Insights でテストしてみると「スクロールせずに見えるコンテンツのレンダリングをブロックしている&thinsp…

WordPress 標準で使えるブログカードの機能 (Embed) ですが、なんだか表示が遅く使い物にならないな、と思っていました。 Firefox …

高速化と Retina 対応のため、サイトの使っているアイコンを Web フォントにしました。 Web フォントとは SV…

先日の画像置換 IE6 にて表示がめちゃめちゃですね。 IE6 以下で「 position:fixed 」が使えないから互換モードで表示…

CSS の画像置換とは Javascript を使わずにテキストを画像に置き換えて表示する方法。画像を background に指定する方法が一般的だ…

旅の各ページのレイアウトが IE で表示した場合に上に詰まった感じになっていたのを修正しました。今まで気がつかなくてすみません。 IE6 以下では position…

「トイレのうず」本館の各コンテンツ内で縦スクロールバーが 2 本出ていた不具合をやっと修正。 IE6 以下では position: fixed; が効…

『プロとして恥ずかしくないスタイルシートの大原則』を購入して読んでいたら、スタイルシートを使ってページを作ってみたくなった。 で、一番取りかかりやすそうな本館の旅のページを試しに CSS 化。…

Windows 機から見たときなんとなく間が抜けていたのを修正しました。 css でもフォントサイズを small 、 x-small …

真っ白になっていた背景色ですが、いろいろな blog の css を参考にしてなんとか解決しました。 背景画像を指定すると background-co…