WEBデザインスタジオ

WEBデザインの最近のブログ記事

21
Feb

フォントの管理が簡単にできるFontcase

[ font : tools : webデザイン : ツール : デザイン : フォント ]

デザイン作業とか行うときってフォントは非常に大切な要素の一つですが、そのフォントをインストールしすぎるとMacやPCが重くなってしまって、集中力が落ちてしまったり、作業の効率が落ちてしまったりしまった...

Category :

もっと見る
16
Feb

WordPressインストールしたらとりあえずやる事

[ CMS : SEO : webデザイン : WordPress ]

WordPressを使ったサイトを立ち上げると毎回同じ作業や設定をそのサイト毎に行う訳ですが、同じ事も多かったりするのでプラグインの設定などを整理しておきたいとおもいます。サイトの目的にあわせてもち...

Category :

もっと見る
25
Nov

カレッジロゴ、エンブレムいろいろ

[ USA : アメリカ : エンブレム : デザイン : ロゴ : 大学 : 紋章 ]

ロゴとかエンブレム、紋章とかのデザインを最近させていただいたので、その際の資料ということで、アメリカの大学、イギリスの大学をネットで収集しました。結構大学の場所によってエンブレムの中身のデザインが異...

Category :

もっと見る
23
Aug

WEBサイトの横幅は何ピクセルが適当ですか?

[ UI : webサイトデザイン : webデザイン ]

閲覧しているブラウザやデバイス、環境などによってどのくらいの横幅、縦幅でサイトを構成するのが適当なのかというのを事例を調べてみました。スマートフォンやiPad的なものが今後増えていくなかで、各デバイス...

Category :

もっと見る
21
Jul

jQueryを使ったズームプラグイン。ECサイトとかによさげ。jQZoom EvolutionとGalleriffic

[ EC : jQuery : webデザイン : ギャラリー ]

jQZoom Evolution このプラグインはマウスオーバーすると枠外にズームされた画像が表示されるというもの。マウスオーバーすると枠外にズームされた画像が表示されるというプラグインになって、ズームしたい箇所をアクティブにする(?)カーソルは3パターンくらい用意されている

Category :

もっと見る
13
Jul

google analytics のトラッキングコードが新しく

[ analytics : google : マーケティング ]

Wordpressのgoogle analyticsのプラグインがアップデートするときに、なにやら再設定しろとのメッセージがあったのが気になって調べたところgoogle analyticsのトラッキン...

Category :

もっと見る
10
Jun

グラフを表示するjQuery、FLASHとGoogle Chart API

[ API : google : tools : webデザイン ]

当然なのですが、データをグラフや図案化して視覚化したほうが人に伝わります。伝えたい人が見せたいようにも表現を変えたりすることもできたりするので、データをグラフ化するということは、非常に効果がある見せ方...

Category :

もっと見る
11
May

携帯サイトを作る際に参考になる3G携帯インターネットの利用動向

[ webサイトデザイン : webマーケティング : 携帯 ]

携帯サイトを作成する時に、ちょっと気になったので調べたりしていました。現在どのくらいの割合で3G端末を利用しているのか、3G端末の場合だと、ページ容量はどのくらいが適当なのか?そもそも3G端末でいわゆ...

Category :

もっと見る
11
Mar

オープンソースで無料で使えるプロジェクト管理ツールactivecollab

[ tools : webサイトデザイン : webデザイン : オープンソース ]

先日よりいろいろと調べていたプロジェクト管理ツールですが、機能、インターフェイスがシンプルなbasecampのPHP版とのことの "activecolb ver.0.7.1" を少し使ってみましたので...

Category :

もっと見る
17
Dec

PhotoShopとかでつかえる木目調のフリーなテクスチャ

[ webデザイン : デザイン : 写真 ]

28 High Resolution Wood Textures For Designers あんまり、企業系のウェブサイトでは使うことはないとおもいますが、バナーや特集ページなどでは使えることがあ...

Category :

もっと見る
3
Dec

LIFEマガジンの写真がGoogleによって公開されました

[ google : デザイン : 写真 ]

Googleが雑誌LIFEの70年にも渡る掲載写真コレクション(コレクション自体は1830年代から130年くらい)をスキャンして公開したようです。LIFEといえばメッセージ性の強い写真をメインに扱い、...

Category :

もっと見る
1
Dec

SEO対策におけるnofollowの扱い について

[ google : SEO : webマーケティング : yahoo ]

SEO対策の一環として、検索エンジンのクロールをコントロールする方法として、リンクの属性に"nofollow"を指定するという方法が一般的です。これは、サイトに訪問した検索エンジンにクロールする必要が...

Category :

もっと見る
28
Oct

.htaccessで特定のIPだけ閲覧可能でメンテナンスに最適

[ .htaccess : webサイトデザイン : webデザイン ]

サイトのリニューアルや一時的なメンテナンスなどサイトのサービスを一時的に停止してメンテナンス作業を行う機会があったりします。訪問ユーザーにメンテナンス中のサイトが見えてしまったり、使えてしまったりする...

Category :

もっと見る
27
Oct

SEOのための301リダイレクトの設定。リニューアル後に効果あり。

[ .htaccess : google : SEO : webサイトデザイン : webデザイン : webマーケティング : yahoo ]

リニューアルやサイト構造を変更するとURLが変更になる場合があります。変更以前より検索エンジンに登録されているURLの情報から変更されている訳ですので、その変更を検索エンジンと検索エンジンからやってく...

Category :

もっと見る
24
Oct

いろんなWEBサービスが提供しているAPIについて

[ google : tools : webサイトデザイン : webサービス : webマーケティング : アプリケーション : コンテンツ : ソーシャルメディア ]

amazonやgoogleなどwebサービスを展開する企業は、外部からこれらのwebサービス内のコンテンツやプログラムにアクセスできるAPIと呼ばれる機能を一般に公開しています。なんかの条件でコンテン...

Category :

もっと見る
23
Oct

ページの中央縦に配置するCSS

[ css : webサイトデザイン : webデザイン ]

いま開いているページの中央で、なおかつウィンドウの大きさに合わせて、いつもど真ん中にコンテンツを配置したい時に、CSSでレイアウトを設定すると縦の位置はどうしてもそのDIV要素の中身に依存してしまい、...

Category :

もっと見る
22
Oct

Googleウェブマスターツールのカスタム404エラーページ

[ .htaccess : google : webサイトデザイン : webデザイン ]

訪問してきたユーザーがサイト上に存在しないURLにアクセスした時に表示されるページで、通常設定をしていないと、無味乾燥なエラーメッセージのみのページが表示される訳ですが、せっかく訪問、もしくはサイトの...

Category :

もっと見る
30
Sep

jQueryプラグインでアンチエイリアスな角丸を作る

[ javascript : jQuery : webデザイン ]

角丸をつかったWEBページのデザインは、見た目の印象を柔らかくできたりするので、使いたいケースが結構あるのですが、テキストの量や画像の大きさ等に合わせて、サイズが可変してもきれいに見えるように、すると...

Category :

もっと見る
29
Sep

jQueryプラグインで透明なプルダウンメニュー/droppy

[ javascript : jQuery : UI : webデザイン ]

サイト内の情報が増えてくると、ナビゲーションは階層化して表現したくなりますが、そんな時に便利なのが、プルダウンメニュー。flashなどで作成してもいいのでしょうが、jQueryのプラグインでも作成する...

Category :

もっと見る
9
Sep

アクセスログ解析ツールについてあれこれ

[ analytics : google : webサービス : webマーケティング : アクセスログ解析 : マーケティング ]

サイト運営にはログ解析ツールが欠かせないかと思いますが、はたしてどんなツールを利用するのが一番効果的なのか?ということは、何を計測するのによって異なってくるのだと言われていますが、まずは、どんなツー...

Category :

もっと見る
4
Sep

ソーシャルメディアにおけるマーケティングについて

[ SEO : SMO : SNS : webマーケティング : ソーシャル : ソーシャルメディア : マーケティング ]

このまえは、ソーシャルマーケティングについて書いてみたのですが、今度は、"ソーシャルメディアマーケティング"。実は、このこと(ソーシャルメディアマーケティング)を調べようかとおもったのですが、なぜかソ...

Category :

もっと見る
25
Aug

Movabletype4で関連記事を表示する

[ movabletype : webデザイン ]

MovableType4.xxで記事詳細ページに関連する記事を表示させたかったりします。単純に表示させたいコンテンツがないからとかというコトも、あるかとおもいますが、その動機はだいたい、サイトの訪問あ...

Category :

もっと見る
15
Aug

jQueryで実現する折りたたみするスライドデザイン

[ jQuery : webデザイン ]

あまり重要でない情報などをコンパクトに見せたいときや、決められた範囲に多くの情報を配置したいときのTIPS。今回の想定は、コメント投稿欄をスライドして出したり、折りたたんだりするということを想定しま...

Category :

もっと見る
4
Aug

無料で使えるWordPressテーマ

[ CMS : webデザイン : wordpress : オープンソース : デザイン ]

オープンソースのブログツール WordPress。多くのプラグイン、テーマなどが公開されていてブログツールの世界標準的な位置を獲得しているような感じ。日本国内(というか、日本語圏)では、あまり情報が多...

Category :

もっと見る
1
Aug

Movabletypeにするか、WordPressにするか?

[ CMS : movabletype : webサイトデザイン : webデザイン : wordpress : オープンソース ]

先日CMSをサイト構築時に利用して方が、メリットが大きいと言う事をアップしたのですが、そのなかでもバランスがよくていいのが、MovableTypeとWordPress。 どうして、MovableTyp...

Category :

もっと見る
31
Jul

サイト構築時にCMSとしてブログツールを利用するメリット

[ CMS : movabletype : tools : webサイトデザイン : webデザイン : wordpress : アプリケーション : オープンソース ]

企業のサイトとかにおいても、ブログをCMSのように使ったサイトの構築や、ブログを使った集客など、ブログのツールを利用する機会がかなり増えています。 ブログのツールやCMSを利用する最大のメリットは、簡...

Category :

もっと見る
16
Jul

Macで使えるブログエディター ecto

[ Macintosh : movabletype : デザイン : ブログ ]

いつもテキストエディターでブログの記事を書いているのですが、どうも保存、下書き、編集などの取扱を素早くうまくできないかと思って検索してみると、世の中にはブログエディターというものがあるよう。まずは、e...

Category :

もっと見る
7
Jul

SEOの効果もありそうなPing送信先の一覧

[ ping : SEO : webサービス : webマーケティング : ブログ ]

たいがいのブログツールには、PING送信機能というものがついていて、ブログなどの更新したという情報をサーバーに送信することができます。その送信を受付てくれるサーバーの一覧です。いろいろと見て回ったので...

Category :

もっと見る
4
Jul

超簡単! jQueyを使った一行毎に色を変えるテーブルデザイン

[ css : javascript : jQuery : webデザイン ]

各種のデータや、リストなどで表組の表現を用いる時に、テーブル(table)タグを使用する事があります。その方がすっきりと見せれる事が多いしタグとCSSのクラスも少なくて済みそうかなと思います。そこでさ...

Category :

もっと見る
1
Jul

flickr APIを利用してに投稿した画像を表示する

[ flickr : webサービス : webデザイン ]

flickrにアカウントをもっていて、たまに撮った写真とかを適当にアップしてたりするのですが、このflickrにあげた画像をこのサイトや他のサイトでも表示させたい! ということで、まずは簡単に、自分の...

Category :

もっと見る
26
Jun

WEBブラウザで表示されているコンテンツをA4で印刷する

[ css : webデザイン : エコ ]

WEBサイトをプリントアウトして、そのまま持ち歩いたり、なにかにつけて印刷をする人って結構いたりします。パソコンなどのリテラシーがある方は、プリントアウト時に設定を変更したりしてA4サイズに収めたりす...

Category :

もっと見る
24
Jun

WEBデザインするときに役立つスクリーンキャプチャーするアプリケーション(windows)

[ webデザイン : windows : アプリケーション ]

作業しているとスクリーンキャプチャーをする機会が結構あったりしますね。 Macで作業中だとショートカットでキャプチャーできたり([cmd]-[shift]-[4] とか)、キャプチャーアプリ(Pap...

Category :

もっと見る
19
Jun

SEOの極意なんですかね?これ。SEOのプロがまとめたらしい

[ SEO : webマーケティング : マーケティング ]

サイト立ち上げて、人に見てもらいたい、買ってもらいたい、使ってもらいたいって思っているサイトオーナーにとって、かなり重要なサイトプロモーションである筈のSEOについて、日本、アメリカのSEOのプロがY...

Category :

もっと見る
16
Jun

iPhone制作TIPS情報の用意とまとめ

[ iPhone : webデザイン ]

iPhoneの発売とスマートフォンの普及につれて、PC向けサイト、モバイル向け、スマートフォン向けと同じデータを3つの表現方法で表示する必要が出てくると思われます。webに現段階で出ている情報を元にち...

Category :

もっと見る
9
Jun

インフォグラフィック(infographic)っていうもの

[ infographic : webデザイン : デザイン ]

企画書だったりプレゼン資料だったり、WEBページやカタログなど、様々なデータを何らかの形にして見せることって、結構あったりするんですが、そのときにいい感じのグラフィックで魅せれたら素敵だなと思う訳です...

Category :

もっと見る
6
Jun

ECサイトを成功に導くためのいろいろメモ

[ EC : webデザイン : webマーケティング ]

ECサイトを成功に導くのは、大変であるが、ポイントがあるんではないかということです。ECサイトといってもかたやアマゾンや楽天のような超大型のサイトサービスもあるけど、おとなりの雑貨屋さんがこじんまりと...

Category :

もっと見る
2
Jun

SEOにもユーザーにもやさしいフッターナビゲーション

[ SEO : UI : webデザイン ]

SEO的な効果を試してみるのと、ユーザービリティーの向上?ということで、結構コンテンツ的にボリュームがあるフッターナビゲーションを追加してみました。 サーチエンジン的な話。検索エンジンもHTMLページ...

Category :

もっと見る
29
May

タグ検索結果をPHP化してURLを変更する/Movable Type4

[ .htaccess : movabletype : php ]

MovableTypeのエントリーに付けられたタグをタグクラウドのようにしたり、ブログのカテゴリーのように利用しているのですが、タグ検索結果とキーワード検索結果のテンプレートは、PHPスクリプトを記述...

Category :

もっと見る
27
May

WEBサイトの宣伝効果とその役割について考えてみた

[ SEO : webマーケティング ]

WEBサイトを立ち上げだけでは宣伝にはなるのはすこしむずかしい。 というと少し唐突なんですけど、現実の世界でいうと会社のパンフレットやお店の通販カタログをつくっても宣伝にはならなくて、手渡したり、郵送...

Category :

もっと見る
23
May

div要素もhoverしちゃうjQueryプラグイン "jquery.biggerlink"

[ ajax : javascript : jQuery : webデザイン ]

マウスオーバーにリンクがあるとDIV要素の背景とかが変更できるjQueryのプラグインについて。マウスオーバー時にちょっと背景、テキストカラーを変更出来る範囲をDIV要素まで広げる事ができます。ギミッ...

Category :

もっと見る
22
May

メールフォーム、アンケートフォームが作れる無料WEBサービスwufoo

[ webサービス : webデザイン : フォーム : 無料 ]

フォームをオンラインで作成できるサービス。生成したコードを貼付けるだけで、サイトにフォームを設置することができます。実際のサービスにも利用できそうですけど、無料の場合はエントリー出来るデータの容量やフ...

Category :

もっと見る
21
May

XOOPSのスパムコメントをphpMyadminで削除する

[ phpMyadmin : xoops : スパム ]

XOOPSで運用しているサイトのコメントスパムが異常にあり、管理者IDで一個ずつ削除するにも、途方にくれるような作業なので、phpMyadmin で一気に削除するメモです。 05年頃にリリースしたサイ...

Category :

もっと見る
20
May

WEBサイトデザインのターゲットとコンセプト

[ webサイトデザイン : マインドマップ : 企画 ]

WEBサイトのリニューアルや新規立ち上げの際に、クライアントと制作者の間でまずは明確にしておかなければならない事がいろいろとあったりします。 かなり大事なのが、コンセプトとターゲット です。 サイトの...

Category :

もっと見る
19
May

WEBサービスで無料で使えるWEBサイトのモックアップツール

[ tools : webサービス : webデザイン : サイトマップ ]

サイトのデザインにおいて、企画の初期の段階でサイトマップやサイトのモックアップを作成する場合があります。とくにこの作業をしておいた方が、サイト全体のイメージと、情報の整理が行えますので、必須のワークフ...

Category :

もっと見る
16
May

Yahooサイトエクスプローラー beta(サイト管理者向けツール)

[ SEO : webサービス : webマーケティング ]

Yahoo!がWEBサイト管理者向けにツールをリリースしました。Yahooの検索エンジンがサイトのコンテンツを効率よくクロールできるようになるようです。Googleにもウェブマスター ツールというクロ...

Category :

もっと見る
15
May

クリエイティブコモンズの画像をflickrで検索

[ flickr : webデザイン : クリエイティブコモンズ : 写真 : 素材 : 著作権 ]

flickrという写真共有サイトがあるのですが、プロの写真家も多く登録して利用しているので、共有されている写真のクオリティーが非常に高いのが特徴です。素晴らしい写真が多くて、見ているだけでも結構楽しい...

Category :

もっと見る
14
May

SEO的なHTMLの最適化とマークアップとの基本

[ SEO : webサービス : webマーケティング ]

SEO対策のなかで内的要因と外部要因というのがあります。外部要因というのは、サイト以外の外部からリンクを張られたりする文字通りサイト外に起因すること。内部要因はサイト内に関わる事。これら大きく分けて、...

Category :

もっと見る
13
May

フェードするタブインターフェイスを探してみる Tab Interface / jQuery

[ ajax : jQuery : UI : webデザイン : タブ ]

Yahoo!JapanとかGoogleのトップページにも最近使われているんだけど、タブのインターフェイスって、情報量が多いときは結構重宝する、とおもいます。サクッと出来る方がいいかとおもったりするので...

Category :

もっと見る
12
May

ローディングイメージ/アイコン ajaxとかに使えそう。

[ ajax : webサービス : webデザイン : アイコン ]

サイト閲覧している時に、特に大きな画像やデータが読み込まれるときに、一瞬時間が空くことが容易に想像されるケースがあったりしますが、そのときに、読み込み中だよーって事をユーザーに伝えたい状況っていうのが...

Category :

もっと見る
7
May

404エラーページとかをカスタマイズしてみる

[ 404 : apache : webデザイン ]

あまりユーザーにお目にはしない方がいいかと思いますが、用意しておいた方が、サイト価値は上がるかと思いますのでエラーページの作成方法とカスタマイズの意味についてのメモ。エラーページとはアクセスした際にペ...

Category :

もっと見る
1
May

検索結果上位表示するSEOの基本の事

[ google : html : SEO : Yahoo! ]

SEO(search engine optomazation)というのは、検索エンジンにたいしてサイトを最適化し、あるキーワードの検索結果上位を狙うという一連の最適化設定のことをさします。 SEOとい...

Category :

もっと見る
30
Apr

WEBデザインする上で最低限おさえておきたいたった5個の法則

[ webデザイン : webマーケティング : デザイン : 配色 ]

たいそうな記事のタイトルですが、なかみは大した事ありません。。 SEOやソーシャルブックマークなどでこういう見出しがおおいので、興味本位で、ちょっと試験的にこんなタイトルにしてみました。 見る人によっ...

Category :

もっと見る
18
Apr

Movabletype4.1のタグサーチの概要の文字数の変更方法

[ movabletype : webデザイン ]

記事の概要というテンプレートに表示される文字数について。 タグ検索結果ページは、システムテンプレートの検索結果というテンプレートをつかって表示されているのですが、この検索結果で出力される記事の概要が...

Category :

もっと見る
14
Apr

クリエイティブコモンズの画像検索

[ クリエイティブコモンズ : 写真 : 素材 ]

webデザインにおいても、力のある写真がうまく使われているとグッとくるモノがあります。写真が伝えられる情報はかなり多いんではないかとおもいます。ユーザーに伝えたいモノであったり、サービスだったり、イ...

Category :

もっと見る
12
Apr

faviconの作成方法と作成サービス

[ webデザイン : アイコン ]

faviconは、ウェブサイトをブラウザで見ているときでているアドレスバーのURLの左側に表示されている小さいアイコンのことです。 こんな感じ↓ 最近のサイトはオリジナルのfaviconを採用してい...

Category :

もっと見る
11
Apr

クリエイティブコモンズの考え方って素晴らしい!

[ webデザイン : クリエイティブコモンズ : 写真 : 著作権 ]

クリエイティブ・コモンズとは、ネットを利用している現代における新しい著作権の考え方。 著作者、アーティストはある程度権利保持しながら、シェアーしていこうっていう考え方のもとに広がっている概念で、コア...

Category :

もっと見る
Advertisement -広告-
アマダナ
PAGETOP↑

SOHO WEBデザインスタジオ 写真flickr

Loading...