タグ

ブックマーク / 20kaido.blog.jp (2)

  • Webデザインに使えそうなポリゴン画像が作れるジェネレータ「Flat Surface Shader」 : 二十歳街道まっしぐら

    Flat Surface Shaderはポリゴンな画像を生成できるサイトです。 サイトにアクセスすると、ポリゴンがグリグリ動いています。 WebGL, SVG, Canvas の3種類のレンダリングで3Dポリゴンが表現されます。 右側のメニューから色やポリゴンの形など調整して、JPGとしてポリゴン画像が出力できます。 フラットデザインが流行っていますが、ポリゴンをWebデザインにとりいれているサイトもたまに見かけますね。 以下に使ってみた様子を載せておきます。 まず「Flat Surface Shader」にアクセスしましょう。 右側にメニューがあり、色やポリゴンの形を細かく調整できます。 グリグリ動いているポリゴンがリアルタイムに変化しますよ。 お好みのポリゴンができあがったら、「Export」することでJPGに出力できます。 画像のサイズも選べるので便利! 出力するとこんな感じになりま

    Webデザインに使えそうなポリゴン画像が作れるジェネレータ「Flat Surface Shader」 : 二十歳街道まっしぐら
  • 「Pocket」のブログパーツを改行せず設置する方法 : 二十歳街道まっしぐら

    Pocketは最近人気のあとで読む系サービスです。 あとでこの記事読みたいなぁといったときに手元に保存しておけるので便利。 だいぶ人気があるので、遅ればせながら当ブログにもPocketのブログパーツを導入しました。 導入時、思い通りに埋め込めなかったのでその対処法について紹介します。 まず「Pocketのブログパーツページ」にアクセスしましょう。 そもそもこのページを見つけるのにも一苦労…。 埋め込みたいブログパーツを選んで、そのまま埋め込みコードをコピーしましょう。 そのままブログのテンプレートに埋め込んでみました。 なんだこれ…改行される…! 色々試した結果、下記のCSSを適用すれば改行問題が解決しました。 (Chrome, Firefox, Safariで確認済) [下記のCSSを適用すればOK] .pocket-btn{ display:inline-block; }

    「Pocket」のブログパーツを改行せず設置する方法 : 二十歳街道まっしぐら
    sommertag
    sommertag 2014/03/26
    ( ..)φメモメモ
  • 1