【Adobe Spry TIPS】 ツールチップ
【Adobe Spry TIPS】 ツールチップ ツールチップは文字などにマウスが重なったときに、詳細内容など表示する為の機能になります。 Adobe Spryの準備は【Adobe Spry TIPS】Spryを準備する。を参考にしてください。 head要素内での設定 ツールチップはSpryTooltip.jsウィジェットを利用します。 <script type="text/javascript" src="./includes/SpryDOMUtils.js"></script> <script type="text/javascript" src="./widgets/tooltip/SpryTooltip.js"></script> script要素内でSpry.Widget.Tooltipを利用してトリガー(マウスオーバーする要素のid)とツールチップ(マウスオーバーされた際に表示
Wordpressでサイトマップを作成する
Wordpressでサイトマップを作成する Google Sitemap Generator 3 Betaを使えばWordpressで簡単にサイトマップを作成できます。 サイトマップとは サイトマップを使うと、サイト内のクロールされるページを検索エンジンに簡単に知らせることができます。サイトマップは、最終アップロード日、通常の更新頻度、サイト内の他の URL との相対的な URL 優先度など、各 URL の詳細メタデータのほか、サイトの URL がリストされている簡単な形式の XML ファイルであるため、検索エンジンでより正確にサイトをクロールできます。 サイトマップ 0.90 はアトリビューション シェアアライク クリエイティブ コモンズ ライセンスの利用条件のもとで提供されており、Google、Yahoo!、Microsoft を含む企業で幅広くサポートされます。 インストール Goo
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
RSSの意味と意義
RSSの意味と意義 ネタ元：RSSリーダーがフツーの人に普及しなかった訳 - Core RSSネタがここまで盛り上がると思ってなかったのですが、私の意見も書いておきます。 とりあえず一連の流れのまとめ RSSリーダーがフツーの人に普及しなかった訳 その2 - Core それぞれのブロガーがフツーの人のRSS知識をハックするべき理由*ホームページを作る人のネタ帳 確かにRSSもSBMも普及してないなぁと思ったのでエントリー - 愛夢ロック ～I’m rock～ RSSもSBMも流行っていない - ネットランダム なぜRSSが普及せず、SNSが普及したのか？ - 僕のススメ。 RSSリーダーが一般人に使われないのは「自由度」と「用語」と「見せ方(宣伝文句)」だけの問題 - キャズムを超えろ！ 購読フィード数1000以下の人間を「フツー」と呼ぶのはもうやめよう - アンカテ(Uncategori
テーブルをソートできるようにするjsライブラリ-table sorting
テーブルをソートできるようにするjsライブラリ-table sorting table sortingはテーブルをソートできるようにするjsライブラリです。 テーブルの内容でソートしたり、奇数行、偶数行にそれぞれ異なるclassをつけたりが可能です。 設置方法 ダウンロードしたsortable.jsをhead要素内なので読み込みます。 <script type="text/javascript" src="sortable.js"></script> ソートの対象のtable要素のclass属性をsortableに設定して、任意のID名をid属性につけます。 <table class="sortable" id="foo"> ソートの対象にしたくない列がある場合はth要素のclass属性にunsortableを設定します。 <th class="unsortable"> ソートの対象にした
footerをウィンドウ下部に固定する『footerFixed.js』
footerをウィンドウ下部に固定する『footerFixed.js』 footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示させるためのjsライブラリです。 サンプル 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ下部に固定したい要素にid属性「footer」を付けます。 これでその要素をウインドウの下部に表示させることが可能です。 (ウインドウの下部というのがわかりにくいと思うのですが、内容量がウィンドウサイズを超える場合は通常通り、内容量がウィンドウサイズより小さい場合はウィンドウの下部に配置という意味です
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
