こうこく
作 ▸
改 ▸

本当にちょっとしたHTML・CSS・JavaScriptを試す時のスケルトン

自分用

自前で作らなくてもCodePenとかありますが、手元でやりたい時にわりと使ってるものです。

  • JavaScriptだけなら、わざわざHTML作らなくてもChromeの開発者ツールのコンソールで充分です。使ったことない人は調べてみてください。
  • ブラウザのデフォルトCSSを吹っ飛ばすためにA modern CSS resetをCDNから読み込んでます。吹っ飛ばさなくていいなら消してください。
  • ちらっとスマホ対応してます。
<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8" />
	<link rel="stylesheet" href="https://unpkg.com/modern-css-reset/dist/reset.min.css" />
	<link rel="stylesheet" href="./外部CSSがあれば書く.css" />
	<style>
		/* ここにCSSを書く */
	</style>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
	<meta name="landscape" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>サンプル</title>
</head>
<body>
	ここにHTMLを書く

	<script src="./外部JSがあれば書く.js"></script>
	<script>
		// ここにJavaScriptを書く
	</script>
</body>
</html>
この記事に何かあればこちらまで (非公開)