Wordpressのテーマが簡単に作れる『Wordpress Theme Generator』 | POP*POP
海外ではMovableTypeを凌ぐ人気といわれるWordPress。無料でありながらも、かなり高機能な点が好評なようです。 そのWordpressには「テーマ」なる機能があり（いわゆるテンプレート機能ですね）、ネット上で配布されている素敵なテーマを自由に利用することができます。もちろん自分で作ることも可能です。 ただ、一からテーマを作るのはなかなか骨が折れるもの。そこで登場したのが「Wordpress Theme Generator」です。テーマを自作してみたい！という方には便利ですよ。 以下に使い方をご紹介。 ↑ ロゴの設定や、横幅、メニューの位置、色などをブラウザ上で設定していきます。 ↑ いつでもプレビューが可能なのでわかりやすいですね。 ↑ 完成したら「save」でテーマファイルを一括生成してくれます。ZIPでまとめてダウンロードすることもできますよ。 あとは作ったテーマをWor
WordPressのテンプレートをインタラクティブに作成可能な無料ツール『templatr』 | P O P * P O P
WordPressユーザーには便利そうなツールのご紹介。templatrではページのレイアウトからそれぞれの要素のスタイルまで、かなり柔軟にカスタマイズしたテンプレートを作成可能です。 しかも操作はすべてインタラクティブ。自分が指定した設定をその場で確認しながら作業を進めていくことができます。もちろん作ったテンプレートはクリック一発でダウンロード可能ですよ。 ↑ まずはレイアウトを選択します。 ↑ 次にエレメントを選んでいろいろ設定。 ↑ YouTubeでの紹介ビデオもありますよ。 ご利用は無料です。こちらからどうぞ。 » Web2.0 – templatr – Template Generator
ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP
よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげです。 ちょこっとだけ画像の加工をしたい、というときに便利そうですね。 以下に詳しくご紹介。 ↑ サイズ変更も直感的に行えます。四隅の四角をドラッグするだけです。 ↑ 指定した部分だけを切り抜くことが可能。これもマウスだけで操作できますよ。 ↑ 枠線も追加可能。左側のメニューを見ればわかりますが、かなりの種類があります。 ↑ フィルターも種類が豊富。 すっかりオンラインでいろいろなことができるようになりましたね・・・。フィルターと枠線は種類が豊富なので眺めていると新しいデザインのアイディアが浮かんできそうですね。 ご利用は無料です。よろしければ以下からどうぞ。 » Make
URLを神速で入力するためのFirefoxのショートカットまとめ | POP*POP
ご存じの方もかなりいるのでは、と思いつつ・・・個人的に忘れていたのであらためてご紹介。 Firefoxでは、URLを入力する際にSHIFTキーやCTRLキーを使うことができます。 ■ 語句を入力 → CTRL+Enter たとえば「100shiki」を入力してCTRL+Enterを押せば「http://www.100shiki.com/」に行ってくれます。 ■ 語句を入力 → SHIFT+Enter たとえば「100shiki」を入力してSHIFT+Enterを押せば「http://www.100shiki.net/」に行ってくれます。 ■ 語句を入力 → CTRL+SHIFT+Enter たとえば「100shiki」を入力してCTRL+Enterを押せば「http://www.100shiki.org/」に行ってくれます。 なお、Internet Explorerでは「CTRL+Ente
指定したウェブサイトを128の診断ツールでテストしまくってくれる『test everything!』 | POP*POP
オプションが多すぎて逆に使いにくいのでは・・・という懸念はあるものの、機能の豊富さでは他の追随を許さない最強テストツールのご紹介。 HTMLの検証、SEOツール、ドメイン関連ツールなどなど、8つのカテゴリー、128にわたる診断ツールを提供しています。 あなたのサイト、クライアントのサイトを徹底検証してみればいままで気づかなかった改善ポイントが洗いだせるのかもしれません。 以下に使い方をご紹介。 ↑ まずはURLを指定。 ↑ 次に診断ツールを選択します。カテゴリーごとに数ページにわたるオプションがあります。 ↑ 選択したツールで診断した結果はこちら。 ↑ 診断結果ページのすべてをフレームで表示することも可能です。 要は診断ツールへのリンク集ですが、一気に調べられるインターフェースが便利ですよね。 ご利用は無料です。よろしければ以下からどうぞ。 » test everything — 100+
すごいスピーチをするには？ | POP*POP
Guy Kawasakiさんのブログで興味深い記事が。歌手のDoug Lawrenceさんに聞いた「スピーチのコツ」です。Dougさん曰く、「ステージで歌うのも、話すのも、コツは一緒だ！」とのこと。聴衆をぐっと引き寄せる、という点では確かにそうかもしれませんね。 全部で15項目ありますね。スピーチをする機会が多い人には参考になるのではないでしょうか。 詳しくは以下からどうぞ。 観客と仲良くなろう もしスピーチの前に時間があるなら、会場にいる人となるべく話すようにしましょう。自己紹介をしたり、質問したりしてうちとけておくと、実際にスピーチをする際にぐっと楽になりますよ。 胸を張ろう！ 胸をぐっと突き出すことによって「権威」を演出することができます。しなだれた格好では誰も話をきいてくれませんよ。 ちょっとだけ鼻声を 口だけではなく、鼻声もうまく使うと相手に声が伝わりやすいですよ。声を口から鼻へ
40,000個以上のアイコンをシンプルなインターフェースで検索できる『iconlet』 | POP*POP
これ以上ないぐらいシンプルなアイコン検索エンジンが登場。以前ご紹介した「iconfinder」と合わせて使うといいかもですね。 基本はシンプルな検索ですが、いくつかオプションも選べるみたいですよ。 詳しい使い方は以下からどうぞ。 ↑ Goolgeライクなシンプルインターフェース。 ↑ ためしに「iPod」で検索。なかなかいい感じ。 ↑ それぞれのアイコンをクリックすると詳細情報が表示されます。 ↑ オプション設定はこんな感じ。ライセンスごとに選べるのがうれしいですね。 ご利用は以下からどうぞ。 » iconlet.com – icon search engine – free icons for your project こちらもあわせてどうぞ。 これは使える！17,000個以上のアイコンから検索できる『iconfinder』
Google Mapsで緯度・経度を調べるための一行のコード - POP*POP ～ 世界のニュースをクオリティ重視で
Google Mapsで緯度・経度を調べたい・・・というときのために知っておくと便利な一行コードのご紹介。 使い方は簡単で、緯度・経度を調べたい地点を中心に表示させたあと、次のコードをアドレスバーに入力するだけ。 javascript:void(prompt(”,gApplication.getMap().getCenter())); すると次のようなダイアログが出てくれます。コピーしやすくていいですね。 ↑ 簡単ですね。 ちなみに以下のような方法もありますが、今回のやり方のほうがシンプルでいいかもですね。覚えておくと便利なのではないでしょうか。 Going My Way: Google Mapsに現在の緯度経度情報をわかりやすく表示するGmapExtras Life is beautiful: Google Map で任意の場所の緯度と経度を知る方法 元記事は以下よりどうぞ。 » Get
スポットライトが当たったような画像を作る方法 | P O P * P O P
今回の諦めている不便利はfkojiさんからの投稿です。投稿ありがとうございました。 popxpopでも使われてる、画像の一部分にスポットライトをあてたような効果を出す方法を知りたいです。 実はこれ、意外と簡単に作っています。画像編集ソフトのおかげですね。 実際に画像を加工しているところを見た方が分かり易いと思いますので、早速作り方を紹介してみます。 なお、今回のお題は、『Googleの検索テキストボックスにスポットライトが当っている画像を作る』です。 ちなみにPOP*POPでは画像編集ソフトとしてPhotoshopを使っています。ただ、Photoshop ElementsやGIMPでも同じようなやり方で作成できることを確認していますので、参考にしてみてください。 詳しくはこちらからどうぞ。 はじめに、元となる画像をPhotoshopで読み込んでおきます。 はじめに、選択ツールで、スポットラ
LEGOの達人が作り上げたアートなオブジェいろいろ | POP*POP
以前から彼の作品は話題ですが、CNNにてあらためてLEGOアーティスト、Nathanさんのインタビュー＆作品が掲載されていました。 Nathanさんは今33歳。つい数年前はニューヨークで弁護士をされていたそうですが、心機一転、自分が大好きなLEGOアートで生計をたてることを決意、十分に生活できるまでに成功されているそうです。 弁護士から転職されてどんな気分ですか、と聞かれた時のNathanさんの言葉がいいです。 「僕のLEGOスタジオでの最悪の一日は、弁護士事務所の最高の一日より気分がいいよ！」 好きなことを仕事にしている人は輝いていますね・・・。さて、Nathanさんの作品は以下からどうぞ。 ↑ 黄色い人。スーパーマンを彷彿とさせます。 ↑ 赤い人です。情熱的です。 ↑ 青い人です。精巧ですねぇ・・・。 ↑ 鏡です。細かい・・・。 ↑ 手、です。巨大です。 ↑ テーマは「無限」だそうです
ブロックを組み立てるようにプログラミングを簡単に学べる『Scratch』がすごいかもしれません | POP*POP
MITのメディアラボで開発されている開発ツール「Scratch」が話題になっています。 小さなお子さんでもプログラミングに親しんでもらおう、という目的で作られたツールです。 この時代、誰でもプログラミングを学びたいものですよね。この「Scratch」、どれほど簡単なのでしょうか。 以下に詳しく見ていきましょう。 ↑ 起動直後の画面。左側からアクションを選んで組み立てていきます。 ↑ まずは猫を動かしましょう。左側から「Move 10 Steps」を選び、横のエリアにドラッグします。それをダブルクリックすると猫が横に動きます。もちろん「10」の値は好きに変えられます。 ↑ 次にさっきのブロックの下に「Say Hello for 2 seconds」をくっつけます。これでこのブロックをダブルクリックすると「横に動いてHelloと2秒間言う」というアクションがつくれました。 ↑ こうしてできたア
覚えておきたいSkypeをもっと便利に使うための10個のツール＆Tips | P O P * P O P
先日、「Skype 3.2ベータfor Windows」と「Skype 2.6ベータ for Mac」が公開されましたね。新しい機能も追加され、ますます便利になっているようです。 そこで今回は「Skypeをもっと便利に使うためのツール＆Tips10」をご紹介します。もはやSkypeは単なる「無料の電話ツール」ではありません。使い方次第でさまざまな用途に使えますよ。 数あるTips＆ツールの中から実際に利用してみて気に入ったものをご紹介します。以下よりご覧ください。 ■ 電話を便利に使う 会話を録音する Skypeでインタビューや会議を行う場合、内容を録音したいときがあります。Skypeの音声を録音する方法はいくつかあります。今回はその中から3つのソフトウェアをご紹介。 「Pamela」は留守番電話機能などが付いた多機能ソフトウェア。基本的に無料で利用できますが、有料版では動画の録画もできま
これは使える！17,000個以上のアイコンから検索できる『iconfinder』 | POP*POP
アイコンのデザインは悩みますよね。他の人が作ったアイコンを参考に作られる方も多いのでは。ただ、アイコンを見つけるのはなかなか大変です。 そこで登場したのがこの「iconfinder」。アイコン専用の検索エンジンです。 以下に使い方をご紹介。 ↑ 試しにiPodで検索。おー、すごいです。 ↑ サイズも選べます。チェックをつけたりはずしたりするとダイナミックに検索結果が変化します。 ↑ アイコンを表示する際の背景色も選べます。イメージをつかみやすいですね。 ↑ 「info」をクリックするとアイコンの情報を表示してくれます。自分でキーワードを追加していくことも可能です。 現在17,000個以上のアイコンがインデックスされているようです。今後増えていくとかなり使えるのでは。 ご利用は以下からどうぞ。 » iconfinder – Search more than 5000 icons
第二次世界大戦で汎用人型決戦兵器で使われていたら？・・・を描いた全編フルCG映像『CODE GUARDIAN』 | P O P * P O P
ひょっとしたらゲーマーやCGな方には有名かもしれませんが、見ていたら感動していたのでご紹介。 こちらの「CODE GUARDIAN」では第二次世界大戦をフルCGで描いています。しかもヒト型のロボットが投入されていたら・・・という設定のようです。 YouTubeに前編と後編があがっていました。合計で14分ほどですが、かなりのクオリティに驚きます。是非どうぞ。 ↑ こちらが前編。ヒト型兵器でアメリカを攻撃するドイツ軍ですが・・・。 ↑ 後編。応戦する米軍が出してきた秘密兵器とは・・・？そして最後に出てきた意外な登場人物（？）ってもしや・・・。 なお、作者のサイトはこちらですね。こちらでは高画質映像をダウンロードできますよ。 » www.cee-gee.net
Ruby On Railsのクラスを解析してダイアグラムにしてくれる『Rails Road』 | P O P * P O P
RoRは少ししかいじっていないのでアレなのですが、便利そうなのでご紹介。詳しい解説は詳しい方にお任せします・・・。 Rails RoadはRoRのプログラムを解析し、クラスの関係図を自動生成してくれるプログラムです。大きなプログラムを書いていて「えーと、あれが・・・どうだったっけ？」というときに便利でしょう。 またRoRを仕事で使っていてドキュメントを作らなくてはならないときにも活躍しそうです。 いくつか生成されるダイアグラムのサンプルを紹介しておきましょう。 ↑ モデルのダイアグラム ↑ コントローラーのダイアグラム ダウンロード方法、マニュアル、その他のサンプルダイアグラムは公式サイトからどうぞ。 » RailRoad diagrams generator
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知っておくと便利なHTMLで書ける特殊文字一覧『HTML/XHTML Character Entities』 | P O P * P O P
遂にGoogle MapsがYouTubeぐらい簡単に貼り付け可能に！ | P O P * P O P
これだけ覚えておけば大丈夫？ロープの結び方、10の基本技 | P O P * P O P
Gmailで使える隠しラベルコマンドいろいろ | P O P * P O P
これはすごい・・・「ロード・オブ・ザ・リング」に登場する家をミニチュアサイズで再現してしまった少女 | POP*POP
