「CSSを更新したはずなのに反映されないんだけど…」 ユーザーにとって有益ですが、制作者にとっては時に厄介なキャッシュ機能。 PHPのfilemtime()関数を使用して読み込むURLのパラメータにファイルのタイムスタンプ(更新日時)を追加することで対応します。 <link href="/asset/css/style.css?<?php echo filemtime( __DIR__ […]
PageSpeed Insightsへの対応で避けて通れないWebP(うぇっぴー)。 htaccessへの記載は下記のようになります。 <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_ACCEPT} image/webp RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|p […]
\いろいろ応用が効きます/ <div class="car_wrap"> <p class="car">車</p> </div> .car_wrap{ height: 50px; position: relative; overflow: hidden; } .car_wrap .car{ position: absolute; left: -20% […]
DOMが読み込まれたら実行。$(document).ready(function~の省略形。 $(function(){ //処理 }); 画像などのコンテンツも読み込まれたら実行 $(window).load(function(){ //処理 });
簡単に非同期で処理を遅らせたいときに。 window.setTimeout(function(){ //ここに処理を記述 }, 5000);