CSS マウスオーバーでラインアニメーションを実現する
ナビゲーションなどでマウスオーバー時に、装飾の下線を横に伸ばすアニメーションをかつてはFlashなので実現していましたが、これと同じような動きをCSSのみで実現することが可能になりました。a要素に対す...
CSS 
CSS text-shadowプロパティによる装飾サンプル
テキストに対しての装飾を考えるとき、わざわざPhotoShopなどで画像を作らなくても、CSS3の「text-shadowプロパティ」の指定で、ドロップシャドウや光彩などの、基本的なエフェクト効果を実...
SERVICE 【海外版】今すぐ使いたくなる写真素材配布サイトまとめ
サイト上で、自由に使える写真素材サイトをまとめておくと、後ですごく助かりますよね。サムネイルやイメージカットとしても使える、著作権フリーな写真素材の中には、ずいぶんとお洒落なものも増えてきました。仕事...
WordPress テーマをカスタマイズして子テーマをつくる方法
WordPressを利用して、サイトやブログを運営している方の中で、無料テーマをそのまま利用している方も多いかと思いますが、文字サイズやテキストカラーなど、ちょっとした見た目を少し調整したいなぁと思う...
CSS 【初心者向け】CSSってどこに記述すればいいの？
※CSS初心者向けの内容ですので、それなりの方はすっ飛ばしてください！最近CSSをはじめた方に、「CSSの記述場所って決まってるの？」というような質問をされたので、CSSの記述場所の基本を確認しておき...
DESIGN そろそろ梅雨入り！ということで雨の無料素材15選
関東の梅雨入りは例年6月の第２週あたりですが、今年は何日になるでしょうか。そんな本日は涼しい雨ですが、これからこんな日が多くなることでしょう！ということで、「雨」の商用フリーなベクター素材をまとめてお...
ブログ マネタイズの基本となる４つのモデル！
マネタイズとは、主に無料で閲覧や利用ができるインターネットサービスにおいて、どのように収益化していくかという方法のことを言います。インターネット上で運営されている様々なWEBサービスですが、無料で閲覧...
Illustrator 【Ai】ザラザラとした土壁感を出す方法
イラストレーターを使って、背景を土壁のような“ザラザラ感”を出したいときの方法をご紹介します。かなり簡単なやり方なので、ついついなんでもかんでもザラザラさせてしまいそうです。それでは見ていきましょう。...
ドメイン&サーバー VPNをちょっと理解しておく。
仕事をしている中で、外出先からインターネットを使って社内のPCにアクセスしたり、特定の相手に対して情報の共有をしたりすることがあります。以前は、このような場合には専用線やWEBベースでの暗号化接続を提...
Illustrator 【Ai】「手書き風文字」を書く簡単な方法
以前も一度、イラレで手書き風の文字を書く方法をご紹介しましたが、また違ったやり方で簡単なものがありましたのでご紹介します。鉛筆や色鉛筆でシャカシャカ塗りつぶしたような感じになるの、より手書き感を表現で...
ブログ Google Chromeでメイリオが表示されなくなったときの対処法
つい先日、Google Chromeだけフォントがゴシックになってしまっている事に気が付きました…。調べてみた結果、CSSで指定しているはずのフォント指定が反映されないという不具合が出てしまっている模...
Photoshop 【Ps】新聞紙のようなザラついたモノクロ写真に加工する方法
人物の写真などで、新聞紙に印刷されたようなインクの刷れ感やザラつきを表現したいとき、ほんの少しの加工で簡単に表現できる方法のご紹介です。モノクロにしたいだけでも使えますので、試してみてください。// ...
Illustrator 【Ai】アピアランス機能を理解する
WEBデザインを仕事にしている方で、“イラストレーター”をバリバリ使いこなせている人ってどれくらい居るのでしょうか？実際のところイラストレーターって苦手だったり、ほとんど触りません！って人も結構いるん...
CSS 擬似要素「:link,:visited,:hover,:active」の順番が曖昧なら覚えてしまえ！
いくつになっても覚えられないことって意外とあるものです。しかも基本的なことほど、何度も何度も確認してしまうことってありませんか？恥ずかしながら私はあります。。。「a:link」等の擬似要素の記述する順...