タグ

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

  • ブラウザ上で動くHTML5アニメーション作成ツール「HTML5Maker」:phpspot開発日誌

    Create HTML5 Animation | Free Banner Maker | Create Free Banner ブラウザ上で動くHTML5アニメーション作成ツール「HTML5Maker」 ブラウザ上で簡易FlashのようなインタフェースでHTML5アニメーションが作れます。 画像やテキストを挿入し、指定したアニメーションを選択して動かすというもののようですが、プログラミングレスでアニメーションを作れるのは便利かも。 リッチな編集ツール 関連エントリ クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 HTML5とCanvasでアプリを作れるフレームワーク「iio Engine」 オープンソースのHTML5お絵かきウィジェット「Literally Canvas」

  • 線グラフを描くだけの軽量グラフ描画JS「Aristochart」:phpspot開発日誌

    Aristochart - Sophisticated Javascript charts. 線グラフを描くだけの軽量グラフ描画JS「Aristochart」 グラフを描く時に必要なのは線グラフだけなのに沢山の描画ライブラリが入っているというケースがありますが、線グラフだけ必要ならこちらのライブラリを使ってみるのもよいかも <canvas>を使うので非対応ブラウザには使えませんが、管理ツール等用途を限定すればシンプルに使えるというのはメリットかも。 各種テーマに対応しています。オシャレとはいえませんが、シンプルかつ簡単にグラフを描画したい際に使ってみてもいいかもしれませんね。 関連エントリ 水量・温度・メーター等、産業用のグラフを描画できるjQueryプラグイン「Industrial.js」 テーブルをグラフに変換してくれるjQueryプラグイン クールでアニメーションするグラフを描画でき

  • Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」:phpspot開発日誌

    Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 2013年06月18日- Easily Remove Image Backgrounds Online - Clipping Magic Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 画像をアップするとブラウザ上に編集ツールが現れ、緑色のペンで残したい部分、赤色のペンで背景を適当になぞればリアルタイムに背景が消えてくれます。 リアルタイムに消えてくれるので、間違っていた場合も簡単に良い結果が得られるまで修正を加えられます 写真から背景を簡単にくりぬきたい時に使えそうですね 関連エントリ Bootstrapなサイトで使えそうなクールなツールチップ実装jQueryプラグイン「Smallipop」 色々とカスタマイズが可能なツールチップ実装

  • スクロールすると上に固定される一見普通のナビゲーション実装jQueryプラグイン「SMINT」:phpspot開発日誌

    SMINT | The simple jQuery plugin for lovers of one page websites. スクロールすると上に固定される一見普通のナビゲーション実装jQueryプラグイン「SMINT」 ページを開くと中部に何の変哲もなく現れるナビゲーションバー。スクロールするとページの上部にfixed固定され、どれだけスクロールしてもナビゲーションできて便利な物を簡単に実装できます デモはレスポンシブにも対応しているっぽいです。1ページにコンテンツを埋めこんでBookmarkによって移動させる的なページで便利に使えそう 関連エントリ レスポンシブなナビゲーションの見やチュートリアル レスポンシブでクールなナビゲーションを実現できる「Responsive Nav」 ナビゲーションが斬新な30のサイト

  • PHPでPNG画像の透過部分を保持したままリサイズするサンプル:phpspot開発日誌

    Smart Image Resizing while Preserving Transparency With PHP and GD Library | Medium eXposure Also, you want it to preserve transparency damn it! Surprisingly, I was unable to find a good function that does all that, so I decided to attempt writing it. This should do it. PHPでPNG画像の透過部分を保持したままリサイズするサンプル。 PHP+GDで透過PNG画像をリサイズしようとすると、透過部分が黒くなってしまったり、ちゃんとやらないとうまくリサイズできなかったりします。 ということで、便利な関数を公開されているページを紹

  • CSSでリストを整形するなら覚えておくべき8つのリストデザインサンプル集:phpspot開発日誌

    CSSでリストを整形するなら覚えておくべき8つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード&チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっと変わったデザインも作れそうですし、テクニックを駆使してまったく新しいデザインを考えることも出来そう。 それでは以下にそのデザインされたリストのサンプルをご紹介。 1. サイトのナビゲーション風にデザインされたリスト 2. 番号付き&番号の横に縦のラインがはいった見やすいリスト 3. 矢印画像を使ったリスト 4. iPhoneスタイルのクールなボックスリスト 5. ツリーっぽい形式にできるリストデザイン 6. 複数行にしてテキストっぽく表示できるテキストリスト 7. ワンラインにして、カンマを付与

    Shirokyuma
    Shirokyuma 2009/10/22
    あとで読む Webデザイン CSS
  • 1