DESIGNphotoshopのエクステンションRemove.bgが本当にスゴかったここ最近、個人的に購読しているWEBデザイン系のブログで度々目にしていたRemove.bgを使ってみました。このRemove.bgを使えば、一瞬にして画像から人物だけを切り抜くことが出来ます。これまではWEBサービスのみだったようなのですが、最近photoshopのエクステンションもリリースされたとのこと。DESIGNCSS/Javascriptで実装するテキストエフェクト【ゆがみ系】ここ数年でHTML、CSS、Javascriptだけで表現出来ることが非常に増えてきています。ほんの少し前まではFlashや動画に頼らないといけなかったことも、今やそんな必要が無くなってきました。非常に複雑な動きをするテキストエフェクトもその一例です。ICONにも使いやすそうなアイコンがたくさん揃っています。DESIGNCSSとGIFアニメで表現するインパクトのあるテキスト今回はCSSとGIFアニメだけでテキストをかっこ良く表現する方法をご紹介します。具体的に説明すると、まずGIFアニメ画像を背景に敷いて、任意のテキストでマスクをかけるという感じです。サイトやページのファーストビューにこれをポンと配置するだけでインパクトを出すことが出来ます。サンプルで確認してみてください。DESIGN1000種類のシンプルなアイコンを無料でつかえるUnicons1000種類(実際にはそれ以上)ものアイコンを無料でつかえるUniconsというサイトを紹介します。いったサイトで一番有名なのはfontawesomeだと思いますが、個人的にはこちらのUniconsの方が好きなアイコンが多い気がします。どのアイコンもシンプルで使い勝手が良さそうなものばかり。商用利用も無料なので安心して使えます。DESIGNサイトやページのメインビジュアルにつかえる筆記体フリーフォント10選サイトやページを開いたユーザーが一番最初に目にする部分。ファーストビューにほぼ必ず入ってくるのがメインビジュアルです。目に入り込んできたメインビジュアルで、そのサイトやページのデザインに対する印象が決まると言っても過言では無いと思っています。今回はそのメインビジュアル部分でつかうのにピッタリな筆記体のフリーフォントをいくつか紹介します。