ウェブデザイン小技・余白を活用したWEBデザイン
余白は、要素と要素の間に区切りを入れ、ページに構造を作り出します。それだけではなく、余白のあり方によってページ全体の印象をがらりと変えてしまうほどの力を持っ ...
inputボタン CSSデザイン
input系をcssで装飾したい時には、「属性セレクタ」を使うと切り分けが便利です。属性セレクタは、要素名の後ろに{
font-size:20px; ...
Pixlr Esitorオススメ画像編集WEBアプリ
Webデザイナーの画像加工用ソフトというと、真っ先に思いつくのがPhotoshop。もう何年も前からの業界標準となっています。ところが、その地位が ...
photoshopフォント加工の豆知識
溶かしたチョコレートで描いたようなテキストのエフェクトチュートリアルです。スイーツ商品のバナーなどに使えそう。
こちらで紹介されていました
desig ...
jQueryでホームページに「吹き出し」を付ける方法
補足説明やリンク先の情報などを省スペースで表示するのに役立つ吹き出し。
デザイン性や機能性に優れた吹き出しもどんどん出てきています。その ...
CSS3の利用したプルダウンメニューの作り方
グローバルナビ部分には背景画像を使い、ドロップダウンの場合はJSを、というのがお決まりでしたが、CSS3の登場によって、とてもシンプルで簡単に、デザインも美しいド ...
写真をイラスト調に変更する方法。photoshop小技
写真を、パターンとレイヤーマスクを使ってイラスト風の効果を与えるチュートリアル。応用しやすいので、手順を覚えておくと便利に使えそうです。
紹介サイトは ...
ライターが考える目を引くキャッチコピーとは。
キャッチコピーは、Webサイトにおいて、ページの中で最も重要とも言えるパーツ。
なぜなら、ほとんどの人はキャッチコピーを見て、その先の文章を読むか読まないかを ...
WEBデザイナーとして失敗しないホームページを作る方法とは
弊社のクライアント様から以前ホームページ制作会社に相談したが思い通りのホームページが出来なかった・・・と話をお伺いしました。
詳しく話を聞いてるとどうやら担当したデザイ ...
【CSS3/jQuery】すぐに使える!画像まわりのクールなエフェクト8選
CSS3(+jQuery)を使ってできる、超クールな画像エフェクトを厳選しました。どれも簡単かつ軽量に実装できるので、スマホサイトにもおススメです。
◆ ...【SEO】最強の出稿キーワードを手に入れて、LPのコンバージョン率を一気に上げる!
ランディングページ(LP)は、もはやコンバージョンのためだけに存在すると言っても過言ではありません。しかし、期待通りの効果が出ている、と答えられる企業は意外に少ないのではないでしょうか。
アクセス数は目標に達していますか? ...
インターネットエクスプローラーに未知のハッキング攻撃が行われた件について
インターネットエクスプローラーがハッキングに合う可能性があるとの事です。
4月28日にマイクロソフト社のインターネットエクスプローラーの利用者に対して、マイクロソフト社の脆弱性をついた未知のハッキング攻撃が行われたというニ ...
【jQuery】レスポンシブなサムネイル付きスライドショー「Responsive Image Gallery」
「Responsive Image Gallery」
PCでもスマホでもスムーズに表示してくれるレスポンシブなスライドショーが最近増えてきました。その中でも、カルーセル ...
【Photoshop】たった1分!背景から髪の毛を切り抜く方法、決定版はコレ!
【Photoshop】たった1分!背景から髪の毛を切り抜く方法、決定版はコレ!
写真の背景から髪の毛を切り抜く方法は数多くのサイトで紹介されていますが、今回はその決定版とも言える裏技をご紹介します。
難しい理論やテ ...
\AppData\Local\Temp\フォルダの役目
パソコンのハードディスクがほぼ満タンに・・・
データは必要なデータばかりなのでハードディスクの増設をしないといけないかな~
と検討し、ゴミファイルはないかとCドライブ内を巡回してると、気になるフォルダがありました。 ...
photoshop小技まとめ
photoshopの小技をまとめました。
葉っぱ水滴加工をしてみずみずしさを出す方法
何もない葉っぱに水滴を追加する方法
こんな感じです。
photoshop加工方法を紹介した動画はコチラ ...
<TITLE>に設定していない文章が検索結果に表示されてしまう件について
自分のサイトをGoogleで検索した場合に、<Title>タグに設定していないタイトルが表示されている場合があります。
原因としては、ページを制作する際に設定する<Title>に記述するタイトル文章が、長すぎる場合、SEO ...
WORDPRESSのシステムダウンしてサイトが見れなくなった時の対処方法
301・302・303をHTTPレスポンスでを返す
httpd.confや.htaccessにページ転送設定を行なう際の記述例を参考までにまとめています。
301 Moved PermanentlyWebサーバから恒久的な移動を意味する「301 Moved Permenen ...
google「ソフト 404 エラーが増えています」
最近ウェブマスターツールに「ソフト 404 エラーが増えています」と表示される回数が増えてきました。対応策としましてはきちんと404 410を設定し対応することと書かれています。
これまで404ページには、よく自動ページ転送を ...
キーワード出現率をチェックしてSEO最適化
今、自分のホームページはキチンとサーチエンジンにキーワードを伝えれてますか?
もっとも簡単に解析するツールとしてキーワード出現率をチェックするツールがります。
昔、キーワードの出現率は総単語数の5%程度が
Google AJAX Feed APIについての情報
Google AJAX Feed APIのカスタマイズを行なったのでメモを。
内容
Google AJAX Feed APIのフィードに画像を追加
参考サイト
このソースをベースにさせていただき ...
COLORMESHOP のネタ張
<商品一覧ページ>
商品画像の上に「売り切れ表示を出す方法」
<div style=”position:relative;”>
<!–カートに入れる 開 ...
モニターの解像度がズレル場合
急にモニターの解像度が狂ってしまい。
横に伸びてしまう場合や縦に伸びてしまう場合などありませんか?
今私がそんな状態です・・・
色々調べたところ原因がわかりました。
今回の場合はモニター ...
Color me shopにFACEBOOKとTWITTERを連動
ショッピングカートシステム「Color me shop Pro」にFACEBOOKの「いいね!」機能とTwitterの「つぶやき」機能を追加してみました。
これでショップにアクセスしたユーザーが商品についての「つぶやき」な ...
hackについて
IE6だけを除外してくれるhackとIEだけが認識するhackをメモ書きで。
たまにしか使用しないので忘れてしまうんよね~ もう30才やし・・・
Ie6のみを除外するhack・・・・・font-family/* ...
CSSとジャバスクリプトでタブメニュー
JAVASCRIPTとCSSで便利なタブメニューを作る
その1
デモはこちら
その2
サイトを開いたときに全てを読み込まず、タブをクリックしたときに別に用意したhtmlファイルを読み込み表示します。 ...
ジャバスクリプト、CSSでプルダウンメニューを作る
ジャバスクリプトCSSでプルダウンを作る方法
マウスオーバーの背景を滑らかにする方法
マウスオーバーの時に背景色を滑らかにする方法。
デモ