• GIZMODO
  • FUZE
  • BUSINESS INSIDER JAPAN
  • DIGIDAY
  • gene
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • roomie
  • machi-ya
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきち  -   12:00 PM

背景に使えるドットパターンをCSSおよび画像で生成してくれるサイト「Patternify」

背景に使えるドットパターンをCSSおよび画像で生成してくれるサイト「Patternify」

110424_pat.jpg


「Patternify」は、背景に使えそうなドットパターンを作成できるサービスです。ドットを自分で表現するだけで、画像でダウンロードもできますし、CSSコードも作成してくれます。

以下に使ってみた様子を載せておきます。

 


まず、Patternifyへアクセスしましょう。


110424_pat2.jpg


ドットパターンを自分で描きます。悩んだときは、いくつかあるサンプルを参考にしましょう。色もたくさん使えますし、透過性も追加できます。

右上にリアルタイムでプレビューがでますので、その場で確認も可能です。また、その下にはCSSが自動的に生成されます。画像をダウンロードして背景として利用してもいいですし、CSSをコピペして利用することも可能

背景画像を作りたい方は、是非活用してみましょう。


Patternify

(カメきち)

 

2017年注目のライフハックツール

MORE FROM LIFEHACKER

powered by
    
    
    
  

lifehacker

Recommended

© mediagene Inc.