webOpixel

Webサイトのコンテンツに動画を有効的に活用しよう

Web動画は以前はPCからの視聴がほとんどでしたが、モバイル回線の高速化や、スマートフォンやタブレットの普及により様々なデバイスから動画を視聴する機会が増えました。そこで今回は動画コンテンツの効果について見ていきたいと思います。

CSSで設定するだけですぐに使えるアイコンフォントセットをまとめてみました。

これからフリーランスやSOHOで活動を考える場合、または就職・転職活動をするときは、自分のデザインスキルや技術を伝える手段としてポートフォリオサイトを作るのが一般的です。
今回は印象に残る効果的なポートフォリオサイトを作るにはどのような見せ方やコンテンツが必要かをまとめてみました。

Fireworksの移行先としてSketchを買ったのですが、ずっと封印状態でした。
最近になってちょっと使ったりしているので基本的なことを書いてみました。

WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。

最近はjavascriptで表現できることが増え、前まではFlashでしかできなかった効果もできるようになりましたね。
ということで、マウスオーバーや画面遷移でアニメーションしてるとか、ちょっと変わったレイアウトをjavascriptやっているサイトを集めてみました。

このバックに白抜きでロゴを重ねたい、でもアウトラインデータがない！
そんなときのためにPhotoshopを使用してわりと簡単に画像データから白抜きで背景画像と重ねる方法をご紹介します。