タグ

ジェネレーターに関するatsublueのブックマーク (3)

  • 美しいグラデーションを簡単生成可能なwebジェネレーター「ColorSpace」

    グラデーションカラーを取り入れたデザインは、現在の主流トレンドの一つとなっていますが、思うような色合いを作りだすのはなかなか難しいもの。そんな時に参考にしたい「ColorSpace」を今回は紹介したいと思います。 美しいグラデーションを簡単に生成することができるwebジェネレーターです。 詳しくは以下 基準にしたい1色を選択すると、その色を基準としたさまざまなグラデーションパターンのパレットが自動生成されます。生成パターンが非常に豊富で、それぞれのカラーコードもきちんと表示されており、非常に便利。また「gradient」メニューを選択すると、8種方向からのグラデーションパターンを確認することができます。思わずいろんな色で試してみたくなる、グラデーションの美しい色合いに魅了されそうです。 webデザインはもちろん、グラフィックデザインでグラデーションを取り入れたい、単色でどこか物足りなさを感

    美しいグラデーションを簡単生成可能なwebジェネレーター「ColorSpace」
  • なんと!異世界の地図を生成できるジェネレーター -Fantasy Map Generator

    映画ゲーム、アニメ、ラノベなどの世界、この地球上にはないファンタジーの世界や異世界の地図を生成できるジェネレーターを紹介します。 Fantasy Map Generator Fantasy Map Generator -GitHub ジェネレーターはMITライセンスで、地図を作成するのもコードを活用するのにも利用できます。 というわけで、Fantasy Map Generatorを使ってみました。 まずは、地形のベースとなるポイントを設定します。お気に入りの形状になるまで、何度でも作成できます。

    なんと!異世界の地図を生成できるジェネレーター -Fantasy Map Generator
  • コーディング不要で簡単にデザインパーツが作成できるCSSジェネレーター8選

    CSSでは様々なデザインを設定できますが、記述が難しかったり、記述量が多かったりして億劫になることがあるかと思います。やりたいことさえ決まっているのなら、その記述方法を瞬時に提案してくれる「CSSジェネレーター」が便利。 今回はオススメのCSSジェネレーターを8個に絞ってご紹介します。ぜひリッチなデザインのサイトを効率的に作っていきましょう。 CSSジェネレーター8選 1. CSS3 Generator http://css3generator.com/ UIがとても使いやすく、調整できる項目も多いジェネレーターです。Border RadiusやRGBAなど設定したいメニューを選択し、イメージを見ながら調整してくれるので、最終的に作成したいものへ近づけながら、作っていくことが可能です。 順次必要なCSSの記述をCopyし、手元のCSSファイルへ貼り付けていけば欲しいCSSが完成します。 2

    コーディング不要で簡単にデザインパーツが作成できるCSSジェネレーター8選
  • 1