シンメトリック公式BLOG
システム開発のノウハウをまとめています

テーブルを使ってauの「隙間」を消す

 auでたびたび問題となる、画像とブロック要素の上下にある消せないマージン、いわゆる「隙間」について、その回避方法を紹介します。divタグを入れ子にすることで消す方法もありますが、今回紹介するのは別解という位置づけになるでしょう。使うのは、携帯サイトでは何かと御法度のように言われているtableタグで …

携帯サイト制作の実践ノウハウ:コンテンツ変換をカスタマイズする2つの方法

 ここ数回のエントリーで、「PI機能」や「変換シート」を利用してコンテンツの表示コントロールをする方法を紹介しています。どちらもカスタマイズが可能なコンテンツ変換機能ですが、今回はこの2つの機能の違いや使い分けについて説明します。 ●PI機能を使った変換イメージ ●変換シートを使った変換イメージ まず …

携帯サイト制作の実践ノウハウ:破線や色付きの区切り線をhr要素で表示する

 以前外部CSSでのエントリーでも触れましたが、区切り線(hr要素)はキャリアごとにCSSプロパティの効き方が異なるので、破線や色で装飾したhr要素を3キャリアで使うのは大変です。hr要素の代わりにいっそ画像を使うというのも一つのよい判断です。 しかし画像にしたらしたで、src属性を書くことでHTML …

iPhone向けSafari、HTML拡張属性を使いこなす | HTML | Webサイト開発

 iPhone向けSafariでは、W3C標準のHTMLタグ・属性をサポートしているのはもちろんだが、iPhone固有の拡張属性・拡張CSSプロパティが使用できる。具体的には、テキストの入力方法を制御するものからタッチパネル操作専用のイベントハンドラ、バックライトの制御といった機能まである。 今回はi …

携帯サイト制作の実践ノウハウ:キャリア別にメール受信設定リンクを出分ける

 空メールを使った携帯サイトやサービスがよくあります。迷惑メールを懸念し携帯ドメイン以外のメールアドレスからの返信を拒否するユーザーも多いので、ユーザー離脱を起こしやすいです。こうしたユーザーに配慮し、ドメイン拒否指定をの解除がしやすいように、メール受信設定が行えるキャリアのURLにリンクを貼るなどし …

signed と unsigned の違い | C言語 | プログラミング

 通常の業務とは別にC言語を少しずつ勉強しています。C言語の鬼門と言われるポインタの動きもある程度理解し、構造体、線形リストやハッシュなどを使った簡単なプログラムを書けるようになりました。しかし、C言語としてかなり初歩的なことにも関わらず、今まであんまり意識せずにいたために致命的な思い違いをしたままだ …

携帯サイト制作の実践ノウハウ:プログラムレスで全角カタカナを半角カタカナに変換・表示する方法

 PCでは見やすい全角文字も、携帯では表示可能な幅が小さい関係上、縦に長くなりやすく見難くなるので、半角カナがよく使われます。全角を半角に変換する作業を人手で行うのは大変です。特にPC・携帯でデータソースを共有したりコンテンツ量が多い場合は、変換処理を行うアプリケーションが必要になります。 ラウンドア …

携帯サイト制作の実践ノウハウ:マルチキャリアで見えるコピーライトマーク(©)の出し方

 コピーライト「©」や登録商標「®」のような文字参照は、auでは「C」「R」と表示されます。下のように英字テキストと接したところが「R」や「C」になってしまうと、ユーザーに正確な情報が伝えられないので困り者です。 (W61Kでの登録商標マーク、コピーライトマークの表示) ラウンドアバ …

CSS3 擬似クラス | CSS | Webサイト開発

 CSS2までの擬似クラスは、閲覧者が単純なアクションを起こした際にスタイルを適応させるための仕組みとして主に使用されていました。CSS3では、非常に多くの擬似クラスが追加されました。これにより、これまでの擬似クラスの用途を大きく超えた可能性が拡がった印象を受けました。 今回は、CSS3において追加さ …

携帯サイト制作の実践ノウハウ:ドコモ絵文字を本来の色で見せたい

 デフォルト(青)以外のリンク色が設定されたページで、リンクテキストに絵文字を使うと、ドコモでは絵文字の色がリンク色と同じになります。リンクに限らず通常のテキストに色指定した場合も同様のことが起きます。これでは絵文字の装飾が際立たず、見栄えもしません。 本来の絵文字の色に戻すには、下のソースのようにs …

Page Top