2011年1月アーカイブ

久々の更新になってしまいました。。
さて今回はHTML5で対応されたvideoタグを試してみようと思います。

ぜひvideoタグを対応したブラウザ(Google ChromeApple Safari)で見てみてくださいね。
フォントを変えてサイトの見栄えを少し変えてみませんか?
今回はCSS3で対応されたWebfontsについて。
Zen-Codingを利用してHTML/CSSのコーディングスピードを上げてみましょう。

Zen-Codingについてはこちらのサイトなどが分かりやすいかと思います。
Zen-Codingはテキストエディタにプラグインなどで用意されていて、自分の場合はVIM用のプラグインのzencoding.vimを使用しています。eclipseなどでも使えるようですね。

では簡単な例を使って説明したいと思います。
自分では書いていたつもりだったのですが、見直してみると書いてなかったので今回はGoogleの広告サービス Google Adsenseのお話。

といってもどうやったらクリック数が増えるのか?とか効果的な表示場所は?等については自分が知りたいくらいですのでこの記事では割愛させていただきます。

今回の記事ではMovableTypeで作成した自分のブログにどうやったらAdsenseの広告が表示できるのか?ということをメインにしたいと思います。
WebサイトによってはPCサイトの他にiPhone用サイトのURLが用意されているサイトもありますが、同じURLを指定しただけでiPhoneに最適化されたページが表示されるサイトも良いなぁと思うこともあると思います。

サイトによって方法は異なると思いますが主には以下の方法があると思います。

  • Javascriptで読み込むCSSなどを変更する
  • CGIやPHPでURLをリダイレクトする
  • mod_rewriteでURLを変更する
-webkit-border-imageを使用してborderを自分の好みに変えてみましょう。

今回はサンプルとしてiPhone用サイトで使用しているpngファイルを使用して試してみたいと思います。

先日公開したiPhone用サイトでは、バナーがなかったりデザインがイマイチだったので少しポップにしました。

また「ホーム画面に追加」を選択した場合にはアイコンで登録されるようにしましたよ!
(faviconは未作成ですが。。)

このアーカイブについて

このページには、2011年1月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2010年12月です。

次のアーカイブは2011年2月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。