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ドライブ内を巡回してると、気になるフォルダがありました。 ...
Googleアナリティクスのカスタムキャンペーンのパラメータ用 URL生成ツール

Googleアナリティクスのカスタムキャンペーン(メルマガ配信先からホームページに飛んで来た数等)を解析する為には、URLにパラメータを設定しておく必要があります。
そのパラメータを正しく生成できるように、公式パラメータ生成ツ ...
YOUTUBEを2倍の速さで見る方法

YOUTUBEで色々な動画を見たいのですが、見る時間が無い時ありませんか?
私も色々な動画を見る際に時間が無くついつい飛ばしてみてしまうのですが、その飛ばした箇所に大切な内容が含まれているかもしれません。
ちょっと調べ ...
photoshop小技まとめ

photoshopの小技をまとめました。
葉っぱ水滴加工をしてみずみずしさを出す方法
何もない葉っぱに水滴を追加する方法
こんな感じです。
photoshop加工方法を紹介した動画はコチラ ...
ホームページで音楽を再生させる方法

ホームページで音楽・動画を再生したい場合。
JPLAYERがオススメです。
▼再生できる音楽・動画ファイル
・音楽ファイル:mp3, m4a, ogg
・動画ファイル:m4v, ogv, webmv ...
<TITLE>に設定していない文章が検索結果に表示されてしまう件について

自分のサイトをGoogleで検索した場合に、<Title>タグに設定していないタイトルが表示されている場合があります。
原因としては、ページを制作する際に設定する<Title>に記述するタイトル文章が、長すぎる場合、SEO ...
西宮のピアノ教室・リトミック・音楽教室様ホームページ制作しました。

西宮のリトミック・ピアノ教室、LittleBion様ホームページを制作しました。
リトミックを含んだピアノ教室という事でかわいく親しみやすいデザインで制作しました。
先生の写真も素敵でしたのでホームページの素材として使 ...
Googleページランクが上がらないという質問について

Googleページランクがなかなか上がらない・・・
Googleページランクが下がってしまった・・・
ホームページの更新は頑張っているのにどうしたらいい?という質問をたまに受けます。
そこでGoogleツー ...
google+設定方法・登録方法・お役立ち情報をまとめています。

Google+のページの作成方法・設定方法を解説します。
Google+(ググタス)とは? Google+で出来る事Google+は2011年にGoogleが開始したSNS(ソーシャルネットワークサービス)です。コンセ ...
Google+(ぐぐたす)の人気・おすすめコミュニティ

Google+(ぐぐたす)の人気・おすすめコミュニティ
2011年6月に発表されたGoogleの新サービスGoogle+(グーグルプラス)。通称「ぐぐたす」を、既に活用されている方も少なくないのではないでしょうか? ...
WORDPRESSのシステムダウンしてサイトが見れなくなった時の対処方法

IP無線解説サイトIP無線ナビ ホームページ制作しました。

IP無線紹介サイトIP無線ナビホームページの制作を行いました。
従来の無線機は、車両の移動中、電波が届かないところが至るところにある事や、一斉通信が出来ないこと、広域無線を利用する為には、免許の更新が必要など多くのデメリットが ...
明けましておめでとうございます。

明けましておめでとうございます今年も宜しくお願い致します。
DREAM-NETも立ち上げから8年近くたち、一緒に働く仲間も増え、やりがいのある仕事に多く関わらせていただけるようになりました。
本当にありがとうございます ...
WEB調査に最適なサイト

気になるサイトの調査・Whois情報の調査でどのサイトがいいかな~とよく迷うので自分のメモ書きとこのブログへの訪問者の方の為に・・・
■サイト名「aguse」
通常のwhois調査ツールに比べて見易いと思います。
キーワード出現率を自由に変更できるツール!内部SEOにも最適!

大きくお客様にご好評頂いていました、弊社自社開発ツール「KTWEBTOOL」をパッケージ化致しました。
Twitterの「つぶやき」をキーワード指定してピックアップし、HTML情報としてホームページに読み込ませるシステムになり ...
淡路島ペット葬儀会社様ホームページ制作しました。

淡路島のペット葬儀社様のホームページの制作を行いました。
費用を抑えての制作をご希望ですが、SEO対策は考慮したいという事で、カスタマイズ無しのWORDPRESSを導入し、ご自身で記事の更新を行える様に作成してます。
301・302・303をHTTPレスポンスでを返す

httpd.confや.htaccessにページ転送設定を行なう際の記述例を参考までにまとめています。
301 Moved PermanentlyWebサーバから恒久的な移動を意味する「301 Moved Permenen ...