[B! JS] dokodajpのブックマーク

[JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium

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

dokodajp 2013/06/10

納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium | コリス

JS

リンク

[JS]スマフォアプリのように左右にスライドしてコンテンツを表示するスクリプト -mmenu

mmenuの使い方スクリプトの使い方は下記ページにステップごとの解説があります。 tutorial Step 1: 外部ファイル head内に「jquery.js」と当スクリプト・スタイルシートを記述します。 <head> <script type="text/javascript" language="javascript" src="jquery.js"></script> <script type="text/javascript" language="javascript" src="jquery.mmenu.js"></script> <link type="text/css" media="all" rel="stylesheet" href="jquery.mmenu.css" /> </head> Step 2: HTML コンテンツの基本構造は、下記のようになります。

dokodajp 2013/05/16

スマフォアプリのように左右にスライドしてコンテンツを表示するスクリプト -mmenu | コリス

JS

リンク

[JS]簡単で便利でしかもかっこいい！ソーシャルメディアのボタンを複数パターン同時に設置できるスクリプト -#50C1AL

ページ上のボタンやテキストなどにclassを追加するだけで、簡単にソーシャルメディアのボタンをかっこよく設置できるjQueryのプラグインを紹介します。 #50C1AL #50C1AL -GitHub #50C1ALの特徴 #50C1ALのデモ #50C1ALの使い方 #50C1ALの特徴主要なソーシャルディアを簡単にウェブページに設置できます。 46種類のかっこよくデザインされたアイコンを用意。ページへの設置は、classを書くだけ！同じページに複数の設定を設置可能。アニメーションやブラーなど多彩なオプション。 #50C1ALのデモデモでは、ページ内に2つの設定を配置しています。まずは、ボタンの方から。テキスト選択で表示 #50C1ALの使い方 Step 1:外部ファイルまずは、head内に外部スタイルシートを配置します。 <link rel="stylesheet" h

dokodajp 2013/01/15

簡単で便利でしかもかっこいい！ソーシャルメディアのボタンを複数パターン同時に設置できるスクリプト -#50C1AL | コリス