画像をピッタリ横並び表示させるテクニック|株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報| 携帯サイト開発から生まれる技術情報ブログ メニューやおすすめ商品といったバナー画像を携帯の画面に横並び表示させるのは結構難しい。それは機種ごとにブラウザの描画領域の大きさが異なることと、画像の折り返しが発生することによるものだ。携帯ならではのテクニックを披露する。 <img width="50%"> を使うと・・・ ブラウザの画面ピッタリに画像を2枚だけ横並び表示させようとするなら、真っ先に思いつくのはimgタグに属性 width="50%" を追加するという方法。携帯は機種によってブラウザ幅が異なるから、width="50%" を使えばお手軽かつどの機種でもピッタリ表示できそうだ。 早速、横480ピクセルのGIF画像を使用して検証してみる。画像の大きさが分かりやすいように赤い枠

携帯サイトに限ったことではないですが、フォームページの作成って結構骨が折れるというか心が折れるというか眠くなるというか。 そんなフォームページを簡単にやっつけるべく、コピペでペタペタはっていけるようにまとめてみました。 こんなフォームページがちょちょいのちょいと。 Dreamweaverなどを使っている場合はスニペットに登録しておくとかなり作業効率がアップしますよ？ ただ、Dreamweaverを使わずに秀丸とかでコーディングする時もあるので、そういう時の自分の為に。 メニュー さくっとコピペできるように、html用とxhtml用で分けています。 ・html用のフォームパーツ ・xhtml用のフォームパーツ 数字とか値は適当に入っているので、コピペしたら直してくださいませ。 html用のフォームパーツ ・基本のパーツ ・割とそのまま使えるパーツ ・名前 ・住所 ・生年月日 ・性別 ・同意規

モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

携帯サイト(ガラケー、フューチャーフォン)にmixiチェックとtwitterつぶやくボタンを設置する方法。 いまさらかも知れませんが、書いておきます。 時代はスマートフォンだよ！とか言わないでくださいね。 Twitterでつぶやくボタンや、mixiチェック、facebookイイネ！などのソーシャルブックマークボタンは、 PCサイトでは当たり前と言っていいくらいよく見ますよね。 携帯用のサイトでも見かけるかと思いますが、 今回は、一般的なTwitterとmixiチェックを設置したのでその導入・設置方法を紹介します。 mixiチェック、Twitterツイート画像を用意 mixiチェックのボタン画像はこちらにあります。↓button-1の画像を使用しました。 mixi チェックボタンの設置　技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター) 仕様や、も