Home > タグ > css

css

必見!携帯サイトをお手軽にiPhoneやスマートフォンに対応させる方法

iPhoneの登場でスマートフォンで閲覧しやすいサイトの需要が高まってきたようです。
でもわざわざiPhoneやスマートフォン向けにサイトを作るのは大変・・・。
そんな方に、今までに制作したモバイルサイトをスマートフォン対応させる方法があります。
しかも5分でお手軽にできます!
htmlとCSSで解決する方法なのですが、実はこの方法を使うだけで開発もしやすくなる優れものです。

論より証拠ということで、まずはこちらをご覧ください。
(PCからでもオッケーです。htmlはこちらの記事で作成したものを使ってます。)
まず、こちらが普通に作成したモバイルサイト→before
そしてこれがその方法を使ったもの→after

Continue reading

関連記事

携帯用HTMLタグについて(hr,h1)

こうすると各キャリアで共通の見え方をします。
hrタグ

<hr style="color:#9dcce0;background:#9dcce0;height:2px;border:0px solid #ffffff;margin:0.3em 0;" size="2"/>

h1タグ

<h1 style="line-height:1em;margin:0;font-size:small;">

関連記事

ブログにソースを書く時に使うHTMLタグ

そういえば、ブログにソースを書くときに使うHTMLタグなんですが、少し前まで<p> タグにスタイルシートでそれっぽくしたり、 <textarea>を使ってたりしたんだけど、ちょっとしらべてみたら<pre>タグがよいということが判明。

使ってみたらスペースや改行などもそのまま表示されるので素晴らしいです。ちなみに<は&lt;、>は&gt;、&は&amp;と表記するとうまくいきます。
<listing>タグ・<plaintext>タグ・<xmp>タグも使えますが、HTML4.0では廃止されているので注意。

今日は実家に行って就職の報告してきました。
両親も喜んでくれたのでよかったよかった。
なんだかんだいって心配かけてたと思うので、給料入ったら3人で夕飯でも食べに行こうと思う。

関連記事

Home > Tags > css

フィードとか

ページの上へ