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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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