HTML5+CSS3の時代だからSVGを

SVG形式ならビットマップ画像じゃなく
パスの状態でWEBにアップできるから
拡大しても劣化しない?

かなり昔からイラレのファイル形式にあったSVG形式。
WEBにアップして拡大してもキレイに見えるってことで、一度、挑戦してみたことがあるのですが、ほとんどのブラウザが対応していなっかたのであきらめてました。

しかし、HTML5+CSS3の時代がやってきた今では実用しているサイトを見かけるようになったので、ちょっとサンプルを作ってみました。

作ってみるとかなり奥が深く、メリットもデメリットも多々あります。

まだまだ私も勉強が必要なのですが、参考までにぜひどうぞ。

jPlayer

今回はサイト上で音楽や動画を再生できる『jPlayer』の設置方法をご紹介します。

ネット上に動画や音楽をアップするには、静止画像よりも複雑に著作権が絡みあってくるので、個人的にはなるべく避けたほうが良いかと思います。
使用許可のあるものを再生したり、ご自身で作詞・作曲・演奏などされる場合は参考にしてみてください。
著作物の無断使用は絶対にやめましょう!

毎度のことですが、この記事を参考になさる場合は、予めこちらの「ご利用規約」も確認してください。

“jPlayer” の続きを読む

Syntax Highlighter

記載したソースコードを見やすくしてくれるやつです。
プログラムなどの解説サイトなどでよく使われているますね。

こんな感じの。

一般のサイトではあまり使わないと思いますが参考までに。

通常のHTMLページに「Syntax Highlighter」を導入する方法はこちらのサイトなどを参考にしてください。

通常(HTML)版のサンプルはこちら

“Syntax Highlighter” の続きを読む