Clik here to view.
ケータイならではのリンクを使った小技テクニックをチラチラ
ケータイサイトって基本的にケータイからアクセスすることを前提としてきたわけですが、それに伴ってコードもケータイ独自に拡張されたものってのがあったりします。中でも顕著なのが a タグによるものでしょうか。サイトから直接電話を掛けたり、メール編集画面を開いたりといったやつですね。...
View ArticleClik here to view.
auのEZwebサイトだけで利用可能な特殊URIの独自拡張一覧
先日、リンクタグを使ったケータイならではの小技をまとめてみたんですが、その時にちょろっと出てきたau特有の特殊URI。 auだけってことで、あんまりサイト制作上使われることのないものではあるんですが、何気に色々と他にもこんなことが出来るよーってのが多いんですね。 というわけで、そんな特殊URIをまとめてみることにしました。 スポンサードリンク 特殊URIとは、 <a...
View ArticleClik here to view.
各キャリア別と3キャリア共通で使えるDOCTYPE宣言をまとめてみた
最近ちょいちょい、モバイルサイトのコーディングネタを書いてますが、何よりも最初に書いておかなければならんだろ! というDOCTYPE宣言に関してまとめ忘れていたので、いまさらまとめてみたいと思います。...
View ArticleClik here to view.
キャリア別にユーザーエージェントで振り分ける方法
最近ちょっと書くことの多いモバイル構築ネタをまたひとつ。 今回はアクセスしてきた端末をキャリアごとに振り分ける方法についてです。 ケータイサイトの場合、大枠としてはdocomo、au、SoftBank...
View ArticleClik here to view.
ケータイサイトにおけるhtaccessを使ったIP制限のまとめ
htaccessを使ってユーザーエージェントでキャリア別のディレクトリに振り分ける方法について書きましたが、今回はhtaccessを使ってIP制限をかけて、ケータイからのみアクセスを許可する方法について触れてみたいと思います。 ケータイサイトでのアクセス制限の理由や、IP制限をかける場合にちょっと注意をしておきたいことなどについてまとめてみましたよ。 スポンサードリンク...
View ArticleClik here to view.
ケータイサイトにおける水平線実装の3つの方法
ケータイサイトのデザイン上、同一ページ内でコンテンツを区切るためによく使われる水平線(hrタグ)。 単純にhrタグを用いるのが旧来のやり方ではあったのですが、XHTML対応が進んだ今では、それ以外の実装方法もあったりします。 というわけで、代表的というか多分これしかないと思う3つをご紹介。 スポンサードリンク hrタグを使う...
View ArticleClik here to view.
ケータイサイトでFacebookへシェアするリンクをつける唯一の方法
ケータイサイトでもFacebookにシェアしたい! という方がいらっしゃるのかなーってことで、今回はその実装方法について。まぁ、そんな難しいこっちゃないです。 スマートフォンサイトでも使えるんですが、スマートフォンサイトの場合は普通に｢Like Button｣も使えますし、やっぱりどっちかっていうとケータイサイト向けのテクニックですね。 スポンサードリンク 実装方法...
View ArticleClik here to view.
保存版! デザイン作業の助けになるスマートフォンUIのPSD40選!!
無料で利用できるスマートフォンUIキット。スマートフォンサイトやアプリのデザイン作業をするときに持っておくと、何かと便利ですよね。 海外系デザインWebメディア｢1stWebDesigner｣で、そうしたUIキットのPSDファイルが紹介されていました。 スポンサードリンク 一応すべてのキットは無料で使うことができますが、商用目的で利用する場合は、事前に使用許諾を確認するようにしておきましょう。...
View ArticleClik here to view.
【暫定版】iPhoneからGoogleリーダーに登録できるRSS配信リンクの設置方法
長くiPhoneを利用している人には常識というか、それに近い認識がされていると思いますが、iPhoneでは、よくブログで見かける｢RSS｣の配信リンクが開けません。 今回はその問題を解消しようと考えました。暫定的かつ限定的なかたちではありますが、リンクを開かせる対応方法を紹介します。 スポンサードリンク RSS配信が開けない...
View ArticleClik here to view.
Facebook Like Boxを可変レイアウトにして横幅ピッタリにするカスタマイズCSS
昨日公開した当ブログのスマートフォン版デザイン。 このデザインを作成するにあたって、ちょっと手を入れたのが、FacebookのLike Boxです。 デフォルトだと固定レイアウトなので、スマートフォン版に実装するにあたり、CSSのみで可変レイアウトにしています。 要望もあったので、実装方法を公開しちゃいます。 スポンサードリンク 実装するとこんな感じになります!...
View ArticleFacebookの投稿埋め込み、スマートフォンはCSSできちっと位置調整すべし!
Facebookが投稿の埋め込みをできるようになりましたが、スマートフォンで見た時に表示崩れは起きていませんか? しっかりとCSSで調整をかけておくといいですよ。Facebookの投稿埋め込み、スマートフォンはCSSできちっと位置調整すべし! は [M] mbdb の記事です
View ArticleClik here to view.
ケータイならではのリンクを使った小技テクニックまとめ
ケータイサイトには独自に拡張されたマークアップがいくつか存在します。そんな拡張されたマークアップの代表的なものをまとめてみました。この記事の続きを読むケータイならではのリンクを使った小技テクニックまとめ は [M] mbdb の記事です
View Article