goldheadのブックマーク - はてなブックマーク

手書き風デザインに使えるベクター素材 8 - NxWorld

手書き風のデザインをする際に使えるフリーベクター素材を全8セット紹介します。いずれも複数のアイテムがまとめられているセットになっており、多いものでは100種類以上と詰まっているものもあります。また、利用についてもエントリー公開時点では個人・商用問わず利用可能となっています。紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。 80+ Free Hand-Drawn Vector Elements フローラル系を中心に、ラインデザインに使えそうなものや記号など全80種類以上のエレメントが詰まっており、形式はAI・EPS・PDFとなっています。

goldhead 2017/03/21

リンク

CSSグラデーションで作った背景パターンのサンプル - NxWorld

CSSのグラデーションはよく見る単純なグラデーションを作るだけでなく、記述の仕方によって様々な見栄えをつくることができます。画像で切り出してしまった方が圧倒的に早く実装できるような場合も正直ありますし、古いIEをサポートするために使えなかったりもしましたが、最近では旧ブラウザをサポート対象外にすることも多くなってきて今後ますますレスポンシブやRetinaディスプレイなどを考慮して使う機会が増えるように思うので、利用する機会が多いと思う背景パターンをCSSのグラデーションを使っていくつか作ってみました。ここでの表示は全てイメージになるので、実際の表示は以下デモページをご覧ください。

goldhead 2015/11/27

html
css

リンク

シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50 | NxWorld

画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。

goldhead 2015/10/08

html
css

リンク

手書き風デザインと相性良さそうなフリーフォント 50 - NxWorld

好みなものや気になるものを見つけてはメモしていたのが結構溜まってきたので、普段からよく利用させてもらっているのも含めて自分の備忘録用でまとめました。いずれも手書き風デザインに相性が良さそうなフリーフォントで、この手のタイプの中では有名なものから割と新しいものまで和文・欧文それぞれ25種類ずつの全50種類です。女性や子供が書いたような特徴的なものや可愛らしいタイプのもの、チョークや鉛筆で書かれたようなものまで様々なタイプがあります。紹介しているフォントは、いずれも利用規約を守れば基本的にフリーで使用することができ、特に和文フォントに関しては全て個人・商用問わず無料で使用できます。ただ、あくまでこのエントリー公開時の情報ということと中には無料で商用利用可能でも作者に連絡する必要があるフォントもあるので、使用する際はライセンス等を各自で再度確認してください。紹介しているフォントを使用す