スマートフォンサイト制作

WEBフォントCONDENSE-iconFontを使ってアイコンボタンを作ってみた

GIGAZINEさんやLife Hackerさんで取り上げられ、話題になっていますが、大分県で活躍されているデザイン事務所CONDENSEさんから、すばらしいWEBフォントが公開されました。

CONDENSE-iconFont

スマホサイトのボタンを設置する場合、1つずつ画像を作ったり、CSS SpriteでCSSを指定するというのも面倒なときがあります。
そんなときに、このWebフォントを使うと、フォント名を指定し、CSSで飾りをつけるだけで、画像の処理を行わず、アイコンを作ることができます。

続きを読む

iPad,Androidタブレットを除いてスマートフォンサイトとPCサイトを切り分ける方法

サイトのトップのURLにアクセスしたとき、デバイスの種類を判別して、PC用のサイトとスマホ用サイトに切り替える方法です。

今回は、.htaccessファイルを使っての対応です。.htaccessファイルを使いますので、お使いのWEBサーバーがApacheを使用していることが前提です。

http://www.hogehoge.jp/

が共通のURLで、HPのトップへのアクセスがあったときに、スマートフォンからのアクセスの場合は、

http://www.hogehoge.jp/sp/

へリダイレクトする処理です。

続きを読む