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
ブラウザ上で簡単にFaviconが作れる『favicon.cc』 | POP*POP
ちょこちょこっとFaviconを作りたい、というときに便利そうなのが「Favicon.cc」。ブラウザ上のエディターで簡単にアイコンを作っていくことができます。 作ったアイコンはダウンロードして使うことができるほか、クリエイティブコモンズのライセンスの下、公開することもできます。もちろん公開されているアイコンの一覧を見ることもできますよ。Faviconデザインの参考になりますね。 » favicon.ico Generator Faviconに関してはこちらもあわせてどうぞ。 Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ 百式ブログシリーズにFAVICONがついた、の巻
40,000個以上のアイコンをシンプルなインターフェースで検索できる『iconlet』 | POP*POP
これ以上ないぐらいシンプルなアイコン検索エンジンが登場。以前ご紹介した「iconfinder」と合わせて使うといいかもですね。 基本はシンプルな検索ですが、いくつかオプションも選べるみたいですよ。 詳しい使い方は以下からどうぞ。 ↑ Goolgeライクなシンプルインターフェース。 ↑ ためしに「iPod」で検索。なかなかいい感じ。 ↑ それぞれのアイコンをクリックすると詳細情報が表示されます。 ↑ オプション設定はこんな感じ。ライセンスごとに選べるのがうれしいですね。 ご利用は以下からどうぞ。 » iconlet.com – icon search engine – free icons for your project こちらもあわせてどうぞ。 これは使える！17,000個以上のアイコンから検索できる『iconfinder』
入力された文字をいい感じに実体参照に変換してくれる便利ツール『HTML Entity Character Lookup』 | POP*POP
ウェブサイトを作っている人に便利なツールのご紹介。「HTML Entity Character Lookup」ではAjaxを使って記号を実体参照に変換してくれます。 ある程度適当に書いても似たようなコードの一覧を出してくれるのが特徴。 ↑ 「c」と入力するとそれに該当しそうなコードをすべて教えてくれます。 あのコードなんだったかな、という時に便利そうですね。ご利用は以下からどうぞ。 » HTML Entity Character Lookup › Left Logic ちなみに実体参照がらみでよく使っているツールもあわせてご紹介。 蓄々HTML実体参照変換 : akiyan.com ↑ コードを張り付けるとさくっと変換してくれます。 MovableType用EntityRefButtonプラグイン v0.0.5 (エムロジック放課後プロジェクト) ↑ MovableType上でコードを書く
スポットライトが当たったような画像を作る方法 | P O P * P O P
今回の諦めている不便利はfkojiさんからの投稿です。投稿ありがとうございました。 popxpopでも使われてる、画像の一部分にスポットライトをあてたような効果を出す方法を知りたいです。 実はこれ、意外と簡単に作っています。画像編集ソフトのおかげですね。 実際に画像を加工しているところを見た方が分かり易いと思いますので、早速作り方を紹介してみます。 なお、今回のお題は、『Googleの検索テキストボックスにスポットライトが当っている画像を作る』です。 ちなみにPOP*POPでは画像編集ソフトとしてPhotoshopを使っています。ただ、Photoshop ElementsやGIMPでも同じようなやり方で作成できることを確認していますので、参考にしてみてください。 詳しくはこちらからどうぞ。 はじめに、元となる画像をPhotoshopで読み込んでおきます。 はじめに、選択ツールで、スポットラ
迷惑メール時代に覚えておくと便利？！使い捨てメールアドレスを発行してくれるサービス17選 | P O P * P O P
いまや社会問題となりつつある迷惑メール。完璧に排除するのはほぼ無理に近いので、ストレスがたまらないようにどうにかうまく付き合っていきたいところ。 そうした迷惑メール対策において使える一つの手法が「使い捨てメールアドレスサービス」です。一時的に利用できるメールアドレスを（多くの場合）登録なしで発行してくれるものです。 こうしたサービスはいざというときに知っておくと便利ですよね。Sizlopediaでよくまとまっているリストがあったのでご紹介していきましょう。 詳しくは以下からどうぞ。 Mailinator mailinator.comドメインの適当なアドレスをすぐに使うことができます（mail-for-smap@mailinator.comなど）。そのアドレスに来たメールはこのサイトでチェックできます。 ただ、他の人が思いつくようなアドレスだとその人と受信箱を共有してしまうので、なるべくユニ
HTML/CSSの構文チェックができる便利な無料ツール『bkhvalid』 | P O P * P O P
窓の杜で紹介されていた「bkhvalid」を使ってみました。HTML/CSSの一括構文チェックができるツールです。 » 窓の杜 – 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」 ひとつ上のウェブサイトつくりを目指している方には便利ではないでしょうか。正しいコードで誰でも更新できるようなサイトを目指したいですよね。 以下に使い方を簡単にご紹介。 ↑ 起動したらチェックしたいファイルを追加していきます。フォルダを指定して追加したり、ドラッグ＆ドロップで追加可能です。 ↑ 全部追加したら右上のアイコンをクリック。解析開始です。 ↑ 下に警告がずらずらと。そこをクリックすると該当ファイルにジャンプ、その場で編集できます。 ↑ 警告されたい項目を細かく指定できます。 ↑ 画面は縦に並べることも可能。 自分が作ったサイトなどをチェックしてみると次
SQL文をきれいにフォーマットしてくれる『SQL in Form』 | POP*POP
長～いSQL文を見ているとどこがどういう構造になっているのかがわからなくなってきますよね。 そうしたときに使えそうなのが「SQL in Form」です。 一般向けのサービスではないですが、関係ある方には便利なのでは。 以下に簡単にご紹介。 ↑ たとえばこのようなSQL文。コメント分やインデントがわかりにくくなっています。 ↑ SQL in Formを通せばこの通り。構造がすっきりして見やすいですね。 変換する際には改行やインデント、空白の扱いなどの設定をすることもできます。またデスクトップ用のアプリもあるみたいですね。 ご利用は以下からどうぞ。無料で使えます。 » SQL Formatter / SQLFormatter formats SQL Statements
JSON形式のデータをブラウザ上で編集できる『JSON Editor』 | POP*POP
ちょっと癖のあるデータ形式であるJSONですが、ブラウザ上で編集できるツールが出たようです。 ツリー状のナビゲーションが直観的で使いやすいです。ちょこちょこっといじるときに便利そうですね。簡単な使い方は以下からどうぞ。 ↑ まずはサンプルデータをロード。ご自分のJSONデータを貼り付けてもかまいません。 ↑ Build Treeをクリック。左側にデータ構造がツリー状に出てきます。 ↑ ツリーを展開して編集。終わったら「Save」。 ↑ 変更されたJSONデータを見るにはツリーのトップをクリック。データが変わっているのがわかります。 あとはこうして変更されたデータをご自身のプログラムで利用するだけです。データ構造が複雑になりすぎて変更が面倒・・・というときにご利用されてはいかがでしょうか。 JSON Editorは以下よりどうぞ。 » javascript json editor
あの行きたかった場所をもう忘れない！『あとで行く』速攻レビュー！ | P O P * P O P
これは素敵なツール。サイトを見ていて「あぁ、このイベント行きたいなぁ」「このカフェいいかも！」と思うときってありますよね。 そうしたときに便利なのが「あとで行く」です。そうしたページからブックマークレットで一発登録。しかもさまざまな付帯情報を自動でつけてくれるのであとで検索が楽々です。 以下に詳しい使い方を見ていきましょう。 ↑ こちらがトップページ。はてなIDで認証をすませてまずはブックマークレットを登録。 ↑ まずは気になるページで住所っぽいものをハイライト。 ↑ そのあとおもむろにブックマークレットをクリック。 ↑ するとこのような登録画面に行くので必要な情報を入力。 ↑ 位置情報も登録！ ↑ この場所を登録するとさまざまな付帯情報を自動で引っ張ってきてくれます。最寄り駅情報が便利！ ↑ このように登録されたリストは参加者で共有。充実してくれば相当使えそうですね・・・。 登録したリス
写真から不要な物体を消し去ってくれる『PhotoWipe』を試してみました | POP*POP
指定した写真からいらないものをきれいさっぱり消し去ってくれる魔法のようなソフトがLifehackerで紹介されていました。 その名も「PhotoWipe」。ウィンドウズ用のフリーウェアです。 直感的にはそんなことできるの？と思ってしまいますが、実際に使ってみるとどうなのでしょうか。 以下に体験レポートをば。 ↑ 今回使用したのはこの写真。ここからワンちゃんを消し去ってみたいと思います。 ↑ 使い方は簡単。お絵かきソフトの要領で不要なものを黒く塗りつぶしていきます。 ↑ そのあと左上の「Preview」をクリック。ちょっと時間がかかりますが、処理をしてくれます。 ↑ その結果・・・微妙・・・中途半端な光学迷彩のようですね。 結果は微妙でしたが、思うに小さいものだったらちょこちょこっと消せるかもしれませんね。 ちなみにPhotoWipeのサイトには見事なサンプルがあがっていますが、これはかなり
これは使える！17,000個以上のアイコンから検索できる『iconfinder』 | POP*POP
アイコンのデザインは悩みますよね。他の人が作ったアイコンを参考に作られる方も多いのでは。ただ、アイコンを見つけるのはなかなか大変です。 そこで登場したのがこの「iconfinder」。アイコン専用の検索エンジンです。 以下に使い方をご紹介。 ↑ 試しにiPodで検索。おー、すごいです。 ↑ サイズも選べます。チェックをつけたりはずしたりするとダイナミックに検索結果が変化します。 ↑ アイコンを表示する際の背景色も選べます。イメージをつかみやすいですね。 ↑ 「info」をクリックするとアイコンの情報を表示してくれます。自分でキーワードを追加していくことも可能です。 現在17,000個以上のアイコンがインデックスされているようです。今後増えていくとかなり使えるのでは。 ご利用は以下からどうぞ。 » iconfinder – Search more than 5000 icons
15,000個以上！最強のアイコン集サイト『FreeIconsWeb』 | P O P * P O P
素敵なアイコンがたくさんダウンロードできるのがFreeIconsWebです。全部で15,000個以上あるそうですよ。 ↑ なかなか素敵ではないかと・・・。 こうした素材集サイトは知っておくと便利ですね。ブックマークに加えておいてはいかがでしょうか。 なお、ご利用の際は配布元のライセンスをご確認ください。 » Free Icons Web – Free Icons,Free Icons Download,Free window icons,Free xp icons,Free computer icon
ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP
ちょこっとした作業をするときにウェブ上のツールは便利ですよね。今回はそうしたウェブ上のツールでも変換系をまとめて紹介している記事をご紹介。 ファイル形式の変換や、Favicon、カラーコードの変換ツールなどなど。知っていると便利ですね。 全部で39個あります。以下よりどうぞ。 ■ 高機能変換ツール Media-Convert とにかく機能が豊富なコンバーター。これ一つ覚えておけばいいぐらいです。テキスト、PDF、CSV、パワーポイント、音声、画像など。 txt2tags インデントなどで構造的に書かれたテキストをHTMLやLaTeXに変換してくれるツール。 Zamzar こちらも万能系。文書、画像、音声、ビデオなどについてさまざまなファイル形式の変換をサポートしています。 ■ 開発系変換ツール HTML Converter HTMLをPHP、Javascript、ASPに変換してくれます。
Ruby On Railsのクラスを解析してダイアグラムにしてくれる『Rails Road』 | P O P * P O P
RoRは少ししかいじっていないのでアレなのですが、便利そうなのでご紹介。詳しい解説は詳しい方にお任せします・・・。 Rails RoadはRoRのプログラムを解析し、クラスの関係図を自動生成してくれるプログラムです。大きなプログラムを書いていて「えーと、あれが・・・どうだったっけ？」というときに便利でしょう。 またRoRを仕事で使っていてドキュメントを作らなくてはならないときにも活躍しそうです。 いくつか生成されるダイアグラムのサンプルを紹介しておきましょう。 ↑ モデルのダイアグラム ↑ コントローラーのダイアグラム ダウンロード方法、マニュアル、その他のサンプルダイアグラムは公式サイトからどうぞ。 » RailRoad diagrams generator
なにかと使える『名言ポータルサイト』まとめ | POP*POP
「人に何かを伝えたい時は、自分の言葉を代弁してくれる名言を使うと効果的だ」という話を聞いたことがあります。 名言には「偉人も言っていたという信頼性」と「キャッチコピーのようなわかりやすさ」という力があるからかもしれません。 そこで今回は名言のポータルサイトを集めてみました。なにかと使えるのではないでしょうか。 では以下よりご覧ください。 名言集.com 「人生」「ポジティブ」などのカテゴリー別、「映画」「ドラマ」「漫画」などのジャンル別に世界の名言が紹介されています。ブログに名言を表示するためのブログパーツも配布されていますよ。 » 名言集.com 心に残る名言集 以前、POP*POPでもご紹介したサイトですね。ドラマやアニメの名言が充実しています。ブログパーツも配布されていますよ。収録されている名言数は1,397です。 » 心に残る名言集 世界傑作格言集 「人生の格言･名言集」「愛の格言
ウェブ2.0っぽいストライプ画像が簡単に作れる『Stripe Generator』 | POP*POP
これは素敵。最近はストライプ柄のデザインをよく見るようになりましたよね。そんなストライプ柄を簡単に作ってくれるジェネレータをご紹介。 これを使えば簡単に2.0っぽい（死語？）デザインを作ることができますね。 使い方も簡単です。以下に画像付でご紹介。 ↑ ストライプの太さや色、背景色などを決めていきます。ストライプに影もつけられますね。 ↑ 右の画像をクリックすればプレビューできます。できあがったら「DOWNLOAD」をクリック。 ↑ このような画像ができるので背景に指定すればOKです。 ご自身で作ってみたい方は以下からどうぞ。 » Stripe Generator – diagonal stripes background tiles ■ おまけ こうした2.0っぽいジェネレータはいろいろありますよね。せっかくなのでまとめておきます。よろしければどうぞ。 Web20Generator: X
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなただけのキーボード画像を作ってくれるジェネレータ | POP*POP
マトリックスを彷彿とさせる『僕の彼女が怒った理由』 | P O P * P O P
これだけ覚えておけば大丈夫？ロープの結び方、10の基本技 | P O P * P O P