IDEA ATOZ

管理人がみつけたWebサービスや役立つ情報をお届け

簡単にSVGベースのシームレスなパターン画像を生成してくれるWebサービス「Plain Pattern」

0

a_141013

「Plain Pattern」は、SVGベースのシームレスなパターン画像を簡単に生成してくれるWebサービスです。ブラウザ上でプレビュー確認しながらサッサと編集ができます。サイト制作やPhotoShopで継ぎ目のない素材を使いたいときに便利です。

直感で簡単に操作できる

あらかじめ、簡単なイラストが用意されています。自分でSVG形式のファイルをアップロードして使用することもできます。

d_141013

キャンバスサイズや背景の色を決めます。

b_141013

オブジェクトの大きさや回転、位置も編集できます。

c_141013

素早くシームレスなパターンを作成したいときは使ってみてはいかが。

ウェブサービス

関連記事

お手持ちの画像を簡単にポリゴンデザインに変換してくれるサイト「Kubist」

今、フラットデザインと共に静かに流行っているポリゴンスタイル。「Kubist」は、手持ちの画像を簡単にポリゴンスタイルへサッと変換してくれるサイトです。すべてブラウザ上で完結することができ、IllustratorやPhotoshopなどのソフトを使用しなくともブラウザ上ポリゴンスタイルを作成することができます。

あらゆる数学の記号や数式を簡単に生成・検索できるウェブサービス「SearchOnMath」

「SearchOnMath」は、あらゆる数学の記号や数式をビジュアル的に確認しながら簡単に生成できるウェブサービスです。大学等で多く利用されるLaTeXのような出力に近い形を直感的に利用することが出来ます。また、ブラウザ拡張機能を利用すればページ上の使われている数式をすぐに検索できるので、ちょっとした数式を調べたいなってときに便利です。

これは面白い!指定したURLを絵文字に変換してくれるサイト「linkmoji」

「linkmoji」は、指定したURLを絵文字のアドレスに変換してくれるサイトだ。生成したURLはカラフルで可愛らしい絵文字であるだけでなく実際に使用することができる。TwitterやFacebookなどSNSで使えば注目されること間違いなし。

キーボードで入力した文字がドラムパターンになるWebサービス「typedrummer」

「typedrummer」は、キーボードでタイプしたアルファベットがドラムパターン音として自動演奏してくれるサービス。入力したそれぞれの文字は様々なドラム音に対応して音を奏でてくれる。

簡単にツイッターの背景画像を生成する事が出来るサービス「Free Twitter Designer」

「Free Twitter Designer」は、Twitterの背景画像を生成してくれるサービスです。お好みのテーマを選んで自由にカスタマイズすることが可能です。画像を追加したりテキストを追加したり自由自在。

適当なテキストからアバターを自動生成してくれるwebサービス「FlatHash」

「FlatHash」は、任意の適当なテキストを入力するとアルゴリズムに従ってアバター画像を生成してくれるサイトです。髪、口、鼻、目などパーツがそれぞれ用意されており、入力したテキストによって異なるアバターを創りだしてくれます。SNSなどで使用するアバターに困った際は使ってみると便利かもしれません。

レスポンシブデザイン用の画像を一括生成してくれるサイト「Responsive Image Breakpoints Generator」

「Responsive Image Breakpoints Generator」は、レスポンシブデザイン用に画像をまとめて複数サイズ生成してくれるサイトです。様々な画像サイズの画像をいちいち用意せずとも、元となる一枚をブラウザ上にアップロードするだけで簡単にレスポンシブデザイン用の画像を作成することができます。また、貼付け用コードも同時に生成される実用的なものとなっています。

あらゆる形式のファイルをTwitterで共有可能にしてくれる「TwitDoc」

「TwitDoc」は、画像やPDF、Microsoft Office文章などのファイルをアップロードしてTwitterで共有可能にしてくれるサイトです。多数のファイルフォーマットに対応しており、ユーザー登録なしで簡単にTwitterへ投稿することができます。

ディスプレイサイズに特化した比計算サービス「Ratio Calculator」

「Ratio Calculator」は、指定したサイズ幅をディスプレイサイズに応じた比で計算をしてくれるサイトです。対応している比率は「16:9」、「4:3」、「3:2」、「黄金比」の4つ。縦横のピクセル数をディスプレイサイズにピッタリ合わせいときなんかに便利。

こりゃ便利!CSSをSass/Scssに変換してくれるサイト「css2sass」

「css2sass」はCSSをSass/Scss形式に変換してくれるオンラインサービスです。変換したいCSSをフォームに入力してボタン1つで簡単に変換することができます。

Message

メールアドレスが公開されることはありません。