Last-modified: 2014-10-09 (木) 20:53:12
Web/チートシート

HTML

スキームフリーなリンク

Everything is expanded.Everything is shortened.
  1
  2
 
 
<!-- 参照先URLのスキーム(http/https)を省略することで、適切なスキームで処理される -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" ></script>

Javascript

CDNがコケた場合の代替策

Everything is expanded.Everything is shortened.
  1
  2
  3
  4
  5
 
 
 
 
 
<!-- 例えばJQueryの場合。こうすることで読み込まれていなければ、自サーバーのを読み込める -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" ></script>
<script type="text/javascript">
    window.jQuery || document.write('<script type="text/javascript" src="skin/jquery-1.5.min.js" charset="UTF-8"><\/script>');
</script>

スマホ向け

表示領域を画面に合わせる

Everything is expanded.Everything is shortened.
  1
  2
  3
  4
  5
 
 
 
 
 
<!-- 画面幅に合わせる -->
<meta name="viewport" content="width=device-width">
 
<!-- 画面高さに合わせる -->
<meta name="viewport" content="height=device-height">

minify

Everything is expanded.Everything is shortened.
  1
  2
  3
  4
-
|
!
 
# PNG, JPEGの最適化をするツール
# 使い方は上記のdeploy.shを参照
apt-get update
apt-get install optipng jpegoptim