タグ

ブックマーク / phpspot.org (8)

  • 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」:phpspot開発日誌

    ParamQuery jQuery Grid Plugin 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 ありきたりなカッコいい、とはいえないような以下のテーブルがあったとします プラグインで初期化すれば、ソータブル、エディタブル、なクールなテーブルに早がわり これは5,6年前でいえば魔法だと思う方は少なくないでしょう。 関連エントリ レスポンシブなテーブルを作るjQueryプラグイン「MediaTable」 テーブルをグラフに変換してくれるjQueryプラグイン レスポンシブなテーブル作りに役立つjQueryプラグイン「FooTable」 テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 シンプルにテーブルにソート機能を持たせるだけのjQueryプラグイン「jQuery Table So

    s-tomo
    s-tomo 2013/01/11
    Excelが超カッコいいなんて認めたくないですね。
  • まるで魔法のようだ。2Dの図形を輝く3D画像にしてくれるPhotoshopアクション:phpspot開発日誌

    Magic 3D Photoshop Action | Vandelay Design Blog まるで魔法のようだ(iPadのCM風)。2Dの図形を輝く3D画像にしてくれるPhotoshopアクション。 ワンクリックで2Dの図形がピカピカ輝くMac OSのアイコンみたいになります。サイトのロゴなんかに適用してみても面白そうです。 こういう物がいっぱいあると当に楽になりそうですね 関連エントリ Instagram風エフェクトをかけられるPhotoshopアクション集 色調を様々に変えてくれるPhotoshopアクション80

    s-tomo
    s-tomo 2011/08/27
    こういう物がいっぱいあると本当に画面がうざったくなりそうですね。
  • Apacheのディレクトリインデックスをありえない位かっこ良くできる「h5ai」:phpspot開発日誌

    h5ai larsjung.de Apacheのディレクトリインデックスをありえない位かっこ良くできる「h5aiHTML5の機能を使って、通常の味気ないディレクトリインデックスをかなりかっこ良くしちゃうというものです。 ディレクトリ一覧。アイコンなんかもついてかなりリッチ mod_headersとmod_autoindexというApacheモジュールを応用して作られているようですが、こんなことが出来るとは知りませんでした。 表示方法もアイコンベースに変更することも可能です。これはイカしていますね。 サイドの丸みを帯びた物体にカーソルをあわせるとニュイーンと伸びてツリービューが表示。これまた便利です。 動作デモはこちら デザインは基的にHTML+CSSなので、あなた好みにカスタマイズすることも可能。 Apacheの味気ないデザインページは嫌だ!というデザイナーさんは覚えておくとよさそう

    s-tomo
    s-tomo 2011/07/22
    間違ってここにドロップしそう。
  • ページの要素を3D化できる面白jQueryプラグイン「3Dify」:phpspot開発日誌

    3Dify Plugin ? Rendi qualsiasi elemento della tua pagina web 3D ページの要素を3D化できる面白jQueryプラグイン「3Dify」 マウスカーソルを合わせると、要素がインタラクティブに3Dで動くというインタフェースを実現できるjQueryプラグインです。 通常は平面の要素がグリグリ3Dで動きます。 ブログレイアウトでも次のようにグニャグニャとなります。ちょっとしたサプライズ要素として覚えておいてもよさそうです。 動作ムービーは以下。 一昔前はこんなことが出来るなんて誰が想像したでしょう、というインタフェース。 使いどころはそれほど無いかもしれませんが、覚えておけば何かびっくり要素を入れたい、的な時に役立つかも。 関連エントリ スポットライトを画像にあてる効果を作れるjQueryプラグイン「Spotlight」 リンクの開きかた

    s-tomo
    s-tomo 2011/05/17
    デモへのリンクに「Only Safari & Chrome 12」と書いてあってFirefox4では動作せず。このページ上部の「ChromeブラウザのDLはこちらから」からインストールしてみたところ、バージョン11なので何か動くものの3Dにはならず。
  • 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌

    異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な

    s-tomo
    s-tomo 2011/04/08
    異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeeention plugin」(ReferenceError: atteeeeeention is not defined)
  • WordPressの代替となるようなCMS15種:phpspot開発日誌

    15 Best Wordpress Alternatives That Blogger Should Know WordPressの代替となるようなCMS15種。 既にWordPress自体かなり高機能でWordPressでなんでも出来ちゃうのでは?という感覚にもなったりしますが、他にもCMSは色々あります。 知っているものも多いかもしれませんが、知らないものも評価してみてもいいかも。 ExpressionEngine GetSimple CMS Frog CMS Serendipity TYPOlight TextPattern 11) Radiant Symphony CMS CushyCMS Silverstripe 全部見る 関連エントリ ZendFrameworkとExtJSを使った超リッチかつ多機能なCMS「pimcore」 ブログやCMSに最適なクールアイコン集「iMini」

    s-tomo
    s-tomo 2010/12/03
    WordPressでいいや
  • ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄い:phpspot開発日誌

    SVG-edit ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄いです。 次のようなインタフェースで、Chromeだとサクサク動くSVGエディタがGoogle codeにてオープンソースでダウンロード可能です。 SVGでお手軽にお絵かきしたい場合や、SVGなお絵かきサイトなんかを作るのにも活用できそう 描画したグラフィックをSVGに変換した例。ツールバーからそのまま出力可能です。 次のようなXMLデータになります。 触ってみるだけでも価値がありそうです。 関連エントリ JavaScriptでFlashやSVGを使わない3Dアニメーション PHPでベクターグラフィックスを作成するためのチュートリアル テキストで描画されたSVGグラフィックス

    s-tomo
    s-tomo 2010/10/28
    後でプリムに貼ってみる。
  • フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」:phpspot開発日誌

    PHPからTwitterを簡単に操作できるPEARパッケージ「Services_Twitter」がアッ... 次の記事 ≫:PHP関数の挙動をちょっと調べたいときに助かる「PHP Functions Online」 jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡単にやりたいですね。 jQuery Form Tips を使えば、フォーム要素の title 属性に値を入れておくだけでヒントを自動表示できます。 <p> <label for="i1">Field1</label><br /> <input type="text" name="i1"

    s-tomo
    s-tomo 2010/01/12
    そのまま入力せずに送信したら「Here goes the input title...」とかで送信されるんじゃなきゃデフォルト値じゃないだろ。(論点はそこじゃない)
  • 1