PAGETOP

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ドライブ内を巡回してると、気になるフォルダがありました。 ...

Googleアナリティクス, Googleサービス

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

便利なサイトの紹介

No Image

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

Photoshopのテクニック

No Image

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

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

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

jQuery/Script/CSS/HTMLについて

No Image

ホームページで音楽・動画を再生したい場合。
JPLAYERがオススメです。
▼再生できる音楽・動画ファイル
・音楽ファイル:mp3, m4a, ogg
・動画ファイル:m4v, ogv, webmv ...

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

No Image

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

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

サイト紹介

No Image

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

SEO対策・アクセスアップ

No Image

Googleページランクがなかなか上がらない・・・
Googleページランクが下がってしまった・・・
ホームページの更新は頑張っているのにどうしたらいい?という質問をたまに受けます。

そこでGoogleツー ...

Googleサービス

Google+のページの作成方法・設定方法を解説します。

Google+(ググタス)とは? Google+で出来る事Google+は2011年にGoogleが開始したSNS(ソーシャルネットワークサービス)です。
コンセ ...

Google+について, Googleサービス

No Image

Google+(ぐぐたす)の人気・おすすめコミュニティ

2011年6月に発表されたGoogleの新サービスGoogle+(グーグルプラス)。通称「ぐぐたす」を、既に活用されている方も少なくないのではないでしょうか? ...

WEBデザイン, WORDPRESS

No Image

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

サイト紹介

No Image

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

つぶやき・メッセージ

No Image

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

便利なサイトの紹介

No Image

気になるサイトの調査・Whois情報の調査でどのサイトがいいかな~とよく迷うので自分のメモ書きとこのブログへの訪問者の方の為に・・・
■サイト名「aguse」
通常のwhois調査ツールに比べて見易いと思います。

SEO対策・アクセスアップ

No Image

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

サイト紹介

No Image

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

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

No Image

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

301 Moved Permanently

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