[B! JavaScript][html] hisa_hのブックマーク

hisa_h id:hisa_h

JavaScriptとhtmlに関するhisa_hのブックマーク (3)

[JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium
ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。納品する際に、不要なセレクタを除去するのに役立ちますよ。 Helium -GitHub Heliumの準備 Heliumの使用方法 Heliumの準備 HeliumはjQueryなど他のスクリプトを必要せず動作し、URLのリストから全てのページをロードし、解析して、スタイルシートで見つけたセレクタが全ページで使用されているかどうかチェックし、レポートを作成します。スクリプトは、開発環境で実行してください。公開中のサイトで実行すると、ユーザーにもHeliumの動作が見えてしまいます。 Step 1: 外部ファイルテストするページの全てに、当スクリプトを外部ファイルとして記述します。場所は、head内でも</bo
hisa_h 2013/06/10
JavaScript

html

github
リンク
主要ブラウザでvideoタグを有効にしてくれるJavaScript「html5media」 | Web活メモ帳
html5の<video>タグを使用すると簡単に動画を埋め込めるようになりますが、対応していないブラウザが多いのも事実です。今回ご紹介する「html5media」はvideoタグを有効にする事ができるJavaScriptです。 videoタグを使用する事でFlashなどのプラグインが必要なくなり、設置も簡単にできるようになります。詳しくは以下次のコードを貼付けるだけでvideoタグが有効になります。 <script src="http://ajax.google apis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://html5media.googlecode.com/svn/trunk/src/jquery.html5media.min.js"></script> 後はhtmlに簡単なタ
hisa_h 2013/01/21
video

html

JavaScript
リンク
[HTML5] 位置情報を継続的に取得する - YoheiM .NET
今日はHTML5のGeoLocationAPIを利用した位置情報取得、第2弾。継続的に位置情報を取得する方法を試してみたので、それをブログに残しておきたいと思います。 HTML5の位置情報を取得する機能とは GeoLocation APIという機能を使う事で、Web画面でJavaScriptを利用する事で、位置情報（経度や緯度など）を取得出来るようになります。 ”HTML5で位置情報を取得する＠YoheiM.NET”をご参照ください。継続的に位置情報を取得するには HTML5で位置情報を継続的に取得するには、navigator.geolocation.watchPositionメソッドを利用して位置情報を取得します。 // watch Position. var watchId = null; var watchButton = document.querySelector("#wat
hisa_h 2012/10/04
javascript

programming

html

HTML5
リンク
1