WEBデザインスタジオ

タグ「webデザイン」が付けられているもの  38件

21
Feb

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

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

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

もっと見る
16
Feb

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

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

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

もっと見る
23
Aug

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

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

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

もっと見る
21
Jul

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

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

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

もっと見る
10
Jun

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

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

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

もっと見る
11
Mar

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

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

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

もっと見る
15
Feb

プロジェクト管理ツールいろいろ(オープンソースもあるよ)

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

タスクやスケジュールとかの情報を関係者間でスムースに情報共有ができたりすると、うまく物事がすすんだりします。また、同じ情報をもとに関係者の間でコミュニケーションができていると、しなくてもよい勘違いなん...

もっと見る
17
Dec

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

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

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

もっと見る
28
Oct

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

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

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

もっと見る
27
Oct

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

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

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

もっと見る
23
Oct

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

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

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

もっと見る
22
Oct

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

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

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

もっと見る
30
Sep

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

[ javascript : jQuery : webデザイン ]

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

もっと見る
29
Sep

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

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

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

もっと見る
25
Aug

Movabletype4で関連記事を表示する

[ movabletype : webデザイン ]

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

もっと見る
15
Aug

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

[ jQuery : webデザイン ]

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

もっと見る
4
Aug

無料で使えるWordPressテーマ

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

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

もっと見る
1
Aug

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

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

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

もっと見る
31
Jul

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

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

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

もっと見る
4
Jul

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

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

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

もっと見る
1
Jul

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

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

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

もっと見る
26
Jun

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

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

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

もっと見る
24
Jun

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

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

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

もっと見る
16
Jun

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

[ iPhone : webデザイン ]

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

もっと見る
9
Jun

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

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

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

もっと見る
6
Jun

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

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

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

もっと見る
2
Jun

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

[ SEO : UI : webデザイン ]

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

もっと見る
23
May

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

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

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

もっと見る
22
May

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

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

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

もっと見る
19
May

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

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

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

もっと見る
15
May

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

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

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

もっと見る
13
May

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

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

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

もっと見る
12
May

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

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

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

もっと見る
7
May

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

[ 404 : apache : webデザイン ]

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

もっと見る
30
Apr

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

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

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

もっと見る
18
Apr

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

[ movabletype : webデザイン ]

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

もっと見る
12
Apr

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

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

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

もっと見る
11
Apr

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

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

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

もっと見る
PAGETOP↑

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

Loading...