Web Material Memo Pad

Article

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

CDN Bootstrap&Font Awesome

CDNとはコンテンツデリバリネットワークの略で

Webコンテンツをインターネット経由で配信するために最適化されたネットワークのことである。


かいつまめば、なにかしらの媒体を別のサーバーから呼び出すことで
負荷もかからないし良いよ!的な
例えば
JavaScriptライブラリ(jQuery)等を使う時に
ファイルをダウンロードして、サーバーに上げて…
というような手間がかかるが
CDNを利用すれば
ページソース上に
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
と書くだけで良い!

ブロードメディア®CDNさんではこんな風に解説されてます。
ブロードメディア®CDN

アップロード出来る拡張子が限られてたり
アップできても編集が出来ない
なんてブログサービスも多いので
FC2ブログ上でjQueryやBootstrapを使いたい場合は
非常に重宝する!
ブログのサーバーに上げたものを使ってましたが
何故かfirefoxではアイコンが表示されない不具合が…
でもCDNを使うことで解消されました!

BootstrapCDNを使う

以下のコードを書くだけ!
Font AwesomeのCDNも書いてあるので
これで369種類のアイコンも使えるようになる
<html>
<head>
	<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
~
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</body>
</html>


http://www.bootstrapcdn.com/
アイコン
Awesome CSS
Font Awesome

他にも色々有ります cdnjs

Google Code Prettifyも使う場合(Auto-Loader)
<head>
	<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js">
</head>
pre.prettyprint {
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: auto;
}
↑こんな感じになります。
スポンサーサイト

Comment

Commentform

user information
(編集・削除用):
管理者にだけに表示
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。