色分け、自動補完機能などを備えたJavascriptで出来た高機能なコードエディター『CodePress』 | POP*POP
コードを書く人には便利そうなツールのご紹介。 ↑ かなり高機能なエディターです。是非触ってみてください。 JavascriptでできたCodePressを使えば、以下のようなことができてしまいます。 コードを色分け（定数や命令文などがわかりやすくなりますね）。 命令を書いてTABを押すと対応する括弧などを自動補完。 括弧を自動補完。 ショートカットを装備（CTRL+SHIFT+SPACEで「 」など） 対応している言語はPHP、JS、Java、Perl、SQL、HTML、CSSとのこと。これはかなり使えるのでは・・・。 実際の動作デモ＆ダウンロードは以下からどうぞ。 » CodePress – Real Time Syntax Highlighting Editor written in JavaScript
パイ型のメニューでFirefoxを簡単操作できる『easyGestures』 | POP*POP
マウスジェスチャーやショートカットキーがなかなか覚えられない、という人におすすめのFirefox用のランチャーがこちら。 easyGesturesを使えばパイ型のメニューを使ってマウスだけでさくさくFirefoxを操作することができます。マウスジェスチャーのGUI版といってもよいかもしれません。 ↑ マウスの真ん中のボタンをクリックして起動。 ↑ かなり細かいところまでカスタマイズ可能。 ↑ さらに設定画面。 うまく使えば普段のブラウジングではメニューバーでさえも不要になりそうです。画面を広く使いたい人にもおすすめですね。 インストール＆詳細は以下からどうぞ。 » easyGestures :: Firefox Add-ons
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
スポットライトが当たったような画像を作る方法 | P O P * P O P
今回の諦めている不便利はfkojiさんからの投稿です。投稿ありがとうございました。 popxpopでも使われてる、画像の一部分にスポットライトをあてたような効果を出す方法を知りたいです。 実はこれ、意外と簡単に作っています。画像編集ソフトのおかげですね。 実際に画像を加工しているところを見た方が分かり易いと思いますので、早速作り方を紹介してみます。 なお、今回のお題は、『Googleの検索テキストボックスにスポットライトが当っている画像を作る』です。 ちなみにPOP*POPでは画像編集ソフトとしてPhotoshopを使っています。ただ、Photoshop ElementsやGIMPでも同じようなやり方で作成できることを確認していますので、参考にしてみてください。 詳しくはこちらからどうぞ。 はじめに、元となる画像をPhotoshopで読み込んでおきます。 はじめに、選択ツールで、スポットラ
ブロックを組み立てるようにプログラミングを簡単に学べる『Scratch』がすごいかもしれません | POP*POP
MITのメディアラボで開発されている開発ツール「Scratch」が話題になっています。 小さなお子さんでもプログラミングに親しんでもらおう、という目的で作られたツールです。 この時代、誰でもプログラミングを学びたいものですよね。この「Scratch」、どれほど簡単なのでしょうか。 以下に詳しく見ていきましょう。 ↑ 起動直後の画面。左側からアクションを選んで組み立てていきます。 ↑ まずは猫を動かしましょう。左側から「Move 10 Steps」を選び、横のエリアにドラッグします。それをダブルクリックすると猫が横に動きます。もちろん「10」の値は好きに変えられます。 ↑ 次にさっきのブロックの下に「Say Hello for 2 seconds」をくっつけます。これでこのブロックをダブルクリックすると「横に動いてHelloと2秒間言う」というアクションがつくれました。 ↑ こうしてできたア
ハードディスクのデータを完全に復元不可能にしてくれる無料ツール『FileShredder』 | P O P * P O P
よくあるソフトですが自分へのメモ書きも兼ねてエントリー。 パソコンを捨てるときや、パソコンをあげるときにはデータをきれいに消しておきたいもの。通常の「削除」だけでは心配・・・という方におすすめなのが「FileShredder」です。データをきれいさっぱり復元不可能にしてくれます。 対応OSはWindows。フリーソフトです。 では、以下に簡単に使い方をご紹介。 ↑ 特定のファイルを復元不可能にするにはファイルをドラッグ＆ドロップして「Shred Files Now…」をクリック。 ↑ 空きスペースのデータを復元不可能にするには左側から「Shred Free Disk Space」をクリックし、ドライブを指定。 ↑ シュレッダー中。終わるとなんだか気持いいですよ。 ↑ 設定画面その1。シェルとの統合もできますね。右クリックメニューからアクセスできると便利かも。 ↑ 設定画面その2。削除のアル
Googleカレンダーをもっと便利にしてくれるFirefox拡張『Better Gcal』 | POP*POP
Googleカレンダーを便利に使うことができるGreaseMonkeyをいろいろまとめてFirefox拡張にしたのが「Better Gcal」です。先日Lifehackerで紹介されていた「Better Gmail」の続編ですね。 » ITmedia Biz.ID：GmailをパワーアップするFirefoxの拡張機能「Better Gmail」 個別に入れている人も多いかもしれませんが、こうしてまとまっていると便利ですね。導入がまだの方は試されてみてはいかがでしょうか。 さてこのBetter GCalでどういったことが実現できるのか、以下に詳しく見ていきましょう。 どういった機能が実現できるのか、以下に詳しく見ていきましょう。 現在時刻を線で表示 現在時刻のところに赤い線が入ります。次の予定までどれぐらいか直感的にわかっていいですね。 ヘッダーおよびサイドバーの表示・非表示 上部および左側
Wordpressのテーマが簡単に作れる『Wordpress Theme Generator』 | POP*POP
海外ではMovableTypeを凌ぐ人気といわれるWordPress。無料でありながらも、かなり高機能な点が好評なようです。 そのWordpressには「テーマ」なる機能があり（いわゆるテンプレート機能ですね）、ネット上で配布されている素敵なテーマを自由に利用することができます。もちろん自分で作ることも可能です。 ただ、一からテーマを作るのはなかなか骨が折れるもの。そこで登場したのが「Wordpress Theme Generator」です。テーマを自作してみたい！という方には便利ですよ。 以下に使い方をご紹介。 ↑ ロゴの設定や、横幅、メニューの位置、色などをブラウザ上で設定していきます。 ↑ いつでもプレビューが可能なのでわかりやすいですね。 ↑ 完成したら「save」でテーマファイルを一括生成してくれます。ZIPでまとめてダウンロードすることもできますよ。 あとは作ったテーマをWor
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
もうこれで迷わない！色に関するお役立ち資料まとめ | P O P * P O P
色って何かと迷いますよね。センスだけでできればいいのですが、なかなかそうもいかないもの。そこで色の理論から、色が心理に与える影響までを網羅した資料をご紹介。 以前ご紹介した「これで完璧！ロゴデザインのためのお役立ち資料まとめ」と同じシリーズですね。 色に迷ったときにかなり使えそうですよ。詳細は以下からどうぞ。 いろいろ網羅されているのですが、いくつか気になるトピックをピックアップ。 ↑ 色関係の使えるオンラインツールいろいろ。 ↑ デスクトップから使えるツールもいろいろ紹介されています。 ↑ 色が心理に与える影響について。大事ですよね。 念のため、全部のカテゴリーをあげておきましょう。 Color Basics （色の基本） Color Psychology & Meaning （色が心理に与える影響および色の意味） Color Science & Theory （色の理論） Color
Googleカレンダーをもっと便利に使うための13のツール＆Tips | P O P * P O P
さて新年度ですね。何かと忙しい時期ですがきちんとスケジュール管理をしたいものです。 そこで今回は「Googleカレンダーをもっと便利に使うための13のツール＆Tips」をご紹介します。数あるTipsの中から個人的に使ってみて気に入ったものを選んでみました。 そのまま使っていても便利なGoogleカレンダーですが、他のツールと組み合わせればもっと便利に使うことができますよ。 さて、一体どのようなことができるのでしょうか。以下よりご覧ください。 ■ Googleカレンダーに新しい情報を追加する 現在時刻のラインを表示する Googleカレンダー上に現在時刻のラインを表示するGreasemonkeyです。次の予定までの空き時間がぱっと見てわかります。 » Google Calendar Display Current Time Line 天気予報アイコンを表示する livedoorが提供している
ブログのユーザビリティを高めるための20の秘策 | P O P * P O P
良いブログとそうでないブログの違いは何だろうか？そう思ったTomさんがまとめたのが今回ご紹介する「Twenty Usability Tips for Your Blog （ブログのユーザビリティを高めるための20の秘策）」です。 もちろんこれが100%正しいというわけではないですが（彼もそう言っています）、とても参考になりますね。ブログのリニューアルを検討されている方には役立つのではないでしょうか。 ではその20の秘策を以下に詳しくご紹介。 ブログのテーマを決めよう ブログのテーマを決めたらそれに関する投稿にフォーカスしよう。そしてロゴの近くにそのテーマが何であるかわかるようにしよう。またそのテーマに関する簡単な説明もすぐそばに置くようにしよう。 これは奇妙に思えるかもしれませんが、実際のところ、テーマを広くとるよりも、一つテーマを決めたほうがたくさん書くことができますよ。 コメントを推奨
小粋なデザインパターンが18種類！お役立ち度満点の『Design Patterns』 | P O P * P O P
これは素敵な資料です。 ウェブ上の小粋なインターフェースがFlickr上で集められています。「カレンダー」、「ログイン画面」、「友達を追加」などなど、かなり使える事例が満載です。 「ここのインターフェースはどうしようかな・・・」というときに参考にされてみてはいかがでしょうか。 どういったインターフェースが掲載されているか、以下にいくつか見ていきましょう。 ↑ 「友達を追加」のインターフェース。SNS的要素には必要ですね。 ↑ カレンダーのインターフェースいろいろ。参考になりますね。 ↑ フッターのインターフェース。ユーザーアクションを促すには大事です。 ↑ アップロード系のインターフェース。CGMには必須ですね。 他にも「404ページ」や「タグクラウド」などがありますね。全部で18種類あります。 ご覧になりたい方は以下よりどうそ。 » Collection: Design Patterns
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
タスク管理もできるマインドマップツール『Mindomo』 | POP*POP
なかなか便利そうなツールのご紹介。 マインドマップツールはいろいろありますが、こちらの「Mindomo」は一味違います。それぞれのバブルをタスクとして扱うことができます。 » Mindomo ある意味、バブルマップとして活用することもできそうですね。バブルマップに関しては下記をご参照下さい。 » バブルマップのすすめ ～ ストレスすっきり解消型ToDo管理手法 ～ | i d e a * i d e a 使い方を下記にご紹介。 ↑ このようなインターフェイスです。 ↑ 一般的なマインドマップツールとして使えます。日本語も通りますよ。 ↑ そして、こちらがタスク管理機能のメニューです。 ↑ それぞれのバブルに期限や担当を入れることができます。 ↑ 各タスクの進行度を表すアイコンも付け加えられます。 もうすぐ新年度。今までマインドマップやバブルマップを使ったことがないという方は、この機会に一度
拡張子別にダウンロード先を指定できるFirefox拡張『Download Sort』 | POP*POP
ウェブから画像や資料などをよくダウンロードする人には便利なFirefox拡張をご紹介。 この「Download Sort」を使うと、拡張子別にダウンロード先のフォルダを指定できます。「画像はここ、動画はここ、文書はここ」と決めておくと整理がしやすいですね。 » Download Sort 下記に使い方をご紹介。 ↑ こちらが設定画面。どの拡張子をどのフォルダにダウンロードするか設定します。 ↑ ダウンロードごとに自動でサブフォルダを作成することもできます。日付別やドメイン別にファイルを保存できて便利ですね。 ↑ 同じ名前のファイルがあった場合の対処法も設定できます。連番をつけることもできます。至れり尽くせりですね。 いつもデスクトップ上にダウンロードしてしまって整理がつかない・・・という人におすすめなFirefox拡張でした。 » Download Sort
Googleマップ上にピンをたてて友人に伝える方法 | P O P * P O P
さて、今回の「不便利」はこちらの投稿をご紹介します。 Googleマップで友人に「この場所！」と伝えたい時があります。特定の位置にピンをたてて送れると便利なのですが・・・（マップマニアさんありがとうございます！）。 Googleマップでは伝えたいページのURLを送ることはできても、特定の場所を指し示すことはできません。 そこで、この解決方法を探してきました。 やり方はいくつかありますが、以前、百式でご紹介した「Pin in the Map.com」というサイトを使ってみるのはいかがでしょうか。日本語も通りますよ。 » 新サービス誕生 (Pin in the Map.com) | 100SHIKI.COM 使い方を簡単にご紹介します。 ↑ こちらがサイトのトップページ。日本の場所を調べたい場合には、画面の左上にある日本の国旗をクリックします。 ↑ あとはドラッグによる移動とズームインで目的の
開きすぎたタブをグループ化できるFirefox拡張『Tab Groups』 | P O P * P O P
個人的には、非常に助かるFirefox拡張です。 こちらの「Tab Groups」を使うとタブをグループ化することができます。数多くのタブを整理することができるので、「いつもタブは数十個開いている」という方には便利ではないでしょうか。 » Tab Groups 下記に使い方をご紹介。 ↑ インストールするとこのように「Tab Groups」のツールバーが増えます。ここでタブをグループ化します。 ↑ グループには名前を自由につけることができます。日本語も通りますよ。 ↑ タブを他のグループに移動させるにはドラッグ＆ドロップで行います。簡単ですね。 これで、タブを開きすぎて「どこに何があるか分からない！」という問題を解決できそうな気がします。大量のタブを扱うことができるのでディスプレイが小さい人にも良いかも知れません。 Lifehackerからの情報でした。 » Tab Groups （via
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォームで落書きを投稿できるようにするJavascriptライブラリ『<input type="draw" />』 | P O P * P O P
日本語で吹き出し画像が作れる『Yet another make your own speech bubble!』 | POP*POP
