便利そうなJavascriptライブラリーのご紹介。Curl.jsを使えば、誰でも簡単に写真がめくれたような効果を実現することができます。 ↑ こうした画像が簡単につくれます。 使い方も簡単そうですね。いろいろオプションをつけてカスタマイズもできるようです。 興味のある方は使ってみてはいかがでしょうか。詳細＆ダウンロードは以下からどうぞ。 » curl.js (with IE 6/7 support)
写真がクルリとめくれたような効果を実現できる『Curl.js』 | POP*POP
便利そうなJavascriptライブラリーのご紹介。Curl.jsを使えば、誰でも簡単に写真がめくれたような効果を実現することができます。 ↑ こうした画像が簡単につくれます。 使い方も簡単そうですね。いろいろオプションをつけてカスタマイズもできるようです。 興味のある方は使ってみてはいかがでしょうか。詳細＆ダウンロードは以下からどうぞ。 » curl.js (with IE 6/7 support)
あなたは解ける？5枚のディスクで赤い丸を覆うパズル『Cover The Red Spot』 | POP*POP
昔どこかで見たことがあるパズルですが、そのウェブ版が出たようです。 赤い丸を5枚のグレイのディスクで覆ってください、というシンプルなルールですが、どうしても最後のちょこっとが埋められなくてイライラします。 コメント欄では「これは不可能なのでは？」という意見も噴出中。対して、作成者は「いや、解けます。数日中に解法を公開します。」と反論中。 あなたは解けますか？ ↑ 名前を入れてゲームスタート。なるべく速く赤い丸を覆ってください。 ゲームをプレイするにはこちらからどうぞ。 » Cover The Red Spot Carnival Game – Brain Puzzle このゲームの説明などなどはこちらのブログ記事から。 » ‘Cover the Spot’-The best carnival puzzle game. Can you beat it? – Smartkit Brain Enh
ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP
よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげです。 ちょこっとだけ画像の加工をしたい、というときに便利そうですね。 以下に詳しくご紹介。 ↑ サイズ変更も直感的に行えます。四隅の四角をドラッグするだけです。 ↑ 指定した部分だけを切り抜くことが可能。これもマウスだけで操作できますよ。 ↑ 枠線も追加可能。左側のメニューを見ればわかりますが、かなりの種類があります。 ↑ フィルターも種類が豊富。 すっかりオンラインでいろいろなことができるようになりましたね・・・。フィルターと枠線は種類が豊富なので眺めていると新しいデザインのアイディアが浮かんできそうですね。 ご利用は無料です。よろしければ以下からどうぞ。 » Make
念のために知っておきたい『蚊をよせつけない5つの植物』 | POP*POP
夏になると蚊が気になりますよね。夜に耳元で羽音を聞いてしまった日にはおちおち眠っていることもできない・・・という人も多いのでは。 そこで「Five Plants THat Repel Mosquitoes」をご紹介。蚊をよせつけないための5つの植物です。殺虫剤も良いですが、なるべくナチュラルに対処したい、という方におすすめかと。 以下がそのリストになります。 シトロネラ（Citronella Grass） 植物は詳しくないので、イメージ検索の結果を載せておきますね。 » Citronella Grass – Google イメージ検索 イヌハッカ（Catnip） » catnip – Google イメージ検索 マンネンロウ（Rosemary） » rosemary – Google イメージ検索 キンセンカ（Marigolds） » marigolds – Google イメージ検索 モ
受け取る人をちょっぴり幸せな気分にさせる『ハッピー署名のススメ』 | POP*POP
Happy Chief Officerのブログで「Make a happy email signature」なる記事が紹介されていました。メールの署名を工夫することでハッピーな気分を自分のまわりに広げましょう、という主張です。 ちょっとしたことですが、確かにメールはたくさんやりとりしますよね。こうしたところから始めてみるのもよいかもしれません。 いくつか例があがっていたので以下にご紹介。 Keep creating,（クリエイティブで行こう！） Mike ニュアンスが難しいところですが、「Keep ～ing」は元気が出ますね（主観ですが）。 Make it a GREAT day!（すごい一日にしようぜ！） Phil GREATが大文字で元気がいいですね。 日本語だとどういう署名が良いでしょうかね。どちらにしろ、署名を工夫して相手をハッピーに！という発想はすばらしいですね。 » Monda
「あ、プレゼント買わなくちゃ！」に役立ちそうなおしゃれショップまとめ | P O P * P O P
個人的に調べ物をしていたのでその結果をシェアしておきます。 ギフトってなにかと最後まで決まらないものですよね。「明日までに買わなくちゃ！」ということもしばしば。そこでおしゃれ系のギフトが揃いそうなショップをまとめてみました。 ちなみに選択基準は適当ですｗ。ネットショップがないものも含まれますのでご注意を。いざというときに役立つかも？！ 詳しくは以下からどうぞ。 hhstyle 定番中の定番です。原宿や青山にもありますね。 living motif 六本木のAXISビルに入っていますね。こちらもギフトにおすすめ。 Francfranc こちらも定番ですね。ちょっとした家具や小物が充実しています。 無印良品 一応こちらも。ネットショップではよく割引をやっていますよ。 MoMA Online Store Japan アート的アイテムの定番ですね。 ZOZOTOWN | CIBONE公式通販サイト
Javascriptで作られたiPhone風インターフェース | POP*POP
さてもうすぐ登場のiPhoneですが、一足先にそのインターフェースをJavascriptで実現してしまった人がいるようです。 画面遷移もそれっぽくてかっこいいですよ。 ↑ diggの人気記事を読むことができます。 なお、ソースコードもダウンロードできますので興味のある方はご自身のサイトに設置したり、勉強したりしてみてはいかがでしょうか。 実際に動作しているサイトは以下からどうぞ。 » iPhone Interface in JavaScript
スポットライトが当たったような画像を作る方法 | P O P * P O P
今回の諦めている不便利はfkojiさんからの投稿です。投稿ありがとうございました。 popxpopでも使われてる、画像の一部分にスポットライトをあてたような効果を出す方法を知りたいです。 実はこれ、意外と簡単に作っています。画像編集ソフトのおかげですね。 実際に画像を加工しているところを見た方が分かり易いと思いますので、早速作り方を紹介してみます。 なお、今回のお題は、『Googleの検索テキストボックスにスポットライトが当っている画像を作る』です。 ちなみにPOP*POPでは画像編集ソフトとしてPhotoshopを使っています。ただ、Photoshop ElementsやGIMPでも同じようなやり方で作成できることを確認していますので、参考にしてみてください。 詳しくはこちらからどうぞ。 はじめに、元となる画像をPhotoshopで読み込んでおきます。 はじめに、選択ツールで、スポットラ
ヘルシンキにあるCityWallはマイクロソフトSurfaceっぽくてすごい | POP*POP
各所で話題のマイクロソフトのテーブル型コンピュータ「Microsoft Surface」ですが、実際に触ることができるのはまだまだ先。 » microsoft surface – Google 検索 しかしそれっぽいインターフェースを現実に体験できる場所が既に存在します。 その場所とはフィンランドのヘルシンキ。 ここに設置されているCityWallはマルチタッチポイント型で、両手を使って画像や映像を操っていくことができます。百聞は一見にしかず。以下のYouTube動画をご覧ください。 ちなみにここに映されるコンテンツはヘルシンキのイベントに応じて定期的に変更されるほか、post@citywall.org宛てに写真を送ったり、Flickrで「Helsinki」タグをつけることによって自分のコンテンツを投稿できるようです。「これぞ2.0的」でなかなかいいですね。 詳しくは以下のサイトからどうぞ
知っておくと何かと便利なWeb上の翻訳サイトいろいろ | P O P * P O P
今回は、kita–raさんからご投稿頂いた「諦めている不便利」をご紹介します。 英語サイトを「しっかり」翻訳してくれるｗｅｂサービスとかないですかね？ 残念ながら、無償でほぼ完璧に翻訳してくれるようなwebサイトは存在していないと思います・・・。 ただ、完璧とはいえないまでもいろいろ便利な翻訳サイトはありますよね。良い機会なのでWeb上の翻訳サービスをまとめてみました。 調べてみて分かったのですが、原文と翻訳文を１文ごと対比して表示してくれたり、関西弁にしてくれたりするサービスもあって各サイトごとに特色がありますよ。 詳しくは以下からどうぞ。 Livedoor 翻訳 機能 テキスト翻訳 （16,000字） webページ翻訳 対応言語 英語、韓国語、中国語、ドイツ語、フランス語、イタリア語、スペイン語、ポルトガル語 翻訳エンジン Amikai 特長 IEを使用している場合、Livedoor
HTML/CSSの構文チェックができる便利な無料ツール『bkhvalid』 | P O P * P O P
窓の杜で紹介されていた「bkhvalid」を使ってみました。HTML/CSSの一括構文チェックができるツールです。 » 窓の杜 – 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」 ひとつ上のウェブサイトつくりを目指している方には便利ではないでしょうか。正しいコードで誰でも更新できるようなサイトを目指したいですよね。 以下に使い方を簡単にご紹介。 ↑ 起動したらチェックしたいファイルを追加していきます。フォルダを指定して追加したり、ドラッグ＆ドロップで追加可能です。 ↑ 全部追加したら右上のアイコンをクリック。解析開始です。 ↑ 下に警告がずらずらと。そこをクリックすると該当ファイルにジャンプ、その場で編集できます。 ↑ 警告されたい項目を細かく指定できます。 ↑ 画面は縦に並べることも可能。 自分が作ったサイトなどをチェックしてみると次
ブラウザを通じて実物大のクジラに迫ることができる『Life Size Whale』 | POP*POP
ちょっと重かったり、Firefoxでうまく動かなかったりしますが、静かに感動するのでご紹介。 「Life Size Whale」ではブラウザで実物大のクジラを見ることができます。もちろんブラウザで見るには大きすぎるので右上に全体図が表示されています。 画面内でドラッグするか、全体図で見たい場所をクリックしてみましょう。生物の神秘に加え、プランクトンが漂っていたりして幻想的な気分に浸ることができます。 なお、左上の「Close」ボタンをクリックしたときのメッセージが素敵ですね。こういうちょっとした工夫に作り手のセンスを感じます。 » WDCS Life size whale
SQL文をきれいにフォーマットしてくれる『SQL in Form』 | POP*POP
長～いSQL文を見ているとどこがどういう構造になっているのかがわからなくなってきますよね。 そうしたときに使えそうなのが「SQL in Form」です。 一般向けのサービスではないですが、関係ある方には便利なのでは。 以下に簡単にご紹介。 ↑ たとえばこのようなSQL文。コメント分やインデントがわかりにくくなっています。 ↑ SQL in Formを通せばこの通り。構造がすっきりして見やすいですね。 変換する際には改行やインデント、空白の扱いなどの設定をすることもできます。またデスクトップ用のアプリもあるみたいですね。 ご利用は以下からどうぞ。無料で使えます。 » SQL Formatter / SQLFormatter formats SQL Statements
あなたのブログにド派手なビルボードはいかが？『Name in Lights』 | POP*POP
街を歩いている時やドライブしている時、やっぱり派手なビルボードには自然と目が止まりますよね。 あなたのブログにもド派手なビルボードを設置して注目を集めてみませんか？ 今回ご紹介する『Name in Lights』ではビルボード風ブログパーツを簡単に作ることが出来ます。 詳しい使い方は以下からどうぞ。 手順は簡単です。 ↑ テキストボックスにメッセージを入力するとすぐにプレビューできます。これで良ければ”Put this on your blog”へ移動します。 ↑ あとはこのコードをあなたのブログへ貼り付けるだけです。 ちなみに音声の有無、導入アニメーションの有無から選べるようになっています。ただ、残念ながら日本語、数字、記号には対応していないようです。 試しに設置してみました。 I got my name in lights with notcelebrity.co.uk ド派手なビルボ
JSON形式のデータをブラウザ上で編集できる『JSON Editor』 | POP*POP
ちょっと癖のあるデータ形式であるJSONですが、ブラウザ上で編集できるツールが出たようです。 ツリー状のナビゲーションが直観的で使いやすいです。ちょこちょこっといじるときに便利そうですね。簡単な使い方は以下からどうぞ。 ↑ まずはサンプルデータをロード。ご自分のJSONデータを貼り付けてもかまいません。 ↑ Build Treeをクリック。左側にデータ構造がツリー状に出てきます。 ↑ ツリーを展開して編集。終わったら「Save」。 ↑ 変更されたJSONデータを見るにはツリーのトップをクリック。データが変わっているのがわかります。 あとはこうして変更されたデータをご自身のプログラムで利用するだけです。データ構造が複雑になりすぎて変更が面倒・・・というときにご利用されてはいかがでしょうか。 JSON Editorは以下よりどうぞ。 » javascript json editor
定期的に実行しておきたい無料のHDD診断ツール『HD Tune』 | POP*POP
HDDは消耗品・・・そうわかってはいてもクラッシュは怖いものです。 いざというときのために定期的にHDDの診断はしておいたほうがよいでしょう。 というわけで今回は無料の診断ツール、HD Tuneをご紹介。 詳しい使い方は以下からどうぞ。 ↑ ベンチマーク中。何度か実行しておけば異常が起きたときにわかりますね。 ↑ HDDの詳細な情報もチェックできます。 ↑ エラーチェック。不良セクタの有無を調べてくれます。 ↑ タスクに常駐してくれます。HDDの温度をいつでもモニターできますね。 頻繁に使うものでもないですが、知っておくと便利ですね。ダウンロード＆詳細は以下よりどうぞ。 » HD Tune website
ウェブ上で組織図をさくさく作成・編集できるForbesの『Org Chart Wiki』 | P O P * P O P
Forbesにて便利そうなツールが公開されていました。いわゆる組織図をウェブ上で作成、編集できるツールです。 しかも著名企業の組織図はすでにいくつかアップされています。これを見ながらつくってもいいですし、そもそも企業の体制を知ることは勉強になりますよね。 詳しい使い方は以下をどうぞ。 ↑ まずは組織図を新規作成。組織名と業界を入力します。 ↑ 初期作成画面はこちら。Google Mapのようなインタフェース上で人を入れ込んでいきます。 ↑ 一応つくってみたのはこちら。基本はドラッグ＆ドロップで自由に作っていくことができます。作った組織図は保存もできますよ。 ↑ 著名企業の組織図も見ることができます。こちらはGoogle。 なお、有名企業の組織図を見られるツールといえば「They Rule」もありますね。こちらのほうがちょっとおしゃれですね。かなり古いサイトなのでデータが古いかもしれませんが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知っておくと便利なHTMLで書ける特殊文字一覧『HTML/XHTML Character Entities』 | P O P * P O P
あの映画風の画像が簡単につくれるチュートリアル11選 | POP*POP
パンダ好きにはたまらない！『Panda Chair』 | POP*POP
