[Sy] HTMLとCSSを使って個人名刺を作るという方法もアリなんじゃないかと！
2017/09/30
個人名刺 をいつも自作してるんですが、今回は HTMLとCSSを使ってWebで作ってみました。 イラレやフォトショといったツールが使えなくて、HTMLとCSSは得意！という人にはおすすめです。
Webでもできる名刺作成
ぼくはイラレやフォトショのようなデザイナーさんが得意とするツールをいまだにうまく扱えません。
一方、HTML&CSSは毎日のように触っていますし、扱い慣れてます。
ということで、HTMLとCSSを使ってブラウザ上で作ってしまおう！
で、できあがったのがこちらです。
Developer Tools を立ち上げてますが、名刺を構成するHTMLが表示されているのがわかるかと思います。
コードは以下のリポジトリで公開してます。
⇒ utano320/business-card: Create my business card with HTML and CSS.あとはスクショ取って、切り出して印刷します。
メリットとデメリット
この方法のメリットは、
- デザイン系ツールが必要なく、障壁が少ない！
- HTMLとCSSの勉強 にもなる。
- ブログなどを持っている場合に、その CSSを使いまわすことができる。
といったところでしょうか。
逆にデメリットとしては、
- 画像として切り出したりするのが面倒。
- 結構大きめに作っておかないと画像が荒くなる。
て感じですね。
ひとこと
まぁ、イラレとか使えるようになるってのが、本当は一番なのはわかってるんですが！！