フォームで落書きを投稿できるようにするJavascriptライブラリ『<input type="draw" />』 | P O P * P O Pユーザーや読者から落書きや手書きのデータを集めたい、というときに使えそうな画期的なライブラリ。 簡単なスクリプトを仕込むだけで、マウスでぐりぐり描いたデータを投稿させることができます。 ↑ こんな感じです。 アイディア次第でかなり面白いことができるのでは。チュートリアルおよび使い方の詳細は以下のサイトをご覧ください。 » – The simplest draw editor to your forms
時間軸に沿ったインタラクティブなグラフが簡単に描ける『TimePlot』 | POP*POP
時系列に沿ってグラフを書きたい、というときに便利そうなのがこちらの「TimePlot」というライブラリ。 テキストファイルのデータを読み取ってJavascriptで簡単にグラフを貼り付けることができます。またそれぞれのデータに説明を加えることもでき、マウスで該当部分をクリックすると詳しくみれるようになっています。 ↑ こんな感じ。詳しく見たい部分をクリックすると別ウィンドウが開きます。 実際にどう設置するかは以下のページのチュートリアルでどうぞ。こうしてステップごとに説明してもらえるとわかりやすいですね。 » SIMILE | Timeplot | How to Create Timeplots スクリプトのダウンロードや他の詳しい情報は以下からどうぞ。 » SIMILE | Timeplot
これは便利！検索条件をマウスだけでさくさく追加していけるFirefox拡張『Visual-Search Extension』 | POP*POP
これはシンプルですが、とっても便利なFirefox拡張機能です。 なんとGoogleで検索したあと、検索結果に出てくるテキストを検索条件に追加することができます。いちいち検索窓にキーワードを打ち直す必要がありません。 たとえば「百式」で検索、でも、調べてみるとガンダムの話題が多かったのでｗ、それを取り除きたい場合。 ↑ 検索結果の中から「ガンダム」を選択すると＋－のアイコンが現れるので－をクリックします。 ↑ すると検索条件がこのように変化。自動的に検索もしてくれます。 もちろん＋の方のアイコンをクリックすれば検索条件に追加してくれますよ。日本語もきっちり通るのでおすすめです。 » Visual-Search Extension :: Firefox Add-ons via Lifehacker
これは使える！17,000個以上のアイコンから検索できる『iconfinder』 | POP*POP
アイコンのデザインは悩みますよね。他の人が作ったアイコンを参考に作られる方も多いのでは。ただ、アイコンを見つけるのはなかなか大変です。 そこで登場したのがこの「iconfinder」。アイコン専用の検索エンジンです。 以下に使い方をご紹介。 ↑ 試しにiPodで検索。おー、すごいです。 ↑ サイズも選べます。チェックをつけたりはずしたりするとダイナミックに検索結果が変化します。 ↑ アイコンを表示する際の背景色も選べます。イメージをつかみやすいですね。 ↑ 「info」をクリックするとアイコンの情報を表示してくれます。自分でキーワードを追加していくことも可能です。 現在17,000個以上のアイコンがインデックスされているようです。今後増えていくとかなり使えるのでは。 ご利用は以下からどうぞ。 » iconfinder – Search more than 5000 icons
Googleで無限スクロールを可能にするGrease Monkey 『Google AutoPager』 | P O P * P O P
以前「サグール」他にて話題になった無限スクロール機能。検索結果の一番最後まで来ると次のページを自動で引っ張ってきてくれる機能です。 その機能をGoogleで実現するためのGrease Monkeyがあるようです。ユーザビリティ的に賛否両論があったような気もしますが、人によっては便利そうですよね。 以下に簡単に画像入りでご紹介。 ↑ 普通は1ページ目が終わるとこういった表示ですが・・・。 ↑ このGrease Monkeyを導入していると次のページを連続して表示してくれます。 検索結果ページの2ページ目、3ページ目を良く見る人には便利そうですね。ダウンロードは以下からどうぞ。 » Google AutoPager ちなみにLifehackerからの情報でした。 » Download of the Day: Google AutoPager (Greasemonkey) – Lifehacke
IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP
よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
