【デザイン】使いやすさで抜群！商用フリーの日本語フォント
個人でも商用でも利用できる無料の日本語フォントは、どれにしようか迷うほどクオリティが高くて数もどんどん増えています。今回はその中でも、普段使いにできそうなシンプルで優れたフォント ...
【Web】コーダーに、このデザイナーはデキる！と思わせるための８つの気配り
Web制作において、デザイナーとコーダーの連携はととても大切。ここがうまくいっていないと、コーディングに無駄に時間がかかってしまったり、コーディングコストがかか ...
レスポンシブサイトとは。時代のグローバルナビはどう扱う？
Webサイトのレスポンシブ化が進む中、グローバルナビゲーションをどう見せるかというところが悩みどころ。そこで今回は、グローバルナビをスマートに見せるレスポ ...
【フォント】「Google Web fonts」の使い方
パソコンにフォントをインストールしなくても、好みのフォントをサイト上で表示させることができるWebフォント。最近はずいぶん種類も増え、これまで画像で対応してきたクー ...
【WordPress】SEO効果を高めるプラグイン「ALL in One SEO Pack」を導入しよう
WordPressはもともと、しっかりとした内部対策がとられており、構造的にSEOに優れています。けれど、そのSEO効果をさらに高 ...
CSSの小技。高さが不明なボックスの中で中央に配置する方法
ボックス内でテキストを上下中央にそろえたい、ということは良くありますが、テキストが２行、３行にわたり、高さが指定できない場合、これまではよくネガティブマージンなどを使って対処 ...
photoshopを使用して宝地図の様なレトロな地図をつくる
古紙のテクスチャを利用して、Google Mapから古びた地図を作る方法をご紹介します。
１.まず下準備として、古紙のテクスチャを汎用的に使える ...
【WordPress】データベースに負担がかかる「リビジョン」機能を制御する方法
WordPressには、編集途中の記事や、編集の履歴を自動的に保存してくれる「リビジョン」という機能があります。WordPress 2.6から導入された機 ...
WordPress パーマリンク設定について
WPで一つ目の記事を投稿する前に設定しておきたいのがパーマリンク設定。デフォルト設定のまま使い続けると、後で悔やむことになるかも。どのような形式にする ...
ウェブデザイン小技・余白を活用したWEBデザイン
余白は、要素と要素の間に区切りを入れ、ページに構造を作り出します。それだけではなく、余白のあり方によってページ全体の印象をがらりと変えてしまうほどの力を持っ ...
inputボタン CSSデザイン
input系をcssで装飾したい時には、「属性セレクタ」を使うと切り分けが便利です。属性セレクタは、要素名の後ろに{
font-size:20px; ...
Pixlr Esitorオススメ画像編集WEBアプリ
Webデザイナーの画像加工用ソフトというと、真っ先に思いつくのがPhotoshop。もう何年も前からの業界標準となっています。ところが、その地位が ...
photoshopフォント加工の豆知識
溶かしたチョコレートで描いたようなテキストのエフェクトチュートリアルです。スイーツ商品のバナーなどに使えそう。
こちらで紹介されていました
desig ...
jQueryでホームページに「吹き出し」を付ける方法
補足説明やリンク先の情報などを省スペースで表示するのに役立つ吹き出し。
デザイン性や機能性に優れた吹き出しもどんどん出てきています。その ...
CSS3の利用したプルダウンメニューの作り方
グローバルナビ部分には背景画像を使い、ドロップダウンの場合はJSを、というのがお決まりでしたが、CSS3の登場によって、とてもシンプルで簡単に、デザインも美しいド ...
写真をイラスト調に変更する方法。photoshop小技
写真を、パターンとレイヤーマスクを使ってイラスト風の効果を与えるチュートリアル。応用しやすいので、手順を覚えておくと便利に使えそうです。
紹介サイトは ...
ライターが考える目を引くキャッチコピーとは。
キャッチコピーは、Webサイトにおいて、ページの中で最も重要とも言えるパーツ。
なぜなら、ほとんどの人はキャッチコピーを見て、その先の文章を読むか読まないかを ...
WEBデザイナーとして失敗しないホームページを作る方法とは
弊社のクライアント様から以前ホームページ制作会社に相談したが思い通りのホームページが出来なかった・・・と話をお伺いしました。
詳しく話を聞いてるとどうやら担当したデザイ ...
【CSS3/jQuery】すぐに使える！画像まわりのクールなエフェクト８選
CSS3（+jQuery）を使ってできる、超クールな画像エフェクトを厳選しました。どれも簡単かつ軽量に実装できるので、スマホサイトにもおススメです。
◆ ...【SEO】最強の出稿キーワードを手に入れて、LPのコンバージョン率を一気に上げる！
ランディングページ（LP）は、もはやコンバージョンのためだけに存在すると言っても過言ではありません。しかし、期待通りの効果が出ている、と答えられる企業は意外に少ないのではないでしょうか。
アクセス数は目標に達していますか？ ...
インターネットエクスプローラーに未知のハッキング攻撃が行われた件について
インターネットエクスプローラーがハッキングに合う可能性があるとの事です。
4月28日にマイクロソフト社のインターネットエクスプローラーの利用者に対して、マイクロソフト社の脆弱性をついた未知のハッキング攻撃が行われたというニ ...
【jQuery】レスポンシブなサムネイル付きスライドショー「Responsive Image Gallery」
「Responsive Image Gallery」
PCでもスマホでもスムーズに表示してくれるレスポンシブなスライドショーが最近増えてきました。その中でも、カルーセル ...
【Photoshop】たった１分！背景から髪の毛を切り抜く方法、決定版はコレ！
【Photoshop】たった１分！背景から髪の毛を切り抜く方法、決定版はコレ！
写真の背景から髪の毛を切り抜く方法は数多くのサイトで紹介されていますが、今回はその決定版とも言える裏技をご紹介します。
難しい理論やテ ...
\AppData\Local\Temp\フォルダの役目
パソコンのハードディスクがほぼ満タンに・・・
データは必要なデータばかりなのでハードディスクの増設をしないといけないかな～
と検討し、ゴミファイルはないかとＣドライブ内を巡回してると、気になるフォルダがありました。 ...
Googleアナリティクスのカスタムキャンペーンのパラメータ用 URL生成ツール
Googleアナリティクスのカスタムキャンペーン（メルマガ配信先からホームページに飛んで来た数等）を解析する為には、URLにパラメータを設定しておく必要があります。
そのパラメータを正しく生成できるように、公式パラメータ生成ツ ...
YOUTUBEを2倍の速さで見る方法
YOUTUBEで色々な動画を見たいのですが、見る時間が無い時ありませんか？
私も色々な動画を見る際に時間が無くついつい飛ばしてみてしまうのですが、その飛ばした箇所に大切な内容が含まれているかもしれません。
ちょっと調べ ...
photoshop小技まとめ
photoshopの小技をまとめました。
葉っぱ水滴加工をしてみずみずしさを出す方法
何もない葉っぱに水滴を追加する方法
こんな感じです。
photoshop加工方法を紹介した動画はコチラ ...
ホームページで音楽を再生させる方法
ホームページで音楽・動画を再生したい場合。
JPLAYERがオススメです。
▼再生できる音楽・動画ファイル
・音楽ファイル：mp3, m4a, ogg
・動画ファイル：m4v, ogv, webmv ...
＜TITLE＞に設定していない文章が検索結果に表示されてしまう件について
自分のサイトをGoogleで検索した場合に、＜Title＞タグに設定していないタイトルが表示されている場合があります。
原因としては、ページを制作する際に設定する＜Title＞に記述するタイトル文章が、長すぎる場合、SEO ...
西宮のピアノ教室・リトミック・音楽教室様ホームページ制作しました。
西宮のリトミック・ピアノ教室、LittleBion様ホームページを制作しました。
リトミックを含んだピアノ教室という事でかわいく親しみやすいデザインで制作しました。
先生の写真も素敵でしたのでホームページの素材として使 ...