PAGETOP

WEBデザイン, WEBデザイン参考

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

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

CSSについて, WEBデザイン

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

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

WEBデザイン, 便利なサイトの紹介

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

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

Photoshopのテクニック, デザインのテクニック

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

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

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

desig ...

jQueryについて, WEBデザイン

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

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

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

CSSについて, WEBデザイン

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

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

Photoshopのテクニック

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

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

紹介サイトは ...

SEO対策・アクセスアップ, WEBデザイン, ライティング・原稿制作

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

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

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

WEBデザイン

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

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

CSSについて, jQueryについて, WEBデザイン

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

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

◆ ...

SEO対策・アクセスアップ, WEBデザイン

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

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

WEBデザイン

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

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

CSSについて, jQueryについて, WEBデザイン

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

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

Photoshopのテクニック

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

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

WEBデザイン

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

Photoshopのテクニック

No Image

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

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

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

SEO対策・アクセスアップ, WEBデザイン

No Image

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

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

WEBデザイン, WORDPRESS

No Image

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

SEO対策・アクセスアップ, WEBデザイン

No Image

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

301 Moved Permanently

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

SEO対策・アクセスアップ, WEBデザイン

No Image

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

SEO対策・アクセスアップ, WEBデザイン

No Image

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

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

WEBデザイン

No Image

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

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

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

WEBデザイン

No Image

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

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

WEBデザイン

No Image

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

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

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

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

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

WEBデザイン

No Image

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

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

WEBデザイン

No Image

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

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

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

CSSについて, jQueryについて, SEO対策・アクセスアップ, WEBデザイン

No Image

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

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