CSS 画像の下に隙間が出来るのはなぜ？
画像を配置する際に、なぜだか"画像の下に隙間"が出来てしまうことありませんか？どういうことかと言うと、デモサンプルを確認してみてください。DEMO上の「デフォルトの配置」の画像下に背景色が見えてしまっ...
CSS 
CSS 蛍光ペン風やアンダーラインなどのテキスト装飾をCSSで実現する
ブログ記事などでよく見かける、強調表現のひとつ「蛍光ペン」や「アンダーライン」。ランディングページでもよく見かける手法ですが、背景に画像を使ってリピートさせたりすることで表現するやり方もありますが、今...
ブログ ムダなMTGはもうやめよう！いつものMTGを意味のある時間にする方法
どこの会社にも「無駄と感じてしまう会議やミーティング」が存在していることでしょう。そこでそんな不満を嘆いていても仕方がない！だったらやり方を変えてみたらいいんじゃないか！？ということで、これまでのMT...
SERVICE チラシやパンフレットの参考デザインを探しているなら！
WEBデザインの参考サイトをまとめてくれているWEBサービスは結構な数があります。しかし、DTP関連のポスターやチラシ・パンフレットなどの参考となるようなデザインを探してみると、親切にまとめてくれてい...
SERVICE 自分が使えるフォントを一覧で見比べたいなら！
IllustratorやPhotoshopでテキストを入力する際に、文字ツールのプルダウンで「これじゃない！あれじゃない！」と繰り返している方がもしかしたらいらっしゃるかもしれません・・・。インストー...
CSS ボタンや画像の内側にシャドウを入れる方法
ボタンやイメージとして配置する画像にシャドウを入れる際は、box-shadowを指定すれば再現できますが、画像の内側にシャドウを入れて凹んだ感じにしたい場合、box-shadowプロパティの「inse...
DESIGN 新人デザイナーのためのスキル向上に役立つ10の心得
最近なんだかこのような記事を連発しているような気がしますが、新人デザイナーさんに向けて考えることは、改めて自分を戒めることにもつながるなぁ～と強く感じています。もしかしたら、「文字数が多くて読んでられ...
Illustrator Photoshopで切り抜いた商品画像にIllustratorで枠をつける方法
クロワッサンは朝の顔！勝手にそんなイメージを持っているのは、きっと私だけではないと思っています。焼きたてのクロワッサンを、すべり落ちる程度のバターとともにいただく一日のはじまりは何か良いことが起こりそ...
SERVICE 行き詰まったときに参考にしたいバナーデザイン集10選
う～ん、アイデアが浮かばない・・・ いつも同じようなテイストのバナーを作ってしまう・・・ 初めての業種のバナーを作るけど参考にするデザインはないかな・・・そんなWEBデザイナーさんのために、バナーデザ...
DESIGN 今日から出来る！新人デザイナーにとって大切な8つの習慣
現在デザイナーとして活躍をしている誰しもに、かつて新人と呼ばれていた時期があると思います。時代背景やデザインジャンル、そして環境によっても新人時代をどう過ごしてきたのかは、人それぞれ違ったものだったで...
SERVICE ランディングページの参考になるサイト集7選(国内版)
通称「LP」と呼ばれる「ランディングページ」ですが、一般的なWEBサイトとは違い、リスティング広告などからの流入によってユーザーの目に入る１枚の長いページのことを呼びます。あるひとつの商品を購入しても...
SERVICE Webサイトのキャプチャ画像を簡単に作れるFirefoxアドオン「Pearl Crescent Page Saver」
自身のブログに、キャプチャ画像を貼り付けてWEBサイトなどを紹介したいときに、PCのデフォルト機能の「スクリーンショット」を使って、Photoshopでリサイズ→アップロード！いう作業が毎度面倒ではあ...
CSS コンテンツを画面の中央（上下左右）に配置する方法
以前にも一度、画面中央配置の記事を書かせていただきました。「特定の要素を画面の中央（上下左右）に配置する方法」こちらは「display:table-cell」を扱った中央配置の方法でしたが、今回はCS...
WEB DESIGN Googleアナリティクスをはじめた初心者のための基本用語リスト
皆さんは、GoogleAnalytics（グーグル･アナリティクス）を利用していますか？自分でWEBサイトやブログを運営している方のほとんどは、無料の「Googleアナリティクス」を活用していることと...