RenzSpace Free Style Blog

ボーダー

4月 20th, 2009 Author :: / Categories :: モバイルネタ / トラックバックURL / No Comments »

Twitt

モバイルサイトを作成するにあたり、見やすくする方法の一つとして<hr />を入れる事がある。しかし、<hr />に色や太さを正確に指示するのは難しいと思う。そこで使用されるのがCSSでのboder指示。しかし、これにも面倒な事がある。

これもまた、キャリア間での問題。

auやソフトバンクは問題なくdivにborder指示を出す事が可能なのだが、docomoキャリアの場合はダメ。

その場合、どうしたら良いのか。

これも結構単純に解決出来た。

幅1px×高1pxのいわゆるspacer.gifを用いて、幅100%、高さ1pxのdivで囲ってあげる。
imgにはmargin:0; padding:0;の指示も入れておき、spacerを囲ったdivの背景色を決める。そうする事で、自分の好きな色で線を入れる事が可能となるわけです。

ただし、このやり方で問題が発生。

softbankキャリアでは大変不細工な表示になってしまう。

ですので、この方法はdocomoのみに使用し、ユーザーエージェント振り分けの方法でsoftbankにはborder指示を与えたものを準備しておく必要が出てきます。
そして、上記から想像出来るのが、4編を囲うようなデザインはモバイルでは全キャリアで
作る事は難しいという事も分かります。
まあ、どうしても前キャリアで4編をボーダーで囲ったデザインを用いたいというのであれば方法はいくらでもありますので、探ってみても良いかもしれませんね。

4月 20th, 2009 Author :: / Categories :: モバイルネタ / トラックバックURL / No Comments »

新規オープン

4月 17th, 2009 Author :: / Categories :: BLOG / トラックバックURL / No Comments »

Twitt

ここのところ、自社サービスを始めるにあたっての下準備で結構バタバタしてましたが
何とかかんとか基礎は固まりました。

そこで、自分のブログも心機一転!デザインリニューアル&WordPressへの移行をしました。
まだ、トップの右上部分にFlashを入れていないのですが、これもその内時間が出来た時に入れようと思っております。(写真か何かを表示出来るようにしてみようかな。)

最近、自分の中でWordPressがかなり熱いです。
カスタマイズのしやすさ、プラグインの多さもありかなり気に入っています。
タイトルがWebNoteという事も有り、開発や制作する中での備忘録として利用していこうと考えております。

それにしても、最近色々とやりたい事が有りすぎて困ってしまいます。

4月 17th, 2009 Author :: / Categories :: BLOG / トラックバックURL / No Comments »

SEOの役に立つ?Point1

4月 8th, 2009 Author :: / Categories :: SEO基本情報 / トラックバックURL / No Comments »

Twitt

リンクポピュラリティがSEOにどれくらいの影響を与えるのでしょうか。
ちょっと考えて見ます。

現在の検索エンジンがキーワードとWebページの適合度を測る重要な指標の一つとして、リンクポピュラリティというのがあります。これは、リンクを一種の支持投票とみなし、多くの質の高いリンクを集めるWebサイトはネットの中で高い支持を受けているものとして、検索結果リストの中で優位に扱うというアルゴリズム(スコアリングアルゴリズムっていうみたいです)です。

リンクポピュラリティの計算では、被リンクの数だけでなく、多くの被リンクを持つWebページからのリンクを特に高く評価する。「数多くのページから参照されるページは重要である」また「重要なページから参照されるページも重要である」という考えから、重要なページからのリンクもまた重視されるということらしい。

リンクポピュラリティを用いた技術としては、GoogleのPageRankがそれにあたる。
GoogleのPageRankでは、被リンクの量と質によってWebページの重要度を測る。
質の高いコンテンツを制作し、質の高いリンクを得ることがリンクポピュラリティを高める秘訣といえる。

ということで、むやみやたらと無料URL登録にURL登録をしてしまうと、かえって質を落とす可能性が発生しPageRankを自ら落としかねません。もし自分が運営しているホームページやブログが飲食系だとしたら、飲食系のみを扱っているものに限定した方が良いのです。

GoogleやYahoo!などの検索エンジンへの登録は問題ありませんが、それ以外はなるべく慎重に登録した方が良いでしょう。

[amazon]4798015970[/amazon][amazon]4798118184[/amazon][amazon]456964967X[/amazon]

4月 8th, 2009 Author :: / Categories :: SEO基本情報 / トラックバックURL / No Comments »

marginはイメージにだけ

4月 8th, 2009 Author :: / Categories :: モバイルネタ / トラックバックURL / No Comments »

Twitt

docomoキャリアでCSSが使えるようになった所で、次の備忘録。

『margin、paddingはイメージにのみ設定が可能。』ということ。

モバイルなので、余り必要ないとも思うのですが、情報分岐点などはやはり余白を用意し、ユーザーに”ここからは違う情報が始まるよ”を伝えてあげる必要があると思います。

しかし、余白を空けたい所に画像を設置するものが無いという場合は、1px×1pxのspacer.gifを使用してあげれば問題ないでしょう。(PC版Webサイトを作る時には結構使っているのですが、中々気がつかない方も多い様なので一応紹介しました。)

docomoの場合は、外部CSSの仕様が無理なので直接記述するしか無いですね。
こんな感じです

<img src=”images/spacer.gif” width=”1″ height=”1″ alt=”代替えテキスト” style=”margin:数値+単位; padding:数値+単位” />

4月 8th, 2009 Author :: / Categories :: モバイルネタ / トラックバックURL / No Comments »