ブックマーク / www.100shiki.com (9)

  • 任意のPHPコードをWordPressのウィジェットに変換してくれる『Widgetifyr』 | 100SHIKI

    今試してみたが、これ、すごい便利かも。 Widgetifyrは、任意のPHPコードをWordpressのウィジェットに変換してくれる、という優れものツールだ。 使い方は簡単で、このサイトで好きなPHPコードを貼り付け、変換してくれたコードをwp-contents/pluginに突っ込み、プラグインを有効化してからウィジェットとしてはめこむだけだ。 PHPは書けるけど、WordPressの仕組みを勉強するのが面倒、という人も多いだろう。そうしたシーンで効果を発揮しそうだ。 WordPress、いいですよ。こうしたツールを使えばさらに魅力倍層だ。もう、みんな、WordPressになっちゃえ。

    任意のPHPコードをWordPressのウィジェットに変換してくれる『Widgetifyr』 | 100SHIKI
  • pxとemの相互変換をしてくれる『PXtoEM』 | 100SHIKI

    デザイナーさんやマークアップエンジニアにしか関係ないツールではあるが、昨日、今日とスタイルシートとにらめっこをしているのでご紹介。 PXtoEMはピクセルとemの間の相互変換を行ってくれるツールだ。 ベースとなるフォントの大きさを1emとしたときに、20pxの文字って何emだっけかな?というときに使えるだろう。 たいして難しい計算でもないが、それだけのためにこうしたツールを作ってしまった点が無駄にユニークだ。 また、こうしたツールを作ることで「pxとemって何が違うんだっけ?」という啓蒙活動にもなるだろう(かな?)。まだemとpxをマスターしていない人にはおすすめである。

    pxとemの相互変換をしてくれる『PXtoEM』 | 100SHIKI
  • 無料かつ容量無制限!柔軟な設定ができて使いやすいオンラインストレージの決定版『LiveDrive』 | 100SHIKI

    無料かつ容量無制限!柔軟な設定ができて使いやすいオンラインストレージの決定版『LiveDrive』 December 21st, 2008 Posted in ライフハック・生産性 Write comment これは今のうちに登録すべきかも。 Livedriveは(ベータ版のうちは)無料かつ容量無制限のオンラインストレージだ。 こうしたツールはすでに数多くあるが、なんといっても容量無制限だし、細かい設定が柔軟にできるのが魅力だ。 個人的にぐっと来たのはファイルの拡張子によってアップロード、ダウンロードの優先度を設定できる点。画像はあとでいいけど、文書は早く送ってほしい、といったときに便利だ。 またアクセス方法が多彩なのも評価できる。ウェブ上での閲覧は当然として、エクスプローラーと統合されるでの普通のドライブのように見れるし、iPhoneやモバイルにも対応しているようだ。さらにiTunesで

    無料かつ容量無制限!柔軟な設定ができて使いやすいオンラインストレージの決定版『LiveDrive』 | 100SHIKI
  • 「あのサイトではどんなツールが使われている?」が一発でわかる『Sitonomy』 | 100SHIKI

    サイトやブログを始めてみよう、という人におすすめしたいツールがSitenomyだ。 このツール、指定したサイトでどんなシステムが使われているかを解析してくれる。 アフィリエイトや広告、ブログのシステム、RSSの配信方法などなど、「お、こういうツールもあるのね」と新しい発見があるかもしれない。 もちろん新しくサイトを始める人以外にも、自分のサイトを改善したい人にも便利だろう。なにか役立ちそうなシステムが見つかるかもしれないからだ。またライバル会社の調査なんかにもいいのではないだろうか。 便利ツールがあふれる昨今、参考になるサイトを調査して最適なものを見つけたいですな。

    「あのサイトではどんなツールが使われている?」が一発でわかる『Sitonomy』 | 100SHIKI
  • URLを指定するとリンク切れしているページをチェックしてくれる『Dead-Links』 | 100SHIKI.COM

    地味に便利なツールのご紹介。 Dead-LinksでURLを指定すると、そのURL以下のページでリンク切れをしていないかをチェックしてくれる。 リンク切れがあると恥ずかしかったり、ユーザーや顧客を逃したりしてしまうだろう。 すでに似たようなツールもあるが、ドメインがわかりやすいし、インターフェースもシンプルなので覚えておいてもいいだろう。 ちょっとチェックに時間はかかるが、定期的にこのサイトで自分のブログなり自社サイトなりを調べてみるといいだろう。

    URLを指定するとリンク切れしているページをチェックしてくれる『Dead-Links』 | 100SHIKI.COM
  • ブラウザのバージョンアップをさりげなく促してくれる『Pushup The Web』 | 100SHIKI

    ブラウザのバージョンアップをさりげなく促してくれる『Pushup The Web』 July 30th, 2008 Posted in 便利ツール(ウェブ) Write comment サイト製作者にとっては、訪問者がなるべく新しいバージョンのブラウザを使っていてくれるとうれしいものだ。 新しいブラウザであれば新しい技術を使った素敵な見せ方ができるからだ。 ただし、ぶっきらぼうに「古いブラウザーでは見えません」とか「このサイトは○○用に最適化しています」とかいうのはいただけない。 そこで登場したのがPushup The Webだ。このサイトで配布されているJavaScriptを設置するだけで、サイトの右上の方に「新しいバージョンのブラウザがあるようですよ」とお知らせしてくれるのだ。 しかも「いや、すぐにアップグレードはしないなぁ」という訪問者のために「6時間後にリマインドする」といったオプ

    ブラウザのバージョンアップをさりげなく促してくれる『Pushup The Web』 | 100SHIKI
  • あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM

    似たようなツールはいくつかあるが、やっぱり便利なのと、きれいなインターフェースなのでご紹介。 xhtml-cssではCSSHTMLの文法チェックを行ってくれる。自分でサイトやブログを持っていたら一度試してみるといいだろう。 診断結果はかなり具体的なのでどこをどう直せばいいかが一目瞭然だ。 ウェブは厳密に正しくなくてもなんとなく表示されるものだが、やっぱり検索エンジンのこととか、メンテナンスのことを考えると正しい文法であるに越したことはない。 また何がどう正しくないかを知ることによって自分が何を勉強すればよいかもはっきりするだろう。こうした勉強欲を高めてくれるツールはいいですな。

    あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM
  • テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 | 100SHIKI

    テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 December 7th, 2007 Posted in その他 Write comment 他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。 そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。 ウェブで表現するのが厄介、で思考停止せずに、こうした

    テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 | 100SHIKI
    tomokui
    tomokui 2007/12/07
  • HTML要素をブックマークレットでハイライトする『tingelets』 | 100SHIKI

    各所で話題ですが、やっぱりユニークなのでご紹介。 tingeletsでは、今見ているページのHTML要素をハイライトしてくれるブックマークレットを配布している。 こうしたツールは他にもあるが、ブックマークレットだけで実現している点がなかなかいい。 ブラウザに依存するような拡張機能ではないからだ(といっても動かないブラウザもあるが)。 またHTML要素だけでなく、classやid要素を指定して(む、これもHTML要素か?)ハイライトさせることもできる。ちょっとしたサイト構成の検証に便利そうである。 こうした小粋でミニマムなツールは好印象ですね。自分でもつくってみたいところです。

    tomokui
    tomokui 2007/02/08
    該当タグの枠に色づけしたりするのはどうするんだろ?
  • 1