【Photoshop】レイヤースタイルだけで作るガラスのような透明テキスト
透明感のあるガラスのようなテキストを、レイヤースタイルのみで簡単に作るチュートリアルが「Photoshop Lady（）」で公開されていましたので、ご紹介します ...
GPL？MIT？CC？最低限覚えておくべきWEB素材ライセンスの意味
インターネット上には、無料で使えるWeb用素材やソフトウェア、スクリプト等が出回っていますが、これらを使うにあたって注意しなければいけないのが「ライセンス」です。無料 ...
Google AnalyticsソーシャルレポートでSNSのコンバージョン効果を測定する
SNS上で、いいね！やリツイートの増減を把握したり、アクセス解析でアクセス数やコンバージョン率を計測するということは、おそらくどの企業でも行ってい ...
無料で使える高品質アイコン素材10選。PSDで編集可能
数あるアイコン素材の中でも、無料で、しかもPSD付きで完全編集可能のセットをご紹介します。サイトのデザインに合わせて色やサイズを変えられるので、デザイン業務の効率化に便利です。
ホームページで使用されているフォントが分かる！試せる！「FontFaceNinja
このサイトのフォントが素敵だな、と思ったとき、フォント名を知りたいことはありませんか？今回は、ページ上のテキストにマウスオーバーするだけで、フォント名 ...
【Javascript】３Dアニメーションで切り替わるレスポンシブのコンテンツスライダー
奥行きのある３D効果で画像を配置し、アニメーションをしながら切り替わる「Tilted Content Slideshow」。Janvascript ...
カスタマイズ自由！無料のWebサイトテンプレート
Webデザインの時間短縮とデザイン力アップを助けてくれるWebテンプレートPSD。デザインの効率化、というだけでなく、テンプレートPSDはきちんとガイドが引かれていて、パーツごとにフォル ...
すぐに使える！CSS３で画像を加工する「フィルタ」まとめ
【Photoshop】初心者も簡単！降りしきる雨をPhotoshopで描く方法
Photoshopで、風景写真に雨を降らせるテクニックをご紹介します。
今回使った写真はこちら。
【CSS】CSSで簡単カスタマイズ！きれい、かわいい、軽いSVGアイコン28個がおすすめ！
美しいグラッフィクが魅力のSVGアイコン28個がセットになった「Optimized Inline SVG Icons」。JPEGやGIFなどの画 ...
【Photoshop】たった３ステップで朝焼け画像を作る、簡単シンプルな小技
どんな写真も、美しい朝焼け画像にしてしまう、簡単なチュートリアルをご紹介します。
まずはこの写真を朝焼け画像にしてみます。
【HTML5】もう入力でうんざりされない！一問一答、全画面のフォームアイデア
商品の注文やアンケートの入力フォームというと、一画面の中に名前やアドレスなどの記入必須事項が縦にいくつも並んでいるものがほとんどです。
ですが、今回紹 ...
デザイナー、カメラマン必見！簡単、クールなポートフォリオサイトが無料で作れる
ポートフォリオサイトが欲しい、でも自分でサイトを作るのは面倒・・・という人におすすめなのが「ALL YOU ...
ネーミングに役立つアイデアをくれるジェネレーターを紹介
新しいサイトやサービス・商品につける名前に悩んだ時に使えるのが、名前生成ジェネレーター。思いもよらないところから良いアイデアをくれます。
今回は、簡単に使えて、 ...
【jQuery】テーブルの見出しがスクロールに付いてくる方法
テーブルで大量のデータを見せたい時におすすめなjQueryプラグイン「Sticky Table Headers」をご紹介します。縦 ...
【Photoshop】水面にゆらゆらと浮かぶ文字を作るチュートリアル
ベースとなる写真はこれ。
これを「水面.psd」という名前で保存しておきます。
イメージ＞複製でこの画像を複製し、次からの手順は、 ...
【Photoshop】簡単３ステップ！写真を鮮やかに美しく見せるorレトロ調に見せる方法
暗い写真を手早く明るくしたい、鮮やかな写真を手軽にレトロ調に変えたい、という方におすすめ。
それぞれの簡単ステップをご紹介します。 ...
【WordPress】ワードプレスでよく使うタグのまとめ＆チートシート
ワードプレスのタグは、使っていないとすぐに忘れてしまうものです。その度に調べるのは大変、ということで、ワードプレスサイトを制作する際によく使うタグのまとめと、印刷し ...
手持ちの写真を何でもLEGO®風にするオンラインツール「Brick-a-pic」
プロフィール写真や風景写真など、画像ならなんでもLEGO®風ブロックにしてしまう面白ツールをご紹介します。
Brick-a-pic１.CHOOSE ...アンカーテキストに色々なエフェクトをかける方法。
ホバー効果は画像やボックスだけではありません。CSS3を使えば、アンカーテキストにも、遊び心たっぷりのホバー効 ...
【Javascript】CSS3に自動で、必要最低限のベンダープレフィックスを付けてくれるプラグイン「cssFX」
ベンダープレフィックス対応が面倒なcss3のgradientsやbox-shadowなど、どのように記述していますか？
【WordPress】レスポンシブ対応！初心者にも使いやすい無料のWordPressテーマ８選
豊富なテーマが魅力のWordPress。美しいデザイン、高機能、レスポンシブ、しかも無料という素晴らしいテーマがたくさんあります。これからブ ...
【デザイン】パララックス効果がさらに進化！思わず魅入ってしまうサイト８選
パララックス効果は、2012年頃から取り入れられ始めた視差効果。スクロールした際に、各部が異なるスピードで動くことにより、画面に奥行き感を演出するものです。一時期 ...
【便利ツール】CSS3のグラデーションをあっという間に作ってくれるジェネレーター２つ
css3のコーディングの中でも、特に記述が煩雑なのがグラデーション。いちいちカラーコードで指定せず、ジェネレータを使って視覚的に、サクッと実装してしま ...
【jQuery】テーブルのデータを棒グラフにしてくれるプラグイン「TableBarChart」
「TableBarChart」は、テーブルの数値をアニメーション付きで棒グラフとして見せてくれるプラグイン。
使い方もカスタマイズも ...
【jQuery】飛び出して弾む！アニメーションがキュートなツールチップStackbox.js
飛び出したり、ひっくり返ったり、ぶら下がったり、多彩なアニメーションで楽しませてくれるツールチップ「Stackbox.js」。遊び心満載で、軽 ...
【Photoshop】デザイン作業を効率化！いろんな形のカスタムシェイプ素材
ハートや矢印など、複雑な形状をドラッグで簡単に描画できるカスタムシェイプ。拡大縮小やスタイル変更も自在で、イラストを描く時間がない！という忙しいデザイナーさん ...
コピペで５秒！CSS3で背景画像を画面いっぱいに表示する
背景画像をブラウザいっぱいに表示するテクニックを、シンプルかつ簡単に叶えるスタールシートをご紹介します。もちろん、レスポンシブ対応です。
元のサイトはこちら。
簡単に素敵なオリジナルロゴを作れるウェブツール「Squarespace Logo」
デザインができなくても、簡単にかっこいいロゴを作れる「Squarespace Logo」。
ロゴテキストを打ち込んで、アイコンを一つ ...
顔写真をキレイに加工するためのウルテク！photshop
今や顔写真を使う上で、肌のレタッチは当然のものとなっています。けれどやり過ぎは禁物。「本人と雰囲気が違う」どころか、アンドロイドのような顔になってしまう ...