keita_iのブックマーク / 2011年8月16日

keita_i id:keita_i

2011年8月16日のブックマーク (3件)

[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。ページに追加する一行下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ参考：video, audioのサポート状況 video, audio
keita_i 2011/08/16
Javascript

HTML5
リンク
[JS]超軽量、設置も簡単、オプションも豊富なスライドショーのスクリプト -Orbit
実装も簡単で、オプションも豊富に揃った、使い勝手のよい画像スライドショー用のjQueryのプラグインを紹介します。約4KBと超軽量なのもいいですね。右上のオートプレイは状況も表示します。 Orbitの実装外部ファイル「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script> スタイルシートも外部ファイルとして指定します。 <link rel="stylesheet" href="css/orbit.css"> HTML 画像のみを配置したシンプルなスライドのHTMLです。 <div id="featured"
keita_i 2011/08/16
オートプレイ設定がいい

jQuery
リンク
[JS]ページデザインのもっとも大切なポイントを確認できるブックマークレット -MIN
レイアウトのバランスやグリッドの構造など、ページデザインのもっとも大切な基本となるポイントを確認できるブックマークレットを紹介します。 MIN · Examine the foundations of any site design. [ad#ad-2] MINはページからあらゆる飾りを取り除くブックマークレットで、上記ページでMINを使用すると、下記のように飾りがすべて取り除かれた状態で表示されます。 MINを使用すると、装飾がすべてなくなります MINで確認するポイント飾りを取り除くことで、ページデザインの大切な基本となるポイントを確認できます。レイアウトのバランスグリッドの構造タイポグラフィの階層タイポグラフィによるブランドプレゼンス MINの使用方法 MINは、ブックマークレットとして利用します。ブックマークレット MIN このブックマークレットをブックマーク（お気に入
keita_i 2011/08/16
ページの装飾を消す

Bookmarklet
リンク
- 2011年8月17日
- 2011年8月16日
- 2011年8月11日