DESIGN WEBデザイナーが知っておきたい！WEBとDTPの“デザインの違い”
先日、とあるプログラマーさんに「WEBデザインとDTPデザインって何が違うの？」と聞かれ、明確な答えをすることが出来ませんでした。デザイナー間では、「そりゃ色々違うでしょ！」って感じなんですが、外部の...
DESIGN 
SERVICE 国内の写真素材が無料で利用可能な「Photock」！
無料写真素材サイトも年々増えてきましたが、身近な場所や被写体を多く配布してくれているとってもありがたい「Photock」というサイトがありました。既にご存知の方も多いかもしれませんが、知らなかった！と...
WordPress WordPress無料テーマを探しているなら「just themes」をチェック！
WordPress用の無料テーマを探している方に是非オススメの「just themes」をご紹介します。シンプルなデザインやレスポンシブ対応のものなど数多くあり、色々試してみたくなる無料テーマが揃って...
Photoshop Photoshopで波を描く簡単な方法
冬の海と夏の海。同じ海でもその表情は違って見えるのは気温のせいだけなのでしょうか？ちょっと季節外れですが、Photoshopで波を描く簡単な方法をご紹介したいと思います。// // 1.背景を用意まず...
無料素材 バレンタイン無料素材10選
この時期決まって必要になってくる「バレンタイン素材」ですが、今から必要な方に、商用フリーなベクター素材をまとめておきます。ちゃちゃっと使って、良いバレンタインデーをお過ごし下さい。// // ▼画像ク...
CSS 特定の要素を画面の中央（上下左右）に配置する方法
意外と多いかもしれませんが、ある特定の要素を画面の中央に配置したいときに、左右は簡単なのに上下は一体どうやるんだろう？と、迷い迷ってmargin-topで誤魔化してしまう…。 そんな方は、ここでこっそ...
jQuery 各セクションの開始位置にトップをしっくり合わせてくれるプラグイン「window.js」
表示されるwindowいっぱいにひとつのセクションを表示し、スクロールごとに別のページを閲覧しているような表現をすることが可能な「window.js」をご紹介します。スクロールをすることで切り替わる他...
Photoshop 純粋な黒にしたいときのCMYKの値は何なのか？
印刷物を作成して、テストプリントをした際に「黒が黒として印刷されない！」ってことありませんか？プリンターのメーカーや機種によっても色の出方って違うものだと思いますが、「true black」についての...
CSS サムネイル画像を丸くしてちょっと可愛くしてみる
Webサイト内で、サムネイル画像が丸く表示されているものをよく見かけると思いますが、かつては丸く画像を切り抜いて「png」として書き出し配置して表現しましたが、今ではCSSの指定のみで簡単に行えます。...
CSS 画像のキャプション表示を重ねるのに便利な「Label.css」
ギャラリーサイトなど、写真などを一覧で並べたりするときにキャプションやコメントを画像に重ねるような表示にしたいときに便利な「Label.css」をご紹介します。白半透明のラベルを上下左右や角、さらには...
jQuery 上からスライドしてくるツールチップ
テキストにマウスオーバーすると、上からスライドしながらツールチップが表示されるような動きを実装していきたいと思います。// // DEMOまずは、必要なソースをダウンロードしてください。ダウンロードH...
CSS CSSでリボン装飾を描く方法
前記事に引き続きCSSのTipsになります。今回も可愛らしい装飾をCSSで描いていきたいと思います。装飾の定番とも言える「リボン」をWebサイト上で使いたい時に試してみてください。// // DEMO...
CSS CSSでステッチ風タグの描き方
ちょっとしたタグや記事タイトルなどの背景を装飾するとき、女性らしく可愛い雰囲気にしたい場合など「ステッチ風タグ」を使ってデザインしてみるのもいいかもしれません。また、その場合に背景画像を配置するのでは...
CSS CSSでいろんなカタチを表現してみる
CSS3の新たなプロパティ「transform」と「border-radius」を使って、CSSのみでいろんなカタチを表現できるようになりました。すべてを暗記するのも大変なのでコピペで再利用できるよう...