Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P
自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl
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
検索結果からタグクラウドを作ってくれるGreasemonkey『GoogleTagCloudMaker』 | P O P * P O P
Google検索をちょっこっと便利にしてくれるGreasemonkeyのご紹介。 この「GoogleTagCloudMaker」を使えば、検索結果の横に主要キーワードをタグクラウド的に表示してくれます。「あぁ、この検索結果はだいたいこういうことなのね」とわかってなかなか便利。 » GoogleTagCloudMaker ためしにいくつか検索してみましょう。どういう動作をするのかは以下に画像でご紹介。 ↑ たとえば「百式」で検索します。検索結果の横にタグクラウドが表示されます。これらのタグは検索結果に出てくるキーワードから生成されています。 ↑ タグの上にマウスを持っていくと、そのタグに関連する検索結果だけが絞り込まれて表示されます（とのことですが、日本語だとちょっと微妙・・・でも便利な機能ですね）。 ↑ 次に「バブルマップ」で検索。タグクラウドを見れば「ToDo管理に関することなのだな・・
動画で学ぶPhotoshop （27のテクニック） | POP*POP
下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写
定型作業を記録して再生できるFirefox拡張『iMacros』 | POP*POP
ブラウザで同じ作業を繰り返すことが多い人にとっては便利なFirefox拡張です。 この「iMacros」ではWeb上の操作を記録し、編集したり、再生したりすることができます。 » iMacros for Firefox 下記に使い方をご紹介。 ↑ サイドバーから操作します。 ↑ 操作を記録する場合には「Record」を選択。 ↑ 操作はこのように記録されていきます。終わる場合は「Save」をクリックして保存します。 ↑ 再生する場合には「Play」をクリック。繰り返す回数を設定することもできます。 また、記録したマクロはCSV形式で書き出せるのであとで自由に編集することもできます。 たとえば次のように使うことができますね。 サイト毎にＩＤとパスワードを自動的に入力する。 写真などを自動的にWebにアップロードする。 Webサイトのテストとしてレスポンス速度などを記録する。 なんとなく毎日同
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
UIが小気味良いマインドマップツール『bubbl.us』レビュー | P O P * P O P
このUIはなかなか素敵。ウェブ上でのマインドマップツール、「bubbl.us」のご紹介です。 こうしたツールは他にもたくさんありますが、バブルが2.0デザインっぽかったり、ちょっとしたインターフェースの工夫などがされていて、触っていて気持ちいいです。 » bubbl.us 使い方も簡単です。下記にかるくご紹介。 ↑ バブルの中に文字を打ち込んでいきます。バブルのデザインが素敵です。 続けて一つ下のレベルでバブルを作る時は「Enter」、同じレベルのバブルを作る時は「Tab」を押します。なお、日本語には対応していないようです。 ↑ バブルのレベルを上げたり下げたりしたい時は、上げ下げしたいバブルの上へドラッグ＆ドロップで移動させます。 ↑ 消去ボタンのUIが素敵。「あと3秒で消えますよ」とカウントダウンをはじめ、3秒後に軽く爆発してふっとびます。遊び心がありますね。 ↑ ズームも移動も自由自
角丸画像を瞬時に生成するGoogleの隠れAPI！ | p o p * p o p
これはすごい・・・Googleの隠れAPI（？）を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。 そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。 以下、パラメーターの詳細です。 c：色を指定します。色の名前（aqua, black, blue, fuchsia, gray, green, lime, maroon, navy
あなたが知らない（かもしれない）Googleコマンドまとめ | p o p * p o p
Googleを電卓や単位変換として使う・・・というのは有名ですが、「birthday」や「president」はどうですか？「music:」は？ よくある検索テクニックまとめ、ではありますが、自分が知らなかったものもあるのでメモとしてエントリー。ご存知の方はどうかスルーにてお願いいたします。 » Exploring Google’s Hidden Features では、全部で10カテゴリーをどうぞ！ 【1】 計算する 足し算、引き算などの一般的な計算ができます。この使い方は有名ですね。電卓を使うよりも手っ取り早いです。 3+5 ややこしい計算もへっちゃらです。 3/5*4-2*0.2+9^2 ある数値の一定割合もこうやって調べられます。 50% of 123 【2】 定数を知る 各種の定数を出すことも出来ます。 円周率（3.14159265）が出ます。 pi 光の速度（299,792,4
これは必見！Google帝国の壮大なマスタープラン！ | POP*POP
次々と新サービスを打ち出すGoogle。彼らはいったいどこへ向かっていくのでしょうか。その壮大な計画はMaster Planとして巨大なホワイトボードに描かれ、Google本社内に存在しているようです。 そしてそのMaster Planの高解像度の写真が「UnderGoogle」で公開されました。世界でももっともクレージーなエンジニアたちは何を考えているのでしょうか。 » Google Master Plan | by UnderGoogle では早速、詳細をご紹介。 ↑ 宇宙ステーション。そりゃGoogleですから宇宙も視野に入れてみます。「BUY MARS」と火星も買ってみせます。サーバーとか置くんでしょうか・・・。 ↑ 宇宙の前に飛行機もきっちり押さえます。最適な操縦方法も検索で探し出しますとも。 ↑ 今、既にローンチされているのも多々あるWebサービス。Googleカジノの字も見え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
