PAGETOP

CSSについて, WEBデザイン, 便利なサイトの紹介

【便利ツール】CSS3のグラデーションをあっという間に作ってくれるジェネレーター2つ

css3のコーディングの中でも、特に記述が煩雑なのがグラデーション。いちいちカラーコードで指定せず、ジェネレータを使って視覚的に、サクッと実装してしま ...

jQueryについて, WEBデザイン

【jQuery】テーブルのデータを棒グラフにしてくれるプラグイン「TableBarChart」

「TableBarChart」は、テーブルの数値をアニメーション付きで棒グラフとして見せてくれるプラグイン。
使い方もカスタマイズも ...

jQueryについて, WEBデザイン

【jQuery】飛び出して弾む!アニメーションがキュートなツールチップStackbox.js

飛び出したり、ひっくり返ったり、ぶら下がったり、多彩なアニメーションで楽しませてくれるツールチップ「Stackbox.js」。遊び心満載で、軽 ...

Photoshopのテクニック

【Photoshop】デザイン作業を効率化!いろんな形のカスタムシェイプ素材

ハートや矢印など、複雑な形状をドラッグで簡単に描画できるカスタムシェイプ。拡大縮小やスタイル変更も自在で、イラストを描く時間がない!という忙しいデザイナーさん ...

CSSについて, WEBデザイン

【CSS3】コピペで5秒!背景画像を画面いっぱいに表示する

背景画像をブラウザいっぱいに表示するテクニックを、シンプルかつ簡単に叶えるスタールシートをご紹介します。もちろん、レスポンシブ対応です。

元のサイトはこちら。

SEO対策・アクセスアップ

【SEO】Googleからペナルティーを受けないプレスリリースの発信方法

プレスリリースとは、企業などから、テレビ・ラジオ・新聞・雑誌・ニュースサイト等、各報道メディア向けに発表される声明のことで、新製品のPRなどに効果的なプ

デザインのテクニック, 便利なサイトの紹介

【デザイン】簡単に素敵なオリジナルロゴを作れるウェブツール「Squarespace Logo」

デザインができなくても、簡単にかっこいいロゴを作れる「Squarespace Logo」。
ロゴテキストを打ち込んで、アイコンを一つ ...

Photoshopのテクニック

【Photoshop】部位別に極める!質感を生かしたまま、顔写真をレタッチする方法

今や顔写真を使う上で、肌のレタッチは当然のものとなっています。けれどやり過ぎは禁物。「本人と雰囲気が違う」どころか、アンドロイドのような顔になってしまう ...

CSSについて, WEBデザイン

【CSS3】アニメーションしながら切り替わるスイッチをCSSのみで作るチュートリアル

クリックするとオンとオフが切り替わるスイッチを、CSSのみで実装するチュートリアルがBLOOM WEB DESIGN()で紹介されていました。クリック ...