WEBサイトの更新時、CSSのキャッシュを自動で読み直す方法
こんにちは、WEBデザイナーの弓削です。 かなり今更な話となってしまいますが・・。 WEBサイトのページの修正の際にCSSを書き換えるケースはよくあると思いますが、 その時に一番困るのが、 1）クライアント様に修正依頼を頂いて内容を修正 2）修正後、情報を仮公開してクライアント様に連絡 3）「何も変わっていない」という指摘を頂く 4）CSSのキャッシュが原因で、修正前のCSSが表示されていた というケースですね。 一応、クライアント様に「スーパーリロード」を掛けてもらう事で解決する問題なのですが、 そもそも、スーパーリロードをしなくても自動でCSSが更新されて欲しいですよね。 方法としてはCSSファイルの指定の後ろにクエリを加える方法が一般的だと思います。 例えばこんな感じです。 ファイルを更新するたびに?201610261200の部分の数字を変更する事で、 ブラウザに新しいファイルという
CSSデザインカタログ | list | dt と dd を横並びにした定義リスト
サンプル 2007-05-30 テキストテキストテキストテキストテキストテキストテキストテキスト 2007-05-15 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト 2007-04-30 テキストテキストテキストテキストテキストテキスト 2007-04-15 テキストテキストテキストテキストテキストテキストテキスト 2007-03-30 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト ソース XHTML <dl class="list309"> <dt>2007-05-30</dt> <dd>テキストテキスト......</dd> <dt>2007-05-15</dt> <dd>テキストテキスト......</dd> <dt>2007-04-30</dt> <dd>テキストテキスト......</
[css]マウスオーバー時に画像透過をさせロールオーバーを表現するcssテクニック – devolen
cssでロールオーバー(ホバー)時に画像透過をさせ簡単にロールオーバーを表現する方法。 非常に簡単に画像のロールオーバーを表現ができるので紹介します。 ※上の画像は記事内容と全く関係ありませんm(__)m このブログでもロールオーバー(ホバー)時の表現として画像透過をさせているます。 以下のサンプル画像に、ロールオーバーしてもらえれば少し薄くなっているのが分かるかと思います。 その透過処理の方法なんですが非常に簡単です。 ■以下CSSでの画像透過の方法。 ロールオーバー時に画像透過をしたい「img」に以下のCSSを記述してください。 div#hoge a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } ■ポイント ■filte
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
