Home > web

web Archive

バナーサイズ

  • 2010-05-21 (金)
  • web

国際サイズのバナーは、世界的には、IAB( Interactive Advertising Bureau 米インターネット広告協会)が基準を定めています。推奨するバナーサイズをチェックしよう。

長方形とポップアップ Rectangles and Pop-Ups

300 x 250 (Medium Rectangle)
250 x 250 (Square Pop-Up)
240 x 400 (Vertical Rectangle)
336 x 280 (Large Rectangle)
180 x 150 (Rectangle)
300 x 100 (3:1 Rectangle)
720 x 300 (Pop-Under)

バナーとボタン Banners and Buttons

468 x 60 (Full Banner)
234 x 60 (Half Banner)
88 x 31 (Micro Bar)
120 x 90 (Button 1)
120 x 60 (Button 2)
120 x 240 (Vertical Banner)
125 x 125 (Square Button)
728 x 90 (Leaderboard)

摩天楼 Skyscrapers

160 x 600 (Wide Skyscraper)
120 x 600 (Skyscraper)
300 x 600 (Half Page Ad)

最新情報はIAB公式サイトで。

その他

日本式サイズ size of Japanese style
200×40

srcって何の略?

  • 2010-05-20 (木)
  • web

すごく気になってきたので調べてみたが…
正解が分からないが…
resourceの略かな?

src = uri [CT]
This attribute specifies the location of the image resource.
Examples of widely recognized image formats include GIF, JPEG, and PNG.

Index of Attributes

スムーズにスライドするタブ型コンテンツ

いいねー。

autoにする場合は

<script type="text/javascript">
   $().ready(function() {
    $('#coda-slider-2').codaSlider({
     autoSlide: true,
     autoSlideInterval: 4000,
     autoSlideStopWhenClicked: true
    });
   });
</script>
<div class="coda-slider preload" id="coda-slider-2">

とするとうごーく!
最初ダウンロードデータの中に入ってたhtmlのscript箇所だけ変えて動かなーいとあせってしまったが、id変えてなかっただけ…はずかしっ!

さらにちょっとカスタマイズしてみると、

« left を « だけにしたい場合は、
jquery.coda-slider-2.0.js 27行目のdynamicArrowLeftText: “« left”,の箇所を変更
そしてその背景スタイルはcoda-slider-2.0.css 29行目の
 .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
を変更すればOK!

【ダウンロードサイト】
Coda-Slider 2.0

JavaScriptがOFFでも閲覧できるように別ウィンドウを小窓で開く

ついつい忘れがちになってしまうので、メモします。

リンク先URLがステータスバーに表示&JavaScriptがOFFでも閲覧できるように別ウィンドウを小窓で開く方法

<a href="index.html" onClick="window.open('index.html','windowname','scrollbars=yes,width=600,height=600'); return false;">別ウィンドウでひらく</a>

<a href=”…”>の機能を無効化するためにreturn false; を指定
この記述がないと元のウインドウ側もリンク先へ移動してしまう
これでリンク先URLがステータスバーに表示され、JavaScriptがOFFでも閲覧できる小窓を開けます。

そして最後の仕上げに、onkeypressも合わせて記述しておきましょう。

<a href="index.html" onClick="window.open('index.html','windowname','scrollbars=yes,width=600,height=600'); return false;" onkeypress="window.open('index.html','windowname','scrollbars=yes,width=600,height=600'); return false;">別ウィンドウでひらく</a>

※スクリプトのイベント処理では、装置非依存性を確保するために、次の属性は対で使用するように薦められています。
onmousedown+onkeydown
onmouseup+onkeyup
onclick+onkeypress

ついでに、ウィンドウを閉じるときは…

<a href="javascript" onclick="window.close(); return false;">このウィンドウを閉じる</a>

これでOK!

そして、さらにtarget=”_blank”について検討すべきであるが、これはまた今度下記サイトを参考に検証しよう。
target=”_blank” を使わないで新しいウィンドウでリンクを開く方法
target=”_blank”を使わずに別ウィンドウで開く

HTML文書の文法をチェックしよう

  • 2010-04-28 (水)
  • web

HTML文書の文法をチェックサービス
Another HTML-lint

改めてpreタグの確認

  • 2010-04-23 (金)
  • web

pre は PREformatted text(整形済みテキスト) の略

  • <PRE>~</PRE>で囲まれた範囲のソースに記述されたスペースや改行をそのまま表示する
  • ソースコードなどを表示する際に便利
  • ただし、< や > や & は特殊文字として認識されてしまうので、&lt; や &gt; や &amp; で記述する

著作権について考える

  • 2010-04-16 (金)
  • web

ライセンスの意味がいつも分からなくなってしまう。
下記記事を参考に再確認。

GPLやMITやCCなど主要ライセンスの内容と意味のまとめ

SEOについて

  • 2010-04-09 (金)
  • web

SEOについて改めて考え中
https://www.seo-suite.jp/

SEOアクセス解析を行い、無料・簡単・リアルタイムに、WEBサイトのSEO最適度をチェック、診断を行うツールです。
http://www.seotools.jp/

キーワードの検索順位

  • 2010-03-24 (水)
  • web

ヒットさせたいキーワードの現在の検索順位を確認

dw230

「Google / Yahoo / MSN 順位検索ツール」を選択
URL(アドレス)とキーワードを入れるだけで順位が出ます。

ホーム > web

want

Return to page top