タグ

ブックマーク / www.popxpop.com (15)

  • 色分け、自動補完機能などを備えたJavascriptで出来た高機能なコードエディター『CodePress』 | POP*POP

    コードを書く人には便利そうなツールのご紹介。 ↑ かなり高機能なエディターです。是非触ってみてください。 JavascriptでできたCodePressを使えば、以下のようなことができてしまいます。 コードを色分け(定数や命令文などがわかりやすくなりますね)。 命令を書いてTABを押すと対応する括弧などを自動補完。 括弧を自動補完。 ショートカットを装備(CTRL+SHIFT+SPACEで「 」など) 対応している言語はPHP、JS、JavaPerlSQLHTMLCSSとのこと。これはかなり使えるのでは・・・。 実際の動作デモ&ダウンロードは以下からどうぞ。 » CodePress – Real Time Syntax Highlighting Editor written in JavaScript

    色分け、自動補完機能などを備えたJavascriptで出来た高機能なコードエディター『CodePress』 | POP*POP
    cos31
    cos31 2007/08/09
    エディターの色分けしてくれる
  • Wordpressのテーマが簡単に作れる『Wordpress Theme Generator』 | POP*POP

    海外ではMovableTypeを凌ぐ人気といわれるWordPress。無料でありながらも、かなり高機能な点が好評なようです。 そのWordpressには「テーマ」なる機能があり(いわゆるテンプレート機能ですね)、ネット上で配布されている素敵なテーマを自由に利用することができます。もちろん自分で作ることも可能です。 ただ、一からテーマを作るのはなかなか骨が折れるもの。そこで登場したのが「Wordpress Theme Generator」です。テーマを自作してみたい!という方には便利ですよ。 以下に使い方をご紹介。 ↑ ロゴの設定や、横幅、メニューの位置、色などをブラウザ上で設定していきます。 ↑ いつでもプレビューが可能なのでわかりやすいですね。 ↑ 完成したら「save」でテーマファイルを一括生成してくれます。ZIPでまとめてダウンロードすることもできますよ。 あとは作ったテーマをWor

  • 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

    Javascript&Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P
  • フォームで落書きを投稿できるようにするJavascriptライブラリ『<input type="draw" />』 | P O P * P O P

    ユーザーや読者から落書きや手書きのデータを集めたい、というときに使えそうな画期的なライブラリ。 簡単なスクリプトを仕込むだけで、マウスでぐりぐり描いたデータを投稿させることができます。 ↑ こんな感じです。 アイディア次第でかなり面白いことができるのでは。チュートリアルおよび使い方の詳細は以下のサイトをご覧ください。 » – The simplest draw editor to your forms

    フォームで落書きを投稿できるようにするJavascriptライブラリ『<input type="draw" />』 | P O P * P O P
  • ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP

    よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげです。 ちょこっとだけ画像の加工をしたい、というときに便利そうですね。 以下に詳しくご紹介。 ↑ サイズ変更も直感的に行えます。四隅の四角をドラッグするだけです。 ↑ 指定した部分だけを切り抜くことが可能。これもマウスだけで操作できますよ。 ↑ 枠線も追加可能。左側のメニューを見ればわかりますが、かなりの種類があります。 ↑ フィルターも種類が豊富。 すっかりオンラインでいろいろなことができるようになりましたね・・・。フィルターと枠線は種類が豊富なので眺めていると新しいデザインのアイディアが浮かんできそうですね。 ご利用は無料です。よろしければ以下からどうぞ。 » Make

    ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP
  • 「あ、プレゼント買わなくちゃ!」に役立ちそうなおしゃれショップまとめ | P O P * P O P

    個人的に調べ物をしていたのでその結果をシェアしておきます。 ギフトってなにかと最後まで決まらないものですよね。「明日までに買わなくちゃ!」ということもしばしば。そこでおしゃれ系のギフトが揃いそうなショップをまとめてみました。 ちなみに選択基準は適当ですw。ネットショップがないものも含まれますのでご注意を。いざというときに役立つかも?! 詳しくは以下からどうぞ。 hhstyle 定番中の定番です。原宿や青山にもありますね。 living motif 六木のAXISビルに入っていますね。こちらもギフトにおすすめ。 Francfranc こちらも定番ですね。ちょっとした家具や小物が充実しています。 無印良品 一応こちらも。ネットショップではよく割引をやっていますよ。 MoMA Online Store Japan アート的アイテムの定番ですね。 ZOZOTOWN | CIBONE公式通販サイト

    「あ、プレゼント買わなくちゃ!」に役立ちそうなおしゃれショップまとめ | P O P * P O P
    cos31
    cos31 2007/06/29
  • 指定したウェブサイトを128の診断ツールでテストしまくってくれる『test everything!』 | POP*POP

    オプションが多すぎて逆に使いにくいのでは・・・という懸念はあるものの、機能の豊富さでは他の追随を許さない最強テストツールのご紹介。 HTMLの検証、SEOツール、ドメイン関連ツールなどなど、8つのカテゴリー、128にわたる診断ツールを提供しています。 あなたのサイト、クライアントのサイトを徹底検証してみればいままで気づかなかった改善ポイントが洗いだせるのかもしれません。 以下に使い方をご紹介。 ↑ まずはURLを指定。 ↑ 次に診断ツールを選択します。カテゴリーごとに数ページにわたるオプションがあります。 ↑ 選択したツールで診断した結果はこちら。 ↑ 診断結果ページのすべてをフレームで表示することも可能です。 要は診断ツールへのリンク集ですが、一気に調べられるインターフェースが便利ですよね。 ご利用は無料です。よろしければ以下からどうぞ。 » test everything — 100+

    指定したウェブサイトを128の診断ツールでテストしまくってくれる『test everything!』 | POP*POP
    cos31
    cos31 2007/06/25
  • これは便利!決算書がみるみるわかる無料分析ツール『ユーレット』 | P O P * P O P

    株をやりたいのだけれどよくわからなくて…という方は多いはず(自分もその一人ですw)。 その理由の一つは決算書の見方がよくわからない、というものではないでしょうか。 そこでおすすめなのが決算書をビジュアルでわかりやすく表示してくれる無料分析ツール、「ユーレット」です。 これを使えば企業分析がぐっと楽しくなりますよ。 以下に詳しい使い方をご紹介。これはいいですよ・・・。 ↑ トップページ。英語と日語があります。ちなみに英語版は海外企業が見られるというわけではなく、日企業の情報が英語で見られる、ということです。 ↑ トップページ。売上高や利益、キャッシュフローなどで並べ替えが可能。もちろん特定企業の検索もできます。 ↑ このサイトの売りは企業比較機能。せっかくなので自動車メーカーを比較してみます。一覧から「+」マークをクリックすれば右側にリストができます。 ↑ 比較結果。円グラフの大きさが金

    これは便利!決算書がみるみるわかる無料分析ツール『ユーレット』 | P O P * P O P
  • これは使える!17,000個以上のアイコンから検索できる『iconfinder』 | POP*POP

    アイコンのデザインは悩みますよね。他の人が作ったアイコンを参考に作られる方も多いのでは。ただ、アイコンを見つけるのはなかなか大変です。 そこで登場したのがこの「iconfinder」。アイコン専用の検索エンジンです。 以下に使い方をご紹介。 ↑ 試しにiPodで検索。おー、すごいです。 ↑ サイズも選べます。チェックをつけたりはずしたりするとダイナミックに検索結果が変化します。 ↑ アイコンを表示する際の背景色も選べます。イメージをつかみやすいですね。 ↑ 「info」をクリックするとアイコンの情報を表示してくれます。自分でキーワードを追加していくことも可能です。 現在17,000個以上のアイコンがインデックスされているようです。今後増えていくとかなり使えるのでは。 ご利用は以下からどうぞ。 » iconfinder – Search more than 5000 icons

    これは使える!17,000個以上のアイコンから検索できる『iconfinder』 | POP*POP
  • 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

    15,000個以上!最強のアイコン集サイト『FreeIconsWeb』 | P O P * P O P
  • ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP

    ちょこっとした作業をするときにウェブ上のツールは便利ですよね。今回はそうしたウェブ上のツールでも変換系をまとめて紹介している記事をご紹介。 ファイル形式の変換や、Favicon、カラーコードの変換ツールなどなど。知っていると便利ですね。 全部で39個あります。以下よりどうぞ。 ■ 高機能変換ツール Media-Convert とにかく機能が豊富なコンバーター。これ一つ覚えておけばいいぐらいです。テキスト、PDFCSVパワーポイント、音声、画像など。 txt2tags インデントなどで構造的に書かれたテキストをHTMLやLaTeXに変換してくれるツール。 Zamzar こちらも万能系。文書、画像、音声、ビデオなどについてさまざまなファイル形式の変換をサポートしています。 ■ 開発系変換ツール HTML Converter HTMLPHPJavascript、ASPに変換してくれます。

    ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP
  • なにかと使える『名言ポータルサイト』まとめ | POP*POP

    「人に何かを伝えたい時は、自分の言葉を代弁してくれる名言を使うと効果的だ」という話を聞いたことがあります。 名言には「偉人も言っていたという信頼性」と「キャッチコピーのようなわかりやすさ」という力があるからかもしれません。 そこで今回は名言のポータルサイトを集めてみました。なにかと使えるのではないでしょうか。 では以下よりご覧ください。 名言集.com 「人生」「ポジティブ」などのカテゴリー別、「映画」「ドラマ」「漫画」などのジャンル別に世界の名言が紹介されています。ブログに名言を表示するためのブログパーツも配布されていますよ。 » 名言集.com 心に残る名言集 以前、POP*POPでもご紹介したサイトですね。ドラマやアニメの名言が充実しています。ブログパーツも配布されていますよ。収録されている名言数は1,397です。 » 心に残る名言集 世界傑作格言集 「人生の格言・名言集」「愛の格言

    なにかと使える『名言ポータルサイト』まとめ | POP*POP
  • 質問のようで全然そうではない彼女の質問に対処する方法 | POP*POP

    なんだか二人の間がうまくいっていないかも・・・というときに彼女から問いかけられる質問。 これらの質問は質問のようで全然質問ではない場合が多いです。 馬鹿正直に質問に答えるより、彼女の真意を読み解き、適切な対応を心がけましょう。 ・・・といった記事を見つけました。 » Questions From Your Girlfriend That Aren’t Really Questions 個人的にはちょっと極端なような気がしないでもないのですが、興味深かったのでご紹介。 彼女からの典型的な質問および対処法は以下からどうぞ。 「ね、私、どうかしら?(鏡の前で)」 ■ 彼女の真意 「私のこと綺麗って言いなさい、今すぐ!」 ■ 対処法 しばらく真剣に別の考え事をしているふりをして、急に彼女の方に向き直ります。そして大きく目を見開き、「あれ、誰だ、この美しい女性は!」という風に振舞いましょう。そのあと

    質問のようで全然そうではない彼女の質問に対処する方法 | POP*POP
  • 動画で学ぶ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 エフェクトの詳細です。どこにでもあるような電車の中の写

    動画で学ぶPhotoshop (27のテクニック) | POP*POP
  • WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p

    なにかと便利なYahoo!UIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで(簡単だけど)手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード

    WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
  • 1