カテゴリー: WEB DESIGN

ここ最近、個人的に購読しているWEBデザイン系のブログで度々目にしていたRemove.bgを使ってみました。 このRemove.bgを使えば、一瞬にして画像から人物だけを切り抜くことが出来ます。これまではWEBサービスのみだったようなのですが、最近photoshopのエクステンションもリリースされたとのこと。しかも無料。これが本当に凄かったので使い方を含めて …

ここ数年でHTML、CSS、Javascriptだけで表現出来ることが非常に増えてきています。ほんの少し前まではFlashや動画に頼らないといけなかったことも、今やそんな必要が無くなってきました。 非常に複雑な動きをするテキストエフェクトもその一例です。今回はCSS、Javascriptのコピペだけで実装可能なちょっとユニークなテキストエフェクトを紹介します …

無料でつかえるアイコンといえばfontawesomeが有名ですが、今回紹介するREMIX ICONにも使いやすそうなアイコンがたくさん揃っています。 Remix Icon – Open source icon library REMIX ICONでつかえるアイコン このREMIX ICON内には、「ビルディング」、「ビジネス」、「コミュニケーショ …

今回はCSSとGIFアニメだけでテキストをかっこ良く表現する方法をご紹介します。 具体的に説明すると、まずGIFアニメ画像を背景に敷いて、任意のテキストでマスクをかけるという感じです。サイトやページのファーストビューにこれをポンと配置するだけでインパクトを出すことが出来ます。 サンプル まずはサンプルで確認してみてください。背景に敷くGIFアニメ次第では、ソ …

1000種類（実際にはそれ以上）ものアイコンを無料でつかえるUniconsというサイトを紹介します。 こういったサイトで一番有名なのはfontawesomeだと思いますが、個人的にはこちらのUniconsの方が好きなアイコンが多い気がします。どのアイコンもシンプルで使い勝手が良さそうなものばかり。商用利用も無料なので安心して使えます。 1000+ free …

サイトやページを開いたユーザーが一番最初に目にする部分。つまりファーストビューにほぼ必ず入ってくるのがメインビジュアルです。ぱっと目に入り込んできたメインビジュアルで、そのサイトやページのデザインに対する印象が決まると言っても過言では無いと思っています。 今回はそのメインビジュアル部分でつかうのにピッタリな筆記体のフリーフォントをいくつか紹介します。簡単な英 …