【デザイン】ウェブデザイナーは余白マスターになるべき。余白の持つ演出力を考える

余白は、要素と要素の間に区切りを入れ、ページに構造を作り出します。それだけではなく、余白のあり方によってページ全体の印象をがらりと変えてしまうほどの力を持っ ...

【CSS】意外と知らない！？inputタグをcssのみでカスタマイズする方法

input系をcssで装飾したい時には、「属性セレクタ」を使うと切り分けが便利です。属性セレクタは、要素名の後ろに{
font-size:20px; ...

まるでPhotoshop！無料で多機能な画像編集Webアプリ「Pixlr Editor」

Webデザイナーの画像加工用ソフトというと、真っ先に思いつくのがPhotoshop。もう何年も前からの業界標準となっています。ところが、その地位が ...

【Photoshop】チョコレートで描いたようなテキスト効果

溶かしたチョコレートで描いたようなテキストのエフェクトチュートリアルです。スイーツ商品のバナーなどに使えそう。

こちらで紹介されていました

desig ...

【jQuery】細部にわたって遊び心と機能性を与える、吹き出し風ツールチップ８選

補足説明やリンク先の情報などを省スペースで表示するのに役立つ吹き出し。

デザイン性や機能性に優れた吹き出しもどんどん出てきています。その ...

【CSS3】簡単！コピペでできる、CSS3の美しいドロップダウンメニュー

グローバルナビ部分には背景画像を使い、ドロップダウンの場合はJSを、というのがお決まりでしたが、CSS3の登場によって、とてもシンプルで簡単に、デザインも美しいド ...

【Photoshop】すぐに使える小技！好きなパターンで写真をイラスト化

写真を、パターンとレイヤーマスクを使ってイラスト風の効果を与えるチュートリアル。応用しやすいので、手順を覚えておくと便利に使えそうです。

紹介サイトは ...

【ライティング】失敗例から学ぶ、Webで反響を呼ぶキャッチコピー

キャッチコピーは、Webサイトにおいて、ページの中で最も重要とも言えるパーツ。

なぜなら、ほとんどの人はキャッチコピーを見て、その先の文章を読むか読まないかを ...

WEBデザイナーにっとって失敗しないホームページ制作とは。

弊社のクライアント様から以前ホームページ制作会社に相談したが思い通りのホームページが出来なかった・・・と話をお伺いしました。
詳しく話を聞いてるとどうやら担当したデザイ ...

【CSS3/jQuery】すぐに使える！画像まわりのクールなエフェクト８選

CSS3（+jQuery）を使ってできる、超クールな画像エフェクトを厳選しました。どれも簡単かつ軽量に実装できるので、スマホサイトにもおススメです。

◆ ...

ランディングページ（LP）は、もはやコンバージョンのためだけに存在すると言っても過言ではありません。しかし、期待通りの効果が出ている、と答えられる企業は意外に少ないのではないでしょうか。

アクセス数は目標に達していますか？ ...

インターネットエクスプローラーがハッキングに合う可能性があるとの事です。

4月28日にマイクロソフト社のインターネットエクスプローラーの利用者に対して、マイクロソフト社の脆弱性をついた未知のハッキング攻撃が行われたというニ ...

【jQuery】レスポンシブなサムネイル付きスライドショー
「Responsive Image Gallery」

PCでもスマホでもスムーズに表示してくれるレスポンシブなスライドショーが最近増えてきました。その中でも、カルーセル ...

【Photoshop】たった１分！背景から髪の毛を切り抜く方法、決定版はコレ！

写真の背景から髪の毛を切り抜く方法は数多くのサイトで紹介されていますが、今回はその決定版とも言える裏技をご紹介します。
難しい理論やテ ...

パソコンのハードディスクがほぼ満タンに・・・
データは必要なデータばかりなのでハードディスクの増設をしないといけないかな～
と検討し、ゴミファイルはないかとＣドライブ内を巡回してると、気になるフォルダがありました。 ...

photoshopの小技をまとめました。

葉っぱ水滴加工をしてみずみずしさを出す方法
何もない葉っぱに水滴を追加する方法
こんな感じです。

photoshop加工方法を紹介した動画はコチラ ...

自分のサイトをGoogleで検索した場合に、＜Title＞タグに設定していないタイトルが表示されている場合があります。

原因としては、ページを制作する際に設定する＜Title＞に記述するタイトル文章が、長すぎる場合、SEO ...

システムトラブルでサイトが24時間以上ダウンしてしまった時のベストな対処方法をメモ。通常、サイトがシステムトラブルでダウンしてしまうとクローラーはページがなくなってしまったと判断し検索結果から除外してしまうことがあります。これはseo対策を ...

httpd.confや.htaccessにページ転送設定を行なう際の記述例を参考までにまとめています。

301 Moved Permanently

Webサーバから恒久的な移動を意味する「301 Moved Permenen ...

最近ウェブマスターツールに「ソフト 404 エラーが増えています」と表示される回数が増えてきました。対応策としましてはきちんと404 410を設定し対応することと書かれています。
これまで404ページには、よく自動ページ転送を ...

今、自分のホームページはキチンとサーチエンジンにキーワードを伝えれてますか？
もっとも簡単に解析するツールとしてキーワード出現率をチェックするツールがります。

昔、キーワードの出現率は総単語数の５％程度が

Google AJAX Feed APIのカスタマイズを行なったのでメモを。

内容
Google AJAX Feed APIのフィードに画像を追加

参考サイト
このソースをベースにさせていただき ...

＜商品一覧ページ＞
商品画像の上に「売り切れ表示を出す方法」

<div style=”position:relative;”>
<!–カートに入れる 開 ...

急にモニターの解像度が狂ってしまい。

横に伸びてしまう場合や縦に伸びてしまう場合などありませんか？

今私がそんな状態です・・・

色々調べたところ原因がわかりました。

今回の場合はモニター ...

ショッピングカートシステム「Color me shop Pro」にFACEBOOKの「いいね！」機能とTwitterの「つぶやき」機能を追加してみました。

これでショップにアクセスしたユーザーが商品についての「つぶやき」な ...

IE6だけを除外してくれるhackとIEだけが認識するhackをメモ書きで。

たまにしか使用しないので忘れてしまうんよね～　もう30才やし・・・

Ie6のみを除外するhack・・・・・font-family/* ...

JAVASCRIPTとCSSで便利なタブメニューを作る
その１
デモはこちら

その２
サイトを開いたときに全てを読み込まず、タブをクリックしたときに別に用意したhtmlファイルを読み込み表示します。 ...

ジャバスクリプトCSSでプルダウンを作る方法

マウスオーバーの時に背景色を滑らかにする方法。

デモ